Dreamweaverで作成したWebサイトをZIPファイルにする方法｜提出用データのまとめ方を解説

Dreamweaver（ドリームウィーバー）で作成したWebサイトを課題提出やバックアップのためにZIPファイルへまとめたい場合、特別な書き出し機能を使う必要はありません。作成したHTMLファイルや画像、CSSなどの関連ファイルが入ったフォルダを圧縮することで提出用のZIPファイルを作成できます。

この記事では、Dreamweaverで作ったサイトを正しく保存する方法から、WindowsやMacでZIP形式に圧縮する手順、ファイルが不足しないための注意点まで詳しく解説します。

DreamweaverのサイトをZIPファイルにする基本的な考え方

DreamweaverにはWebサイト全体をZIP形式で書き出すための機能は基本的にありません。そのため、「ファイル」メニュー内の書き出し項目が選択できない場合でも問題ありません。

提出用データを作る場合は、Dreamweaverで管理しているサイトフォルダをそのまま圧縮する方法が一般的です。

例えば、「index.html」「style.css」「imagesフォルダ」などが入ったフォルダをZIPにすれば、提出先でも同じWebサイトを確認できます。

まず、Dreamweaverで作成したファイルが保存されている場所を確認します。

Dreamweaverでは「サイト定義」で指定したローカルサイトフォルダ内に、Webページを構成するファイルが保存されています。

確認する場合は、Dreamweaver上部メニューから「サイト」→「サイトの管理」を開き、対象サイトのローカルフォルダーの場所を確認します。

例として、以下のような構成になっていれば、そのフォルダ全体をZIP化します。

Windowsの場合は、サイトフォルダを右クリックして簡単にZIPファイルを作成できます。

作成されたZIPファイルには、元のフォルダ名が付いた圧縮ファイルが生成されます。そのファイルを大学や提出先へアップロードすれば完了です。

例えば「portfolio」というフォルダを圧縮した場合、「portfolio.zip」というファイルが作成されます。

Macの場合もFinderから簡単にZIPファイルを作成できます。

すると同じ場所にZIPファイルが作成されます。作成されたZIPファイルを提出用として利用できます。

WebサイトはHTMLファイルだけでは正常に表示されないことがあります。画像やCSSファイルなどが不足すると、提出先でページが崩れて表示される可能性があります。

そのため、HTMLファイルだけを選択して圧縮するのではなく、サイトフォルダ全体をZIPにすることが重要です。

例えば、index.htmlだけを提出した場合、画像フォルダやCSSファイルが含まれていないため、文字だけ表示される状態になることがあります。

Dreamweaverの「ファイル」メニューにある書き出し機能が灰色で選択できない場合でも、ZIPファイル作成には影響ありません。

この機能はWebサイト提出用の圧縮とは目的が異なるため、課題提出の場合は利用しなくても問題ありません。

必要なのは、Dreamweaverで作成したファイルが保存されているフォルダを探し、そのフォルダをOS標準の圧縮機能でZIP化することです。

提出前には、作成したZIPファイルを一度開いて中身を確認すると安心です。

ZIPファイルを展開した時に、index.htmlや必要な画像、CSSファイルがすべて入っていれば正常です。

可能であれば、ZIPファイルを別の場所へ展開してブラウザでindex.htmlを開き、サイトが正しく表示されるか確認しましょう。

Dreamweaverで作成したWebサイトをZIPファイルにする場合、専用の書き出し機能を使う必要はありません。

HTML、CSS、画像などが入ったサイトフォルダ全体を選択し、WindowsやMacの圧縮機能でZIP化する方法が最も簡単です。

提出時のトラブルを防ぐためにも、必要なファイルがすべて含まれているか確認してからZIPファイルを提出すると安心です。