WDS受講生制作紹介レポート

まず最初に、どれくらいの規模で、どのような内容のページを作成していけば良いのか考える必要があります。
既存のサイトを参考にサイト構成図を作成し、下記の通り提案させていただきました。

そして、HPの顔であるトップページのデザイン。地域に根付いたラジオ局としてのエフエム甲府の魅力が伝えられるよう、受講生それぞれがイメージを膨らませました。ラジオ局らしく、音を感じさせるアイテムを使ったデザイン、コミュニティ放送局ならではの親しみやすさをイメージしたデザイン等、表現の仕方は人それぞれ。
こうして以下の4つのデザイン案をエフエム甲府様に提案させていただきました。

1度目のデザイン提案で、「地域」や「大学」と言ったキーワード受け、メインビジュアルのイメージやバナーの扱い方等、具体的な方向性が決まり、再度デザイン案を練り直すことに。
こうして提案した4デザインの良いところを取りまとめた、折衷案を作ることに決定！
あとは受講生それぞれが担当のパーツ制作に励みました。
さらに、3パターンのカラーバリエーションを揃え、一番ぴったりくるデザインを選んでいただくことになりました。

そして、デザインが決まった後は、いよいよコーディングです。WEBの仕組みを理解しての作業になりますので、みんな真剣。まずトップページのコーディングを授業中に教えていただき、tableタグを使ってのhtmlの組み方に挑戦。tableも入れ子になると複雑で、難しくなりました。。その後、トップ ページ元に詳細ページ共通で使えるテンプレートを作り、詳細ページの作り込みに着手することに。こちらも各自担当のページを決め、制作を進めました。

ページが一通り出来上がった段階で、最後の仕上げに入ります。各自作ったページのソースコードを見直し、余計なタグが入っていないか、見やすい記述になっ ているかソースコードの整形を行います。そして、Dreamweaverの便利な機能、一括検索機能を使い、リンク切れがないかのチェックも行います。
全ての作業が終わった段階で、ついにアップロードです。
なんと、今回はみんなが見守る中、WEB応用編最後の授業の中で公開するという、感動の瞬間を迎えることになりました〜。

WEBデザインとDTPデザインとエンジニアリング（IT）を専門とするウェブデザインスタジオはプロのデザイナーを育成し就転職支援するデザインスクールです。デザイナー派遣とエンジニア派遣などの人材派遣もあり、デザインやIT業界に就職・転職したい、デザインやITを学びたいあなたをお待ちしております。