Java Scriptの特徴
【ホームページ出来上がりのイメージ】
WEB上でインタラクティブな表現をする為に開発されたオブジェクト指向のスクリプト言語(簡易プログラミング
言語)です。
HTML内にプログラムを埋め込むことで、Webページに様々な機能を付加できる(Webブラウザの動作を
定義できる)為、HTMLやCSSでは表現できないユーザーの動きに応じたものを作ることができます。
(マウスの動きにあわせてデザインが変化する複雑なWEBページを作り出すことができます。)
従来Webページは、印刷物(紙に印刷された本)のような静的な表現しか作れませんでしたが、
JavaScriptの登場により幅広い表現(動的表現)が可能となりました。
※ スクリプト言語
コンピュータを制御する為のルールをまとめたもので、このルールに従って記述された命令の集まりのことです。
スクリプトはプログラムと同じような働きをしますが、プログラムよりも仕組みが単純です。
『JavaScript (ジャバ スクリプト) の特徴』
・JavaScriptに対応したブラウザソフトがあれば、サーバーに負担をかけることなくスクリプトが実行できます。
・特別な開発環境は要さず、HTMLファイルに書き込むだけで簡単に行えます。
・スクリプト言語なので、コンパイルを必要としません。
※ プログラミング言語で記述されたソフトウエアの設計図(ソース・コード)を、コンピュータが実行可能な形式に
変換する作業(オブジェクト・コード(機械語))のことです。
『HTMLファイルへの組み込み』
記述時は script タグを使用し、type属性を指定します。
この指定は「JavaScriptを使用している」という宣言になります。
尚、src 属性には「ファイル名」を記述して下さい。
『ファイルの拡張子』
「 ファイル名.js 」
『スクリプトタグ(JavaScriptの記述を定義します)』
← 終了タグ
『記述時のルール』
①命令の最後にセミコロン(;)を必ず付けます
②大文字・小文字をキチント区別します
③単語の途中での改行は行ってはいけません
④全角は使用できません
『コメント(注釈)の記述』
・ 1行だけコメントを記述する
// ここにコメントを記述します
・ 複数行のコメントを記述する
/* ここにコメントを記述します */
word press 便利なプラグイン#4(定期データバックアップ)
word press で作成したホームページ等のデータベースを定期的に自動でバックアップする事ができる。
プラグインは『BackWPup』を使用する
画面は以下の通り
上記、画面で設定された日時で保存される。
Learning word press 12 (見出しマークを編集)
word pressのテンプレートをcssを使い見出しを編集を行う
編集サイトの固定ページを開く
以下のソースコードをテキストに打ち込む
(内容:フォントサイズ h3 部分に関して 先頭にマークを付ける)
<style> h3 {<br /> position: relative;<br /> padding: .5em;<br /> border-left: 5px solid #444;<br /> }<br /> h3:before {<br /> position: absolute;<br /> left: -5px;<br /> bottom: 0;<br /> content: '';<br /> width: 5px;<br /> height: 50%;<br /> background-color: #0000ff;<br /> }<br /> h3:after {<br /> position: absolute;<br /> left: 0;<br /> bottom: 0;<br /> content: '';<br /> width: 100%;<br /> height: 0;<br /> border-bottom: 2px solid #444;<br /> }</p> </style>
となる
以上