10回のDreamweaver Webデザインのヒント - ダミー

良いウェブサイトはすべて成長し、進化します。あなたが強力なデザインから始め、インターフェース、ナビゲーション、スタイルに関するいくつかの基本的なルールに細心の注意を払うなら、あなたはより良い基礎を構築することができます。次のデザインアイデアとDreamweaverのヒントを参考にすれば、すべての訪問者にとって魅力的なウェブサイトを作成する際の時間を節約できます。

1Plan - それは報われる。

あなたがオンラインでウェブサイトを早急に入手しなければならないというプレッシャーを感じていたとしても、最初に計画を立てるのに少し時間を取れば、時間を節約できます。

<！ - 1 - >

ワールドワイドウェブはどこにも行きません。できるだけ早くサイトをオンラインにしなければならない場合でも、目標は、顧客、ビジネス、および目標に真に役立つサイトを設計することです。その目標には計画が必要です。

あなたが焦点を当てるための目標を定める。

何百万人もの訪問者を誘致し、数多くの製品やサービスを販売するという目標を掲げてウェブサイトを立ち上げた場合、あなたは十分に具体的ではありません。より正確に目標を述べることができれば、より良いチャンスを得ることができます。あなたは自分自身を3つの目標に制限する必要があります。

<！ - 2 - >

3終了の手助けとなる期限を設定します。

あなたの目標とウェブサイトを立ち上げる前に完了しなければならない課題が明確になったら、タイムラインを作り、締め切りを設定しましょう。良い仕事をするための現実的な時間枠を与え、必要と思われるよりも少し時間を要してください。特にWebデザインを初めて利用する場合は、特に注意してください。

自分でウェブサイトや非常に小さなチームで作業している場合でも、締め切りを設定することはプロジェクト計画の中で最も重要な部分の1つです。締め切りを特別なイベントや機会に縛ってみてください。

<！ - 3 - >

4あなたの聴衆のためにデザインする。

どのように技術的に洗練されたウェブサイトであっても、偉大な文章であっても、ほとんどの人がデザインを最初に認識しています。あなたのウェブサイトに適切かつ魅力的なデザインを開発するために十分な時間と予算を残してください。適切なデザインとは、観客に最も適したデザインであり、魅力的なグラフィックスやアニメーションがたくさんあるかもしれません。

5一貫したデザインを作成します。

ほとんどのウェブサイトが一番うまく動作し、一貫したデザインテーマに従うときにナビゲートするのが最も簡単です。ケース・イン・ポイント：ほとんどの読者は、書籍がデザインをページごとに変えないこと、そして新聞では日々の見出しのフォントやロゴを変更しないと考えています。

実際、多くの人が、ユーザーが何かを「直感的に使う」と言うと、彼らが本当に意味することは、それがおなじみであるということです。一貫性は、読者がサイトをよく知っていて、物語や一連のナビゲーション要素に従うのを容易にするための設計で使用される主要なツールの1つです。

6 3つのクリックルールをフォローします。

3回クリックすると、重要な情報はウェブサイトのどこからでも3回以上クリックする必要がないというルールがあります。最も重要な情報は、さらに近くにあるべきです。例えば、多くの設計者は、連絡先情報が決してワンクリック以上離れてはならないことに同意します。

あなたのサイトのすべてのページで繰り返す ナビゲーションバー - サイトのすべてのメインセクションへのリンクのセットを作成することで、視聴者に情報を簡単に見つけることができます。ナビゲーションバーを使用すると、訪問者はサイトのあるセクションから別のセクションに簡単に移動できます。

サイトに多数のページがある場合は、サブセクションを含むセクションに整理し、ドロップダウンメニューを使用します。

7派手なフォントを追加する前に気をつけてください。

デザイナーは、Webページで必要なフォントを使用できるようになったときに興奮しています。残念ながら、ウェブ上の多くのものと同様に、フォントを使用することは、予想以上に複雑です。

たとえば、自分のWebサーバーにフォントをホストする権利を持っていても、MacおよびWindowsコンピュータで文字を正しく表示するため、またはすべてのWebブラウザで作業するために必要なフォントのバリエーションをすべて用意することはできません。そのため、ほとんどのWebデザイナーがフォントサービスを使用しています。

8頻繁に使用するアイテムを便利に使用します。

お気に入りのDreamweaverの機能をすべて1つの便利な場所に置くことができたらと思いますか？あなたはできる！挿入パネルでお気に入りコレクションをカスタマイズするだけです。

Dreamweaverを起動し、ウィンドウ→挿入を選択して共通挿入パネルを開きます。 [挿入]パネルには、構造、メディア、フォーム、およびお気に入りを含むいくつかのセクションがあります。

[挿入]パネルの矢印をクリックし、ドロップダウンリストから[お気に入り]を選択します。 [お気に入り]オプションは、[挿入]パネルのドロップダウンリストの最後にあります。

すべてのお気に入りのアイコンでお気に入りパネルをカスタマイズするには、右クリック（MacではControl +クリック）し、「お気に入りのカスタマイズ」を選択します。お気に入り挿入機能を使用すると、好きな機能を便利に利用できます。プログラムの機能のコレクションを必要とする特別なプロジェクトのためにそれを変更することもできます。

9ビューを分割します。

Dreamweaverのコードビューとデザインビューを切り替える場合は、ソースコードとページデザインの両方を同時に表示できるようにウィンドウを分割することができます。ウィンドウを分割するには、ワークスペースの左上から分割ビューボタンを選択します。

Dreamweaverのソースコードは、タグとコンテンツを簡単に区別できるように色分けされています。スプリットビューのもう1つの便利な機能は、デザインビューでページ上のイメージ、テキスト、または別の要素を選択すると、対応するコードがコードビューで自動的に強調表示されることです。

10あなたのウェブサイトをバックアップします。

あなたのウェブサイトをバックアップするシステムを用意してください。サーバー上のすべてのファイルのコピーを常に別の場所に保管し、定期的に更新して、サイトの最新バージョンが常にバックアップされていることを確認してください。

Dreamweaverで作成したWebサイトのバックアップを作成するには、Webサイトにすべてのファイルを保存するサイトフォルダをコピーする必要があります。理想的には、そのフォルダを外付けハードドライブにコピーするか、オンラインバックアップシステム（Webサーバーとは別にホストされている）にアップロードするのが理想的です。