

![]()

デスクトップにフォルダを作成し、myWebsiteという名前を付けます。このフォルダが、これから作成するWebサイトのメインフォルダ(ルートフォルダ)になります。次にDreamweaverを起動し、サイトメニューから「新規サイト」を選択します。このウィザードは、新規プロジェクト用Webサイトの作成手順を順に実行します。

![]()


ここまでの手順が完了したら、ファイルパネルに、デスクトップのmyWebsiteフォルダの内容が表示されます。ファイルパネルには、ルートフォルダ内のすべてのアセットが表示されます。myWebsiteフォルダにファイルを追加すると、追加されたファイルはファイルパネルにも表示されます。
![]()

Dreamweaverで、ファイルメニューから「新規」を選択し、ページタイプ列から「HTML」を、レイアウト列から「<なし>」を選択して、「作成」をクリックします。Dreamweaverで、ファイルメニューから「新規」を選択し、ページタイプ列から「CSS」を選択して、「作成」をクリックします。現在、2つの無題ドキュメントが開いています。これらのファイルを、デスクトップ上のmyWebsiteフォルダに保存します。HTMLドキュメントに design.html、CSSドキュメントにstylesheet.cssという名前を付けます。


![]()

Photoshopから書き出すアセットを保存するためのフォルダを作成します。ルートフォルダを整理するため、Web用の画像をimagesフォルダにコピーします。ファイルパネルで新規フォルダを作成するには、ルートフォルダを選択して右クリック*し、プルダウンメニューから「新規フォルダ」を選択します。
*Macintosh でシングルボタンマウスを使用している場合は、Controlキーを押しながらクリックします。

imagesフォルダ内に2つのフォルダを作成し、それぞれnavigationおよびtemplateという名前を付けます。ファイルパネルが下の図のように表示されたら、Photoshopの画像を追加する準備が完了します。