【2日目】HTML・CSS 中級編完了
はじめに
こんばんは、たけぽんです。
昨日は時間が取れず、中級編の完了が遅れてしまいました。。。
HTML中級編で学んだこと
Progate中級編では、ただタグを覚えるだけでなく、“1ページの構成”を自分で組み立てる力が身につきました。
🔧 学習内容の一部：
- レイアウト作成の考え方
- トップ・ヘッダー・メイン・フッターの各パーツ構築
- メッセージボタンの設置
- ヘッダーの固定方法（position: fixed / z-index）
学習前は「HTMLって文章の塊でしょ？」と思っていましたが、
今では「“骨組み”を組む設計力」だという感覚に変わってきました。
つまづいたポイントと乗り越え方
position: fixedを使った際、下の要素が隠れてしまう
→padding-topでスペースを確保することで解決- 全体の構造がごちゃごちゃになりがちだった
→divでブロックを分け、セクションごとに整理する意識を持つように
学んだことをどう活かす？
HTMLの中級編を終えて、「WordPressの中の構造も見えるようになってきた」感覚があります。
今後は以下を目標に進めたいと思います：
- 初級編/中級編の道場レッスンに挑戦
- 実際に1ページを自作して、模写コーディングに挑戦
- CSSも並行して使いこなせるようになる
- このブログで自分の成長記録と学んだ知識を共有していく
まとめ
Progate中級編は、初心者にとって“単なるタグ練習”を超えた「サイト構成力」の基礎を学べる内容でした。
「少しずつ形ができる感覚」がとても楽しく、達成感もありました。
同じようにこれからHTMLを学びたい方には、Progate中級編までを目標にするのがおすすめです！
▶【WordPressブログの始め方はこちら】