コース1

はじめての自分サイト

教材を読み終わったとき、手元にあなた自身の公開できるWebサイトが完成しています。必要なのは VS Code とブラウザだけ。ターミナルもGitも使いません。

章の一覧

1. 第0章準備VS Code を入れて、フォルダを作り、最初の index.html をブラウザに表示します。約70分
2. 第1章骨組み見出し・段落・リストを使って、名前と自己紹介の載った1ページにします。約40分
3. 第2章中身を増やすアイコン画像と、好きなサイトへのリンクを足して、ページの中身を厚くします。約40分
4. 第3章見た目CSSを別ファイルで用意して、色・フォント・余白を整えます。約55分
5. 第4章レイアウトヘッダーを付けて、「好きなもの」をカード3枚の横並びにします。約60分
6. 第5章公開①作ったフォルダをドラッグ&ドロップして、世界からアクセスできるURLを手に入れます。約30分
7. 第6章スマホ対応スマホの細い画面でも読みやすいように、カードを縦積みに切り替えます。約55分
8. 第7章動きを付けるJavaScript を導入して、ボタンでダークモードに切り替わるようにします。約60分
9. 第8章ミニアプリサイトの中に「行きたい場所メモ」を作ります。書いた内容はリロードしても残ります。約70分
10. 第9章仕上げ・公開②タブのアイコンとSNS用のカードを設定して、完成版を公開しなおします。約45分

詰まったときはお助けページへ。章ごとのファイル一式をダウンロードして、途中から再開できます。