LogoMark.png

Webデザイン/2020/0707-0721

第11回 - ポートフォリオサイトの制作

Webデザイン/2020造形短期大学部|2020.07.07 - 21

7月21日 最終回について

2020年度前期の授業アンケートについて

Portfolioサイト 制作期間の展開と要件


以下、目次を見て演習の全体像を把握してから、順に説明を読み進めて下さい。



制作期間のメニュー




はじめに

最後の3週間の授業展開について

成績評価について

初回の事前連絡でお知らせしたとおり、各授業回ごとにアップされた Webサンプルの充実度と、最終的に完成した各自の ポートフォリオサイトの公開をもって単位を認定します。




Web制作のワークフロー

以下、一般的な手順です(一般論の説明なので、読むだけでOKです。)。

企画フェーズ

設計フェーズ

制作フェーズ

ポートフォリオサイトのページ構成

シングルページで構成する場合

一般にページを以下のセクションで区切って、縦一列でります。

マルチページで構成する場合

一般に以下のように複数の htmlファイルをつくります。

マルチページでWordPress風

トップページあるいは、ギャラリーページに作品の一覧サムネイルがあって、サムネイルのクリックで、個別作品のページにジャンプする・・というかたちでデザインしたい場合は、以下のように標準テンプレートと作品個別ページのテンプレートを別のものとして制作します。

portfolio_multi.png




サンプル

シングルページ・レスポンシブ

シングルページで構成する前提の雛形です。

マルチページ・レスポンシブ

複数のページで構成する前提の雛形です。




特設サイトで成果報告


以上でWebデザインの授業は終了となります。前期の授業お疲れ様でした。




PAGES

GUIDE

DATA

Last-modified: 2020-07-21 (火) 10:18:50