サイトマップ

• lesson1〜HTMLの基礎〜
  1. ホームページを作るのは難しい？
  2. 拡張子を表示させる
  3. メモ帳を起動してみよう
  4. html骨格を記述する
  5. 文字を表示させてみる
  6. エンコードを指定する
  7. タイトルを指定する
  8. 見出しと段落
  9. 著作権情報を記述する
  10. 罫線を引く
• Lesson2〜CSSを使わない装飾〜
  1. 素材を用意する
  2. 素材を作成する
  3. 画像を表示させてみよう
  4. リストを使う
  5. リンクを設定する
• Lesson3〜CSSを使った装飾〜
  1. htmlの骨格を作成する
  2. CSS（スタイルシート）の組込み方法
  3. CSSの基本構造
  4. @規則の指定
  5. 文字の大きさを変える
  6. 文字・背景の色を変える
  7. 文字のスタイルと太さを変える
  8. 幅と高さを変える
  9. 間隔と枠線を指定する
  10. カーソルを当てたときのリンクの色
• Lesson4〜スタイルを細かく指定する〜
  1. htmlの骨格を作成する
  2. IDとClassの設定
  3. CSSファイルの編集
  4. strongとemで強調する
  5. spanで一部分のスタイルを変える
• Lesson5〜SEOを意識したサイト作り〜
  1. SEO対策とは
  2. タイトルを作る
  3. エンコードとMETAタグ
  4. DTD宣言とXML宣言
  5. html要素への記述
  6. 見出し、段落、著作権情報の記述
  7. 仕上げをする
• Lesson6〜tableを使ったレイアウト〜
  1. XHTMLの骨格を記述する
  2. tableタグを覚える
  3. table内に文章を記述する
  4. スタイルシートを適用する
  5. vertical-alignというもの
  6. ブロックレベル要素とインライン要素
  7. リスト(ul)を扱う上での注意点
• Lesson7〜positionを使ったレイアウト〜
  1. XHTMLの骨格を記述する
  2. divタグを理解する
  3. div骨格にコンテンツを挿入する
  4. 絶対配置と相対配置
  5. divのスタイルを指定する
  6. 他のタグのスタイルを指定する
  7. スクロールボックスを設置する
• Lesson8〜floatを使ったレイアウト〜
  1. XHTMLの骨格を記述する
  2. floatタグを使用する
  3. divとfloatで骨格を作る
  4. div内に文章を記述する
  5. スタイルシートを適用する
  6. ブラウザによる表示の違いを学ぶ
  7. サイトを画面の中央に配置する
  8. ロールオーバーボタンの作成（文字の背景切替型）
  9. ロールオーバーボタンの作成（文字画像切替型）
  10. サンプルにロールオーバーメニューを配置する
• Lesson9〜画像ビュアーの作成〜
  1. XHTMLの骨格を記述する
  2. divとfloatで骨格を作る
  3. div#a1内の編集
  4. div#a2内の編集
  5. div#a3内の編集
  6. div#a4内の編集
  7. div#a5内の編集・最終調整
  8. 画像viewerを配置する
• CGIの設置
  • 掲示板を設置する
  • カウンターを設置する
  • アクセス解析を導入する
  • アクセスランキングを設置する
• ホームページの公開
  • ドメインを取る
  • サーバーを選ぶ
  • ファイルをアップロード（公開）

• ドリル式ホームページの作り方TOP