もくじ
このサイトについて
このサイトは、プログラミングをまったく触ったことがない方を対象に、 WebページのしくみをHTMLとCSSを使って、基礎からやさしく解説します。
全6章を順番に進めていくと、最終的に自分の自己紹介ページを 完成させることができます。難しい知識は一切必要ありません。 一緒にゆっくり進めましょう!
使うもの:Windows PC・XAMPP(無料)・Visual Studio Code(無料)
準備
ソフトのインストール ― XAMPP と VS Code を用意しよう
XAMPPとVisual Studio Codeをインストールして、コードを書ける状態にします。まずここから始めてください。
第1章
はじめに ― Webサイトのしくみと環境づくり
Webページがどうやって表示されるかを学び、XAMPPをインストールして開発環境を整えます。
第2章
HTML入門 ― ページの骨格を作るタグを覚えよう
HTMLの基本ルール・見出し・段落・リンク・画像など、よく使うタグをひとつずつ学びます。
第3章
HTMLを書いてみよう ― 自己紹介ページを作る
実際にコードを書いて、自分の自己紹介ページをHTMLで作ってみましょう。
第4章
CSS入門 ― 色・フォント・余白でデザインしよう
CSSを使って、HTMLで作ったページに色やフォント、余白などのデザインを加えます。
第5章
CSSを書いてみよう ― 自己紹介ページをデザインする
第3章で作ったページにCSSを当てて、見た目をきれいに仕上げます。
第6章
まとめ ― 完成!次のステップへ
ページが完成しました!ここまでの学習を振り返り、次に学ぶとよいことを紹介します。