ウェブサイト・テンプレートのデザイン方法

HTMLとCSSは知っているけれど、レイアウトの作り方がわからないという人のための詳細ガイドです。

1

ウェブサイトのテーマを決めるウェブサイトには何百万もの種類があり、自分の好みに合わせて選ぶことができます。

2

適切な配色を見つけましょう。青、紫、オレンジなど、ポップな色を使ってみましょう。ウェブサイトのトピックに合わせて色を調整することもできます。

3

どのようなナビゲーションバーを使うか決めましょう。ホーム、コメントなど、役に立つリソースがあることを確認しましょう。

4

グラフィック編集ソフトで、ウェブサイトがどのようにレイアウトされるかをモックアップしましょう。トピックと同じように、各ページのレイアウトにも幅広い選択肢があります。

• あなたのウェブサイトが何について書かれているのか知らない人の立場になって、その人がどのようにナビゲートするかを考えてみましょう。情報は見つけやすいか？ボタンやリンクは直感的か？
• 物事を複雑にしすぎず、不必要な資産でウェブサイトに負担をかけすぎないようにしましょう。

5

HTMLでページを作成します。グーグルのウェブサイトで作成することもできます。名前もクリエイティブなものにしましょう！

6

CSSでスタイルシートを作成します。

7

他のページ用にHTMLページを複製し、コンテンツを追加する。この記事は、レイアウトについて詳しく説明したものです。

この記事は、CC BY-NC-SAで公開されている「 How to Design a Website Template 」を改変して作成しました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。