ウェブサイトをどんな外見にするか

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

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

1. 何についてのウェブサイトですか？ 犬、ニューヨーク、それともパックマン？
2. 主題についてどんな情報を表現しようとしていますか？ タイトルといくつかの段落、それからページに表示させたい画像を考えます。
3. ウェブサイトをどんな外見にしますか？ 簡単で大まかな言葉で言うと？背景色は？適切なフォントはフォーマル？漫画？太字で派手？繊細？

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

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

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

色を選ぶときは、色選択ツールへ行き、好みの色を見つけましょう。色をクリックすると、 #660066 のような 6 桁の奇妙なコードが出てきます。これはヘキサコード（16 進コード）と呼ばれ、選んだ色を表します。今はどこか安全なところにコピーしておきましょう。

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

1. 欲しい画像が見つかったら、クリックして拡大表示にします。
2. 画像を右クリック（Mac では Ctrl +クリック）し、[名前を付けて画像を保存...] を選択して、画像を安全に保存する場所を選択します。または、後で使用するためにブラウザーのアドレスバーから画像のウェブアドレスをコピーします。

なお、ウェブ上のほとんどの画像には、 Google 画像検索にあるものも含め、著作権があります。あなたが著作権を侵害してし舞うことを防ぐために、 Google のライセンスフィルターを使うと良いでしょう。 [ツール] ボタンをクリックすると、 [ライセンス] オプションが下に表示されます。「クリエイティブ・コモンズ ライセンス」などの選択肢を選択してください。

画像と同様に、多くのフォントはライセンスで保護されており、サイト内で自由に使用することはできません。Google フォントは、Google が自分自身で所有するウェブサービスであり、たくさんのフォントにアクセスすることができます。

フォントが見つかったら、そのフォントを使用する方法は大きく分けて 2 つあります。

1. Google のサーバーからフォントを読み込むために、コードに参照を追加する。
2. 自分のシステムにフォントファイルをダウンロードし、フォントをホスティングし、ウェブサイトのコードでホスティングしたコピーを使用する。

また、Arial、Times New Roman、Courier New などのセーフウェブフォントを使用することもできます。

• 前のページ
• Overview: Getting started with the web
• 次のページ