○First step
骨組みを決める ウェブページの構成を考える
作成ソフトの準備 HP作成ソフト、またはテキストエディタの準備
ナビゲーションについて ナビゲーションのあり方
ファイルを作る ファイル(ページ)を作る
公開スペースを確保 公開するためのサーバスペースを準備する
ファイルをアップロード PCからサーバへファイルをアップロードする
モニターの解像度 800×600pxを基準とする
○HTML reference
DOCUMENT
1. ドキュメントとは ドキュメントの意味
2. ドキュメントの構造計画 HTML , HEAD , BODY
3. <HEAD>タグの中身 META , LINK
4. タイトルを表示させる TITLE
BODY
1. 背景色を変える BGCOLOR
2. 背景に画像を使う BACKGROUND
3. 文字色を指定する TEXT
4. タイトルを表示させる ALIGN
5. マージンを指定する MARGIN
6. 改行 BR , NOBR
7. 段落 P
8. 横罫線 HR
FONT
1. 文字のサイズ H☆ , FONT SIZE
2. 書体を指定する FONT FACE
3. 文字を装飾する B , I , S , U , BIG , SMALL
4. 特殊フォントを使う アスキーコード , キーワードで表示
5. フォントサイズサンプル 各指定方法によるサンプル
LIST
1. リストを作る その1 UL , UI , OL
2. リストを作る その2 OL START , OL VALUE
IMAGE
1. イメージ(画像)を使う IMG SRC
2. 画像と1行テキスト ALIGN=top , midole , bottom
3. 画像と複数行テキスト ALIGN=left , right
4. 画像とテキストの間隔 VSPACE , HSPACE
LINK
1. リンクを作る その1 A HREF
2. リンクを作る その2 A HREF=#●●●●
3. メールアドレスをリンクする A HREF=mailto:●●●.ne.jp
TABLE
1. とりあえず表を作る TABLE BORDER , TR , TD
2. 表とテキストの関係 TABLE ALIGN
3. 見出しを付ける TH
4. タイトルを付ける その1 CAPTION ALIGN
5. タイトルを付ける その2 CAPTION ALIGN , CAPTION VALIGN
6. 行数を変える COLSPAN
7. 列数を変える ROWSPAN
8. 表のサイズを指定する WIDTH , HEIGHT
9. 枠線の太さを変更する BORDER
10.枠線の色を変更する BORDERCOLOR
11.マージンを指定する CELLPADDING , CELLSPACING
12.セル内のテキスト位置指定 TD ALIGN , TD VALIGN
13.セル内の壁紙を指定する TD BGCOLOR , TD BACKGROUND
FORM
1. テキスト1行入力欄 INPUT TYPE=text
2. テキスト複数行入力欄 TEXTAREA
3. 選択ボタンを作る INPUT TYPE=radio , checkbox
4. 送信・リセットボタンを作る INPUT TYPE=submit , reset
5. プルダウンメニューを作る SELECT
FRAME
1. フレームを作る FRAMESET , FRAMESRC
2. フレーム未対応のブラウザ NOFRAMES
3. フレームの形式 その1 SCROLLING
4. フレームの形式 その2 FRAMEBORDER
5. インラインフレームを作る IFRAME SRC
○Color chart
定義済み16色
WebSafeColor216色
カラーネーム
トーン別カラー
○WEB tips
STYLE SHEET
CSS01 リンクスタイルを指定する その1
CSS02 リンクスタイルを指定する その2
CSS03 スクロールバーの色を変える
CSS04 タイトル(見出し)を装飾する
CSS05 テキストを発光させる
CSS06 テキストを重ねる
CSS07 行間を調整する
CSS08 文字間を調整する
CSS09 額縁を作る
CSS10 丸数字を作る
CSS11 テーブル表示を早くさせる
CSS12 TDタグでアイコンを作る
CSS13 マウスカーソルの形状を変える
CSS14 テキストを反転させる
CSS15 テキストを半透明にする
CSS16 フォームを装飾する
CSS17 テキストを歪ませる
CSS18 グラデーション文字を作る
CSS19 色を指定してルビをふる
CSS20 オンマウスで画像を入替える
JavaScript & DHTML
Tips01 右クリックを禁止する
Tips02 右クリックを制御する
Tips03 額縁を作る
Tips04 タイトルバーに時刻を表示させる
Tips05 ステータスバーに文字を表示させる
Tips06 ウィンドウを振動させる
Tips07 ウィンドウを回転させる
Tips08 全画面モードで表示させる
Tips09 自動スクロールするページを作る
Tips10 サブウィンドウを開く その1
Tips11 サブウィンドウを開く その2
Tips12 テキストをタイピング表示させる
Tips13 複数のフレームを一度に切り替える
Tips14 IEの「お気に入り」に登録させる
Tips15 画像を自動的に変更させる
Tips16 カーソルを追いかける画像
Tips17 オンマウスで文字を変化させる
Tips18 テキストの表示・非表示を切り替える
Tips19 オンマウスで指定場所にテキストを表示させる
Tips20 オンマウスで画像を入替える
Tips21 トランジション効果をかける
Tips22 自動的にページをジャンプさせる
Tips23 「戻る」ボタンを無効化させる
Tips24 サーチライト効果をつける
Tips25 ロゴマークを固定表示させる