HTML・CSS基礎講座 参考資料

HTML・CSS基礎講座 1日目の授業内容と参考資料(動画解説)

HTML・CSS基礎講座ご参加ありがとうございました。<(_ _)> 
台風の影響でJRもストップして大変でしたね。授業開始も30分遅くしましたが、それでも授業に間に合わない方もいらしたので、参考として、1日目の授業内容を簡単に紹介しておきます。(一部は動画です。)
残念ながらご参加頂けなかった方もいらっしゃいますので、是非ご覧いただき、2日目の授業に参加してください。

1.午前中の授業内容いついて

①午前中は、テキストのChapter1にあるように、どんなWebサイトを作るのかについてお話しましたが、
 テキストは、どちらかと言ったら個人向けサイト中心に構成されているので、参考資料「HTML講座参考資料」をご覧頂きながら
 企業向けサイト作成について解説をしました。
 テキストと参考資料を合わせて読みながらご確認ください。
 この資料は私が3年位前まで、HTML講座のために使用していたオリジナルテキストです。
 一部内容は古くなっていますが、6ページ位までは企業サイトを作成するのに重要な点が記載されていますので
 是非読んでおいてください。
②テキストChapter2 35ページまで HTMLとCSSとの関係などについて解説しました。テキストを読んでください。


2.午後の授業内容いついて

テキスト36ページの「基本となるHTMLファイル」ひな型を作成しました。
 テキストでは、メモ帳を使ったファイル作成を解説していますが、メモ帳では効率が悪いので、
 本講座では「シンプルなテキスト・HTMLエディタのCrescent Eve」を使用しています。
 このエディタの使い方を学習しながら、36ページの「基本となるHTMLファイル」を作成しました。

 Crescent Eve の使い方については、「ホームページ作成講座補足説明資料」のプリントをお配りしました。
 PDFファイルにしてアップしてありますので、ご覧ください。

 ひな型入力後、テキストに沿って(45P~58P)HTMLの基本を解説しました。テキストをよく読んでおいてください。

②テキストChapter3、ひな型作成後、ひな型を元にトップページindex.htmlファイルを作成しました。
 その後テキストに沿って、見出しなど追加作成し、68Pまで作業を進めました。
③テキストChapter4、作成したindex.htmlファイルを、スタイルシート nogizaka.css ファイルを作成して各スタイルを定義していきます。
 スタイルシートについては、テキストに細かく書かれています。よく読んでおいてください。


第1日目は、台風の影響で開始時間が遅れたこともあり、また、エディタの使い方に慣れることもあり、
 あまり学習ページは進んでおりません。 テキストに沿って、95ページまでです。
 次回2日目からかなり重要な部分に入っていきます。是非、エディタの使い方に慣れておいてください。


1.研修で使用するDATAのダウンロード方法。【動画】   《ここをクリックしてください。》

2.HTMLエディタ Crescent Eve のダウンロードとインストール方法。【動画】   《ここをクリックしてください。》

3.Crescent Eve の使い方(ひな型の作成)。【動画】   《ここをクリックしてください。》

4.index.html ファイルの作成。【動画】   《ここをクリックしてください。》

5.スタイルシート nogizaka.css ファイルの作成。【動画】   《ここをクリックしてください。》

トップページに戻る