HTML/CSS 無料学習リソース
Mozilla - ウェブ開発の学習
Mozilla が提供しているほぼ公式といってもよい内容です。
こちらのサイトを隅から隅まで読めば、あとはリファレンスを片手に実践さえ積めばマスターできます。
このサイトで学習するメリットとしては、のちのち公式の情報を辿るときにもこのサイトの使い方をわかっておくと知りたい情報まで短い時間でたどり着けること。
学習の進め方
ある程度 Web について理解のある場合は「入門モジュール」を飛ばして、
- 「コア学習モジュール」の「HTML によるコンテンツの構造化」
- 「コア学習モジュール」の「CSS によるスタイル設定の基本」
- 「コア学習モジュール」の「CSS テキスト装飾」
- 「コア学習モジュール」の「CSS レイアウト」
- 「発展モジュール」の「ウェブフォーム」
を読んでいけばよいでしょう。
この手のサイトは内容が膨大すぎて、どのように読んでいけばわかりにくいのが難点。
【一部英語】Google - web.dev
Google が提供している Web 学習コンテンツ。
英語ができればこちらで学習するのもオススメ。
Mozilla と同様、この手のサイトは内容が膨大すぎて、どのように読んでいけばわかりにくいのが難点。
目次だけ日本語に翻訳されていないのもご愛敬。
【書籍】1冊ですべて身につくHTML & CSSとWebデザイン入門講座［第2版］
Web サイトはやはり順番に読んでいくには迷子になりがちなので、無料にこだわらないのであれば書籍がオススメ。
情報量的には上記 Web サイトに比べれば少ないが、こちらを一通り学習した後であとは自由に Web サイトで学んでいくのが最短だと思われる。
