LogoMark.png

Webデザイン基礎B/2020/1116

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

Webデザイン基礎B/2020|造形短期大学部|2020.11.16遠隔
情報共有シート|特設サイト

AGENDA


以下、LIVE動画をご覧下さい。記事に沿って解説しています。





本日のメニュー


はじめに

今後の授業展開について




Web制作のワークフロー

以下、一般的な手順について概説します。

企画フェーズ

設計フェーズ

制作フェーズ

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

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

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

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

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

マルチページでWordPress風

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

portfolio_multi.png




シングルページ

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

特設サイトにリポジトリを準備




特設サイトにサイトタイトルとサイトマップを掲載

==PortfolioSite==
===サイトタイトル===
 XXXX XXXXXX
<br>
===サイトマップ===
* HOME(メインビジュアル)
* ABOUT(自己紹介)
* WORKS(作品)
** ILLUSTRATION
** PHOTOGRAPHY
** GRAPHIC DESIGN
** MOVIE
** WEB
* SKILS(使える技術、ソフトウエア、資格等)
* CONTACT(連絡先情報等)



第9回目は、以上をもって終了とします。お疲れ様でした。
第10回は、各自のオリジナルサイトのテーマ発表会を「対面」で行います。





PAGES

GUIDE

DATA

Last-modified: 2020-11-16 (月) 12:06:39