ウェブデザインA 第04回

ウェブデザインA 第04回

2024年10月25日 /最終更新:2025年02月14日

フォルダやファイルの準備を行いましょう。そしてまずは必須内容のコーディングを行ってHTMLファイルの基本形を作ります。

ウェブデザインA 第04回

前回の講義内容覚えてますか??

  • ネット上のWebサイトの情報を集める仕事は、各検索エンジンのクローラーと呼ばれる検索ロボットが行っている、
  • 人間が見るWebサイトと、クローラーが見るWebサイトは違い、クローラーは文字情報だけを見ている
  • htmlタグを使うのは、クローラーにページの構成や内容を判別させるため。
  • クローラーが収集してきた情報をもとに、検索エンジンが表示順を決定する。
  • 表示順を少しでも上に持っていくために行うのがSEOと呼ばれる手法。
  • htmlタグには開始タグと終了タグがあり、文字を囲うことで使用する。
    またimgタグなど、中には閉じタグが存在しないhtmlタグもある。
  • divタグは箱のようなもので、いろいろな要素を入れることができる。
  • hタグは見出しで、数字が少ないほど重要な見出しになる。
  • pタグは段落で、最も使用頻度の高いhtmlタグ。
  • imgタグはページに画像を読み込むhtmlタグで、終了タグが必要ない。

といった内容でしたね。

今回は実際にhtmlコーディングに入っていきます。
これを記述しておかないと正常に表示がされないという必須の内容を、
記述を行ないながら学んでいきましょう。

コーディングの基礎 「内側・外側」「囲う」という言葉の意味

前回同様に重要なポイントからお話しましょう。
絶対に念頭に置いてほしい最低限の概念として「内側・外側」「囲う」の意味を理解してください。

[コーディングの基礎] コーディングの概念

 

繰り返しますが、次回以降も忘れないように持参してください。
このデータがないと授業が進められません

コーディングの基礎 htmlファイルの基本的な構成

htmlファイルには必ず記述しなければいけない4つのブロックがあります。記述しながら解説します。

[コーディングの基礎] htmlファイルの基本的な構成