HP作成の基本

Check point

データの整理

1. フォルダを作る･･･その中にサイト、ファイルを整理
2. 命名規則
   • 分かり易く簡単に
   • あとでたどりやすいもの

文書構造は正確に

• head
  サイト上では見えない部分 ページのの内容記述　重要
　　　　
• body
  サイト上に表示される部分

keyword

• html5　基本テンプレートを検索できる
• CSS3　コーディングデザインを作る

インライン要素とブロック要素

インライン要素の例

インライン要素でよく使うものに「span」「img」「a」「big」「small」「i」などがあります。
よく使うspanを例にインライン要素を使ってみます。
文字を赤くできます 文字をおおきくできます 太文字にできます フォントを変えることができます

ブロック要素の例

ブロック要素でよく使うものに「div」「p」などがあります。
よく使うdivを例にブロック要素を使ってみます。

練習

自分でclassを命名して好きなcssでデザインを変更してみましょう！

インライン要素

ブロック要素

聞きたいことリスト

画像を横に並べて、大きさを揃えて指定する

• 別々の場所に配置する
• 大きさの違う画像を画像を重ねる
• 画像と文字を重ねる

メニューバー

ロゴマークを入れる

アンケート作成～入力・送信フォームを作成する