-本日のアジェンダ-
1限目
学科 HTML/CSS基礎②
ファイル管理について
2限目
学科 HTML/CSS基礎②
Webページ制作実践
3限目
学科 HTML/CSS基礎②
Webページ制作実践
4限目
学科 HTML/CSS基礎②
Webページ制作実践
5限目
学科 HTML/CSS基礎②
本日の講義のまとめ
【講師用カリキュラム情報】
※このブロックは公開時は非表示になります。削除しないでください。
※講師用の情報（注記）を追記して頂いても大丈夫です。
ストーリー：とにかくグラフィックソフトを使うHTMLとCSSの理解
内容1：HTMLとCSSについて
内容2：HTMLとCSSについて
内容3：
課題：練習問題提出
【注記】
・新カリキュラム用に修正（2024/8/13：大浜）
本日のテーマ
HTML記述してみましょう
ファイル管理について
Webサイト開発時には、HTMLファイル、CSSファイル、JavaScriptファイル、画像ファイルなど多くのファイルを使用します。また、各ファイルは随時変更されるので適切なバックアップも必要です。
フォルダ名やファイル名の命名規則やフォルダ構成などを決めて管理しておかないと、どのファイルが、どこにあるのかわからないという状況になってしまいます。また、作業時には理解していても後日に確認すると「わからない！」というのは良くある話です。
本サイトの右側にある「ファイル管理について」などを確認して適切なファイル管理ができるようになりましょう。
ファイルのパス指定について【復習】
ファイルを指定するためには、絶対パスでの指定方法と相対パスでの指定方法があります。それぞれの特徴を理解して使い分けましょう。
参考サイト
ブロックレベル要素とインライン要素について【復習】
要素の多くは、ブロックレベル要素とインライン要素に分類されます。
ただし、HTML5ではブロックレベル要素とインライン要素という考え方はなくなっていますので、あくまでも性質を持っていると考えておきましょう。
Webページ制作実践①
実際にサンプルファイルを使用してWebページ制作の手順を確認していきましょう。
- HTMLの基本構造
- 文書情報について
- 文書本文について
- HTML：構造化タグ
- HTML：コンテンツのグループ化タグ
【資料】
カリキュラム資料 ダウンロード用サイト
https://cu-doc.deau-ac.com/
下記のファイルをダウンロードしましょう。
「chapter1.zip」
- コンテンツのグルーピング
- HTMLファイル（index.html）の作成
- 文書構造にそった要素（タグ）の記述
本日の課題
Webページ制作実践で作成したページのキャプチャを取得してWordPressの投稿ページに貼り付けを行いましょう。（出来たところまでで大丈夫です）