2025年5月22日

-本日のアジェンダ- 1限目学科 HTML/CSS基礎②ファイル管理について 2限目学科 HTML/CSS基礎②Webページ制作実践 3限目学科 HTML/CSS基礎②Webページ制作実践 4限目学科 HTML/CSS基礎②Webページ制作実践 5限目学科 HTML/CSS基礎②本日の講義のまとめ 本日のテーマ HTML記述してみましょう ファイル管理について Webサイト開発時には、HTMLファイル、CSSファイル、JavaScriptファイル、画像ファイルなど多くのファイルを使用します。また、各ファイルは随時変更されるので適切なバックアップも必要です。 フォルダ名やファイル名の命名規則やフォルダ構成などを決めて管理しておかないと、どのファイルが、どこにあるのかわからないという状況になってしまいます。また、作業時には理解していても後日に確認すると「わからない！」というのは良くある話です。 本サイトの右側にある「ファイル管理について」などを確認して適切なファイル管理ができるようになりましょう。 ファイルのパス指定について【復習】 ファイルを指定するためには、絶対パスでの指定方法と相対パスでの指定方法があります。それぞれの特徴を理解して使い分けましょう。 参考サイト ホームページの仕組みとURL、絶対パス、相対パスについて パス（URL）の指定方法 絶対パスと相対パスの違いをイラストを使って解説！ ブロックレベル要素とインライン要素について【復習】 要素の多くは、ブロックレベル要素とインライン要素に分類されます。ただし、HTML5ではブロックレベル要素とインライン要素という考え方はなくなっていますので、あくまでも性質を持っていると考えておきましょう。 Webページ制作実践① 実際にサンプルファイルを使用してWebページ制作の手順を確認していきましょう。 HTMLの基本構造 文書情報について 文書本文について HTML：構造化タグ HTML：コンテンツのグループ化タグ 【資料】 カリキュラム資料 ダウンロード用サイトhttps://cu-doc.deau-ac.com/ 下記のファイルをダウンロードしましょう。「chapter1.zip」 コンテンツのグルーピング HTMLファイル（index.html）の作成 文書構造にそった要素（タグ）の記述 memoterapadで最初にやること①オプション→基本→タグの文字数を４に