モックアップを作る

Fireworksでモックアップを作る解説をしていきます(。・ω・。)ﾉ
モックアップというのは、実際にHTML言語でサイトを作り上げる前に、動きを試してみることが出来る試作サイトのことです。
流れを大雑把に解説していきます。

①ファイルを開く
[ファイル]→[開く]を選択。
下書きやワイヤーフレームやデザインカンプなど、コンテンツ部分を含んだページがあるファイルを開きます。

②ホットスポットを描画
ツールから[長方形ホットスポットツール]を選択。
リンクとなるコンテンツ部分をドラッグして描画します。

③リンクを設定
ツールから[選択ツール]を選択し、描画したホットスポットを選択。
プロパティインスペクタからリンクを設定します。
※ページが複数含まれていると、プルダウンからページへのリンクの設定が出来ます。

④PDFで書き出し
メニューから[ファイル]→[書き出し]を選択。
書き出しダイアログボックスが表示されるので、保存する場所はデスクトップで、書き出し形式を[Adobe PDF]にして、保存ボタンをクリックします。

⑤PDFでリンクの確認！
デスクトップにPDFが書き出され、自動的にPDFファイルが開きますので、リンクの確認をします。

⑥ブラウザで確認出来るように書き出し
メニューから[ファイル]→[書き出し]を選択。
書き出しダイアログボックスが表示されるので、書き出し形式を[HTMLと画像]、HTMLを[HTMLファイルの書き出し]、スライスを[スライスの書き出し]、ページを[すべてのページ]にします。
スライスのない領域も含める、サブフォルダーに画像を置くにチェックを入れ、保存をクリックします。
※デスクトップにあらかじめフォルダを作成し、そこに保存するといいかもしれません。

⑦ブラウザでリンクの確認！
指定したフォルダ内にHTMLなどが書き出されますので、ブラウザで確認をします。