ビデオ: Dreamweaver 使い方講座(ドリームウィーバーMX2004) 上巻 第4章 Webページ作成の基礎【動学.tv】5/10 2024
Dreamweaverの[新規ドキュメント]ウィンドウを使用して新しいHTMLページを作成できます。これは、[ようこそ]画面よりも多くのオプションを提供します。 Dreamweaverだけでなく、あらかじめデザインされたレイアウトのコレクションも用意されています。
[新規ドキュメント]ウィンドウを使用して多くの種類のファイルを作成できます。オプションを混在させて一致させることができます。この多用途性は、あなたが非常に多くの選択肢を持っているため、最初は混乱することがあります。 Dreamweaver CCでは、このダイアログボックスが単純化されているため、3つのセクションのそれぞれから1つのオプションだけを選択する必要があります。
<! - 1 - >新しいHTMLページを作成するには、以下の手順に従います。
-
ファイル→新規を選択します。
新しい文書ウィンドウが開きます。最初のセクションの一番左に、作成するページのタイプを選択します:
-
空白ページ: HTMLページとより複雑なPHPまたはJSP形式のページを作成するには、このオプションを選択します。
-
流体グリッドレイアウト: 流体グリッドレイアウト機能が開きます。この機能を使用すると、さまざまな画面サイズに自動的に適応する応答性のあるWebデザインを作成できます。
<! - 2 - > -
スターターテンプレート: Dreamweaverを使用してテンプレートを作成する場合。 dwtテンプレート形式では、このオプションを使用してこれらのテンプレートに基づいてページを作成できます。
-
サイトテンプレート: jQuery Mobileを使用してカスタマイズ可能なモバイルWebアプリケーションデザインを作成するには、このオプションを選択します。
-
-
画面の左側から、[空白ページ]を選択します。
-
ページ・タイプ・リストで、HTMLを選択します。
-
レイアウトセクションでを選択します。
レイアウトは、CSSでHTMLページを設計する際の最前線を提供するために含まれています。
-
ドキュメントタイプを変更する場合は、DocTypeの横にあるドロップダウンリストを使用します。
デフォルトでは、HTML5を使用してページを作成しますが、ほとんどのデザイナーは今日のWebページに最適なオプションを検討しています。 XHTML 1.0など、以前のバージョンのHTMLを使用するサイトで作業している場合は、この設定を変更してください。
-
ウィンドウの右下にある[作成]をクリックします。
「新規ドキュメント」ウィンドウが閉じ、新しい空白ページが作成され、ワークスペースに開かれます。
メモ: Macintoshを使用している場合は、作成ボタンとキャンセルボタンが入れ替わります。
-
ファイル→保存を選択してページを保存し、ファイル名を付けます。
Dreamweaverは、作成された順番に、無題のすべての新しいファイルを自動的に命名し、次に1、2などを命名します。より意味のあるファイル名を与える習慣を身につけましょう。また、Webサイトのファイル名にはスペースや特殊文字を使用しないでください(ハイフンとアンダースコアは問題ありません)。
新しいWebページを作成するとすぐに、ローカルのサイトフォルダに新しいWebページを保存するという習慣を忘れないでください。リンクを作成したり、ページにイメージを追加したりすると、Dreamweaverでは、サイトフォルダ内のページの場所を識別できる必要があります。ページを保存するまでDreamweaverの多くの機能は動作しないため、ページを最初に保存するのが最適です。