ウェブサイトはどんな見た目にしたいですか？

まず最初に: 計画を立てる

始める前に、いくつか考えておかなければいけないことがあります。あなたのウェブサイトは実際に何をすべきでしょうか？普通ウェブサイトは様々なことができます。しかし、はじめは単純なことにとどめておくべきでしょう。まずは、一つの見出し、一つの画像、そして少しの文章をもつシンプルなウェブページを作ることから始めましょう。

まずはじめに、次の質問に答える必要があります。

1. 何について書かれたウェブサイトですか？ 犬、ニューヨーク、それともパックマン？
2. テーマについてどんなことを書きますか？ タイトルと少しの文章、それからページに表示させたい画像を考えます。
3. ウェブサイトをどんな見た目にしますか？ シンプルで高いレベルから考えます。背景の色は何色にする？サイトにピッタリのフォントの種類はどんなもの？フォーマルなフォント？漫画みたいなフォント？くっきりとした太字？それとも、繊細な細字のフォントでしょうか？

デザインを大まかに描き出す

次に、ペンと紙を取って、あなたのサイトの見た目をどういう風にしたいのか、大まかに描き出します。はじめてのシンプルなウェブページでは、描き出すものもあまりないですが、ウェブサイトを作るうえでの習慣として身につけるべきです。Van Gogh（ゴッホ）のようになる必要はありませんので！

アセットを選ぶ

この時点で、あなたのウェブページについて、将来どう表現したいかをまとめ始めるとよいでしょう。

文章・テキスト

あなたが先ほど考えたちょっとした文章やタイトルは、まだそのまま残しておきます。手近なところに置いておきましょう。

テーマカラー

色を選ぶときは、the Color Picker (カラーピッカー：Firefoxのアドオンやアプリもあります) のサイトへ行き、自分の好みの色を見つけましょう。色をクリックすると、#660066 のような6文字の奇妙なコードが出てきます。これはヘックスコード（16進法のコード）と呼ばれ、あなたの選んだ色を表しています。今はどこか安全なところにコピーしておきましょう。

画像・イメージ

画像を探すには、Google 画像検索 にアクセスし、ぴったりなものを探しましょう。

1. 欲しい画像が見つかったら、それをクリックします。
2. 画像を表示 ボタンをクリックします。
3. 次のページで、画像を右クリック (Mac の場合は Ctrl キーを押しながらクリック) し、名前を付けて画像を保存… を選択し、保存場所を指定します。あるいは、ブラウザのアドレスバーに表示された画像のウェブアドレスを、後で使うためにコピーしておきます。

フォント

次のような手順でフォントを選びます。

1. Google Fonts に行き、ページをスクロールして気に入ったフォントを見つけます。右側のコントロールを使って、結果をフィルタすることもできます。
2. 使いたいフォントの上にあるプラス (追加) アイコンをクリックします。
3. ページ下部のパネルにある "* Family Selected" と書かれたボタンをクリックします ("*" は選択したフォントの数によって変わります)。
4. ポップアップボックスに、Google が用意してくれた数行のコードが表示されるので、あとでテキストエディタに入力する時のためにコピーしておきます。