| No. |
レッスンタイトル |
内容 |
| 1_1 |
1話.マークアップエンジニアのお仕事って？ |
「マークアップエンジニア」とはどういった仕事で、そのためにはどんな技術や知識が必要か理解する。 |
| 2_1 |
1話.Webサイトが表示される仕組み |
インターネットの住所「URL」の構成と仕組みについて理解する。 |
| 2_2 |
2話.Webページのデータの仕組み |
Webページに画像や動画などが表示される仕組み、クリックして他のページへジャンプできる仕組みについて理解する。 |
| 3_1 |
1話.XHTMLとは？ |
XHTMLの概念と基本ルールを理解する。 |
| 3_2 |
2話.XHTMLの書き方 |
XHTML文書に必須な要素を理解して書けるようになる。 |
| 3_3 |
3話.文書構造の要素 |
XHTMLの基本的な要素を正しく使えるようになる。 |
| 3_4 |
4話.テーブル |
テーブルを作るための要素について理解し、作成できるようになる。 |
| 3_5 |
5話.イメージ |
画像をWebページで表示するための要素について理解し、実際に画像を表示させられるようになる。 |
| 3_6 |
6話.ハイパーリンク |
ハイパーリンクの要素を理解し、適切なパスへハイパーリンクを設定することができる。 |
| 3_7 |
7話.入力フォーム |
入力フォームの主要な要素を理解し、フォームを作成できるようになる。 |
| 4_1 |
1話.CSSとは？ |
CSSの役割と書き方を理解する。 |
| 4_2 |
2話.文字修飾のスタイル |
文字修飾のプロパティを理解し、記述できるようになる。 |
| 4_3 |
3話.ボックスのスタイル |
ボックスの概念とそれに関するプロパティ、背景のスタイルに関するプロパティを理解して、使えるようになる。 |
| 4_4 |
4話.クラスセレクタとidセレクタ |
クラスセレクタとidセレクタの書式の違いを理解して、スタイルシートを使った段組みレイアウトを作成できるようになる。 |
| 4_5 |
5話.特定の要素に対するスタイル |
リストやリンクに使用する特有の要素や、新しいセレクタの使い方を理解して、使えるようになる。 |
| 4_6 |
6話.外部スタイルシート |
外部CSSの使い方、継承・優先順位のルールを理解し、外部スタイルシートを使えるようになる。 |
| 5_1 |
1話.画像ファイルの形式 |
画像ファイルにおける3種類の保存形式の特徴を理解し、画像によって適切な保存形式が使えるようになる。 |
| 5_2 |
2話.画像のカラー調整 |
カラー調整の方法を理解して、適切な形式で保存できるようになる。 |
| 5_3 |
3話.画像のトリミングとサイズ変更 |
GIMPの画像加工の方法（切り取り、サイズ変更、合成）について学習し、作成するWebサイトに「適切なサイズ」で、「文字合成された画像」を作成することができるようになる。 |
| 5_4 |
4話.バナー画像の作成 |
バナー画像の作成方法を学習し、画像編集ソフトを使って効率的に、意図したバナー画像を作成できるようになる。 |
| 5_5 |
5話.Webページ用に画像データを保存する |
Webページ用の画像保存形式を学習し、画像の種類や目的によって、適切なファイル形式を選んで保存ができるようになる。 |
| 6_1 |
1話.Webサーバーとドメインの準備 |
Webサーバーの準備とドメインの取得の手段について学習し、Webサイトの制作から公開まで、説明できるようになる。 |
| 6_2 |
2話.Webサイトを計画する |
Webサイト制作の実作業に入る前に必要な、企画の立て方と設計方法について説明できるようになる。Webサイト制作に必要なソフトや素材を利用する。 |
| 6_3 |
3話.Webページのレイアウト |
Webページのレイアウト手法について説明できるようになる。モニターによる画面表示の違いを理解し、環境設定を行う。 |
| 6_4 |
4話.Webプログラムの仕組み |
CGIやJavaScriptなど、Webページで動くプログラムの仕組みについて説明できるようになる。 |
| 7_1 |
1話.ひな形ページを作成する |
今まで学習したことを活かしてひな形ページの骨組みを作成できるようになる。 |
| 7_2 |
2話.ヘッダ、フッタを作成する |
XHTMLとCSSを効果的に使って、ひな形ページのヘッダとフッタの作成ができるようになる。 |
| 7_3 |
3話.トップページを作成する |
映像や画像の挿入、レイアウトや装飾方法について学習し、トップページのコーディングができるようになる。また、用語（見出し）とその説明（内容）というように構造化できる定義リストを用いて、文書に意味付けができるようになる。 |
| 7_4 |
4話.サブページを作成する |
サブページの作成を通して、より応用的なCSSの使い方を学習する。 |
| 7_5 |
5話.ブラウザごとの表示調整を行う |
clearfixの仕組みを理解し、フロートを行った後のクリア指定が正しく認識されない場合でもclearfixを用いて表示の調整ができるようになる。 |
