Webサイトを作ってみたいけれど、何から始めたらいいかわからない。そんな初心者のためのロードマップをまとめました。
この記事では、全7回のレッスンを通して、知識ゼロから自分で自己紹介ページが作れるようになるまでのステップを紹介します。
第1回：HTMLとCSSの役割を知ろう
まずは基本のイメージ作りからです。HTMLとCSSの違いを「家造り」に例えてわかりやすく解説しています。 ①【超入門】HTMLとCSSって何？家造りに例えて仕組みを理解しよう！
第2回：初めてのHTML作成体験
パソコンのメモ帳を使って、実際に自分の手でコードを書いてみましょう。ブラウザに文字が表示される感動を味わえます。 ②【実践編】5分でできる！初めてのHTML作成体験
第3回：文字に色やサイズをつけてみよう
CSSを使って、文字をカラフルにしたり大きくしたりする方法を学びます。デザインの基本となる「型」をマスターしましょう。 ③【デザイン編】CSSで魔法をかけよう！文字に色をつけたりサイズを変える方法
第4回：画像とリンクでサイトらしく！
写真を表示させたり、他のページへ飛ばすボタンを作ったりする方法を解説します。一気にWebサイトらしい見た目になります。 ④【応用編】画像とリンクを追加して、一気にWebサイトらしくしよう！
第5回：スマホ対応（レスポンシブ）の基本
今の時代に欠かせない、スマートフォンで見ても崩れないサイトの作り方を学びます。魔法の呪文「ビューポート」についても紹介。 ⑤【レスポンシブ編】スマホで見ても綺麗なサイトを作ろう！
第6回：WordPressでの実践テクニック
覚えた知識を実際のWordPressでどう使うかを解説します。カスタムHTMLブロックや追加CSSなど、実戦的な内容です。 ⑥【WordPress実践編】覚えたHTMLとCSSを実際のサイトで使ってみよう！
第7回：【集大成】自己紹介ページを作ろう
これまでの知識をすべて詰め込んだ、おしゃれなプロフィールカードを作成します。コピペで使えるテンプレート付きです。 ⑦【集大成】HTMLとCSSだけで作る！おしゃれな自己紹介ページ制作
最後に
Web制作は、少しずつ「できること」を増やしていくのが一番の近道です。まずは第1回から、自分のペースでチャレンジしてみてください。
コメント