【
まとめ（検索）のページ
】 【
全てのファイルをＤＬ出来ます】
更新日
ＨＴＭＬ＆スタイルシート（目次)
各ページに出てくる文字色の
■
色は項目が説明ページにリンクします。
↓項目を示す番号は、
黒は表紙ページ
・
グリーンはコンテンツページ
・
ブルーは表作成
・
赤はその他
のページです
章で扱う項目をまとめています
ソースを表示しました
ブラウザで表示させると
第１章
ページを作ってみる
１
Ｗｅｂページの土台を作る
このテンプレートから始めます
２
Ｗｅｂページにタイトルを付ける
タイトルのみ表示されています
３
見出しを表示する
見出しが表示されました
４
文章を表示する
文章が表示されています
５
コピーライトを表示する
コピーライトが加わりました
第２章
文字のデザイン
・パソコンでの色の仕組み
・デザイン設定が重複した場合の
優先度
・クラス名を使ったデザインの設定
１
文字の大きさを変える
見出しの文字を小さくしました
２
フォントの種類を変える
アルファベットのフォントが変わりました
３
全ての文字の色を変える
文字の色がグレーに変わりました
４
一部分の文字の色を変える
見出しと文章中の色が変わりました
５
一部分の文字を太くする
『色探しの旅』の文字が太くなりました
６
文章の横幅を指定する
文章の幅が360pxになりました
７
コンテンツをページの中央に配置する
中央に配置され文章は左揃えに
８
文章中心のコンテンツページを作る
新しいページが増えました
９
行の間隔を広くする
行間を広くしました
１０
改行をコントロールする
見出しの一覧が入りました
第３章
背景と罫線のデザイン
１
ページの背景に色を付ける
背景に色が付きました
２
コンテンツの背景に色を付ける
コピーライトのバックにも色が！
３
コンテンツを罫線で囲む
文章の周りを点線で囲みました
４
見出しをバーのようにデザインする
見出しが目立ちます
５
コンテンツを区切る線を入れる
お洒落な区切り線が入りました
第４章
リンクの作成
１
ページとページをリンクで結ぶ
indexページからcontentsページが開きます
２
メール送信用のリンクを作る
アドレスクリックでメーラーが起動します
３
リンクの色を変える
リンクする文字色が変わりました
４
カーソルを重ねたときのリンクの色を指定する
リンクにマウスを重なると色が変わります
５
一部のリンクの色を変える
メール送信用のリンクの色を変えました
６
リンク部分の下線を消す
メール送信用のリンク下線を消しました
７
トップページに戻るリンクを用意する
コンテンツページからトップページへ戻れます
８
ページ内のコンテンツにリンクを張る
目的の見出しがすぐ出ます
第５章
画像のデザイン
・Ｗｅｂで使える画像フォーマット
１
画像作りに必要なものを用意する
２
Ｗｅｂページに画像を表示する
表紙に画像が入りました
３
画像を丸く切り抜く
画像が丸くなりました
４
文章の中に画像をレイアウトする
コンテンツページに画像が入りました
５
行頭にマークを付ける
手作りの画像がマークになりました
６
タイトル画像を作成する
手作りの画像がタイトルになりました
７
背景に画像を配置する
手作りの画像が背景になりました
第６章
テーブルとフォームのデザイン
１
テーブルを作る
飾り気のない下書き状態のテーブルです
２
セル内のテキストと罫線の間隔
罫線との間に余白を入れました
３
セル内のテキスト行揃え
文字を中央揃え・コンテンツを中央に
４
テーブルの大きさを指定する
指定した大きさのテーブルが増えました
５
セル内の背景色を指定する
テーブルの背景に色を付けました
６
複数行にまたがるセルを作る
新しいテーブルページが半分出来ました
７
テーブルの罫線をアレンジする
罫線をデザインしました
８
セル内のテキストの縦方向の表示位置
文字の位置のアレンジとリンクが付きました
９
コメント送信用のフォームを作る
Internet Explorer からメールを送れます
１０
フォームのデザインをアレンジする
お洒落なフォームに変身です
第７章
ページを公開する
１
Ｗｅｂページの公開に必要なものを用意する
２
Ｗｅｂページのデーターをサーバーに置く
第８章
パワーアップアレンジ
１
ページの左にメニューバーを入れる
トップページにメニューバーが入りました
２
ページの上にバーを入れる
上にメニューバーを入れてみました
３
バーを画面いっぱいに表示する
バーのまわりの余白を消しました
４
スクロールバーの色を指定する
スクロールバーの色が変わりました
５
表示位置を指定してレイアウトする
メニューとコンテンツを分けました
６
リンク先を別ウインドウで表示する
リンク先が新しいページで開きます
７
ページの左側にフレームでバーを入れる
メインだけページが入れ替わります
８
ページの上にフレームでバーを入れる
ページの上にフレームが入りました
９
フレームの分割方法
フレームの応用でページをアレンジしました
１０
デザインの設定を共有する