Webクリエーター養成講座

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を用いて表示の調整ができるようになる。