ワークフロー

今回はWeb制作のワークフローについてご説明いたします。

～Web制作のワークフロー～～～～～～～～～～～～～

【１】仕様書の作成

サイトの目的、構成、サイトのターゲットやキーワード、ワイヤーフレーム（簡単に言うと「下書き」です）を作成します。

【２】サイトのデザイン

ワイヤーフレームを基にサイトをデザインします。

※使用ソフト

・Illustrator

・Photoshop

【３】スライス

完成したデザインの必要部分の画像を切り抜きます。

例えると、プラモデルの部品を作ってるような感じです。

※使用ソフト

・Photoshop

【４】コーディング

実際にサイトをHTMLやCSSなどの言語を使用し、コーディングを行います。

例えると、プラモデルを組み立てているような感じです。

※使用ソフト

・Dreamweaver

【５】サーバーへアップロード

作成したサイトのデータをサーバーにアップロードします。

【６】テスト

アップロードしたサイトがインターネット上で「正確に動作してるか」「レイアウトは崩れていないか」など

の確認を行います。

【７】完成

テストをして正常に動作していれば完成です。