Webサイト制作フロー

HTML&CSS

Webサイト制作フロー

Webサイトがどのように作成されていくのか見ていきましょう。

プランニング

サイトの目的やコンセプトの決定
対象ユーザーの選定
コンテンツの検討
サイトマップの作成
使用ソフト:この段階ではWordやExcelなど

ワイヤーフレームの設計

各ページのレイアウトの設計
ユーザーインターフェイスの検討
使用ソフト:Illustrator,Photoshopなど

Cacoo これはおススメです。Freeで使用可能でネット共有できて簡単です。
Illustrator授業終了後、気に入ったサイトを真似してワイヤーフレーム作成の練習をしてみましょう。

デザイン制作

カラースキムの設計
各ページのデザイン制作
ロゴ作成
イラスト作成
ナビゲーション作成
写真撮影、加工
スライスの作成
使用ソフト:Illustrator,Photoshop,Flashなど
Photoshop授業終了後はデザインカンプに挑戦してみましょう。
Flash授業終了後はオールFlashサイトに挑戦してみましょう。(時代遅れなどと言わずに、練習です)

コーディング

HTMLマークアップ
CSSによるスタイル設定
JavaScript,PHPなどのプログラミング
CMSの構築
Flashの導入
Flash作成したものと同等のものがjQueryあるいは、JavaScriptでできないか挑戦してみましょう。

使用ソフト Dreamweaver,テキストエディタなど

公開

クロスブラウザチェック
サーバーへのアップロード
アクセス解析、SEO対策

Freeのサーバーをレンタルしてサーバーへのアップロードに慣れておきましょう。

スポンサーリンク

お勧め書籍

AI関連

Python

JavaScript

HTML CSS関連

統計学

HTML&CSS
スポンサーリンク
dororoをフォローする
IT工房|AI入門とWeb開発
タイトルとURLをコピーしました