練習用Webサイト

HTMLの勉強を開始した。

Pre Stage Webサーバ・ドメインの前提知識

• Webサーバ

• 静的コンテンツと動的コンテンツ

• デフォルトページ

• ドメイン

• DNS

• プロトコル

HTMLの勉強2回目。

Stege 1　HTMLの基本を学ぶ

• HTML

• HTMLの基本構文

• 主要なタグ

• パス

HTMLの勉強3回目

Stage 2　HTMLの構造を理解する

• ブロック要素・インライン要素
• セマンティックHTML
• リスト
• テーブル

HTMLの勉強4回目

Stage 3 HTML+CSSで見た目を整える

• CSSとは
• CSSの基本構文とセレクタ
• セレクタ
• 代表的なプロパティ

HTMLの勉強5回目

Stage 4 フォームや埋め込み要素の使い方

• フォーム
• name属性とvalue属性
• メディアの埋め込み
• アクセシビリティの基本

Stage 5　Webページとしての完成度を高める

• ページ全体の構造設計
• メタデータ
• ファビコン
• OGP(SNSでシェアされた時の情報)
• HTMLバリデーション(正しいコードかチェック)

HTMLの勉強6回目

Stage 6 レスポンシブデザイン

• レスポンシブデザイン
• メディアクエリ
• モバイルファーストとPCファースト
• 相対単位値

HTMLの勉強7回目

Stage 7 リセットCSS・フォント関連

• リセットSCC
• フォントの指定_GoogleFont等
• アイコンフォント_Material Icons
• アクセシビリティ_音声時の注意

Stage 8 もっとプロっぽくなるための予備知識

• エクステンションを活用する
• HTTPの仕組み_ステータスコード
• コメントを使いこなす
• デザインカラーパターン
• 動的Webサイトとは

Stage 9 追加TIPS

• 継承
• htmlとbody
• 画像の遅延読み込み