「ジャマイカ」を題材とする Web ページの制作 - Web...

16
ジジジジジジジジジジジジ 「」 Web ジジジジジジ Web ジジジジジジジジジジジジジ2005/2006 )- ジジジジジジジ ジジジジジジジジ ジジジジジジジジ ジジジジジ 0321056 ジジ ジ

description

「ジャマイカ」を題材とする Web ページの制作 - Web デザインコンテスト参加作品( 2005/2006 )-. 北海道情報大学 情報メディア学部 情報メディア学科 新井山ゼミ 0321056  荒川 純一. 制作概要 制作目的 制作手順 開発成果. 評価・考察 今後の課題 参考文献. 発表内容(目次). 制作概要. 『 ジャマイカ 』 をテーマにした 2 作品の制作 “ DO YOU LOVE JAMAICA?” 制作期間: 2005 年 4 月~ 9 月 内容はジャマイカの文化などの紹介 Web デザインコンテスト (WDC) に出品 - PowerPoint PPT Presentation

Transcript of 「ジャマイカ」を題材とする Web ページの制作 - Web...

Page 1: 「ジャマイカ」を題材とする Web ページの制作 - Web デザインコンテスト参加作品( 2005/2006 )-

「ジャマイカ」を題材とするWebページの制作

-Webデザインコンテスト参加作品( 2005/2006 )-

北海道情報大学 情報メディア学部

情報メディア学科 新井山ゼミ0321056  荒川 純一

Page 2: 「ジャマイカ」を題材とする Web ページの制作 - Web デザインコンテスト参加作品( 2005/2006 )-

発表内容(目次)

1. 制作概要2. 制作目的3. 制作手順4. 開発成果

5. 評価・考察6. 今後の課題7. 参考文献

Page 3: 「ジャマイカ」を題材とする Web ページの制作 - Web デザインコンテスト参加作品( 2005/2006 )-

制作概要• 『ジャマイカ』をテーマにした 2 作品の

制作– “DO YOU LOVE JAMAICA?”

• 制作期間: 2005 年 4 月~ 9 月• 内容はジャマイカの文化などの紹介• Web デザインコンテスト (WDC) に出品

– ビギナー部門・努力賞を受賞– “AJ’s STUDIO.COM”

• 制作期間: 2006 年 4 月~ 12 月• 自作のアート作品展示サイト• WDC フリー部門に出品も受賞ならず

Page 4: 「ジャマイカ」を題材とする Web ページの制作 - Web デザインコンテスト参加作品( 2005/2006 )-

制作目的“DO YOU LOVE JAMAICA?”• テーマ

– ジャマイカ文化の研究– 研究内容を Web 上で表現

• 内容– ジャマイカ文化の紹介

• 国の概要・歴史・音楽・宗教・言語

Page 5: 「ジャマイカ」を題材とする Web ページの制作 - Web デザインコンテスト参加作品( 2005/2006 )-

制作手順“DO YOU LOVE JAMAICA?”• Web コンテンツ制作

– HTML 言語の習得• Web 制作解説サイトを参考

• グラフィック画像の制作– Illustrator と Photoshop を使用

Page 6: 「ジャマイカ」を題材とする Web ページの制作 - Web デザインコンテスト参加作品( 2005/2006 )-

制作目的“AJ’s STUDIO.COM”• テーマ

– デザイン面を重視した Web コンテンツ制作– “Black Culture” 的要素を全般に取り入れた

表現• 内容

– 自身の画像作品の展示• 絵(手描き・ PC )とグラフィック画像など

Page 7: 「ジャマイカ」を題材とする Web ページの制作 - Web デザインコンテスト参加作品( 2005/2006 )-

制作手順“AJ’s STUDIO.COM”• Web コンテンツ制作

– HTML と CSS を使用して制作– CSS は参考資料・サイトを参考に学習

• 「とほほの WWW 入門」– http://www.tohoho-web.com/

• 「 Web ページ制作入門」– ゼミ内部資料,芦原君(同じゼミ 4 年生)の制作

Page 8: 「ジャマイカ」を題材とする Web ページの制作 - Web デザインコンテスト参加作品( 2005/2006 )-

制作手順• 展示作品の制作

– 作品テーマは“ Black Culture”• 主に人物画

– 制作工程• 手描き作品の制作• Illustrator と Photoshop で完成版を制作

Page 9: 「ジャマイカ」を題材とする Web ページの制作 - Web デザインコンテスト参加作品( 2005/2006 )-

成果“DO YOU LOVE JAMAICA?”• ページ構成

– Index– Top ページ– How to Jamaica

(国の概要)– History (歴史)– Music (音楽)– Religion (宗教)– Language (言語)

Top ページ

Page 10: 「ジャマイカ」を題材とする Web ページの制作 - Web デザインコンテスト参加作品( 2005/2006 )-

成果Index 国の概要

Page 11: 「ジャマイカ」を題材とする Web ページの制作 - Web デザインコンテスト参加作品( 2005/2006 )-

成果“AJ’s

STUDIO.COM”• ページ構成

– Top– Profile– Gallery 1– Gallery 2– Mail

Main ( Profile ページ )

Page 12: 「ジャマイカ」を題材とする Web ページの制作 - Web デザインコンテスト参加作品( 2005/2006 )-

成果Index Gallery 1

Page 13: 「ジャマイカ」を題材とする Web ページの制作 - Web デザインコンテスト参加作品( 2005/2006 )-

評価/考察“DO YOU LOVE JAMAICA?”• 評価

– HTML の習得– 2005 年度 WDC にてビギナー部門入賞

• 考察– 基礎知識・技術不足

• 基礎を重点的に学習

Page 14: 「ジャマイカ」を題材とする Web ページの制作 - Web デザインコンテスト参加作品( 2005/2006 )-

評価/考察“AJ’s STUDIO.COM”• 評価

– デザイン性の向上– 画像編集ソフトウェアの操作技能向上

• Illustrator / Photoshop

• 考察– CSS の使用が大きく影響– 意欲的に制作した結果

Page 15: 「ジャマイカ」を題材とする Web ページの制作 - Web デザインコンテスト参加作品( 2005/2006 )-

今後の課題• Web ページの改良

– デザイン・レイアウト面の改善点を修正– 新規のページ追加

• クオリティの向上– 1 ランク上の HTML と CSS の知識習得が必

Page 16: 「ジャマイカ」を題材とする Web ページの制作 - Web デザインコンテスト参加作品( 2005/2006 )-

参考文献• 北海道情報大学

Web デザインコンテスト公式ページ– http://wdc.do-johodai.ac.jp/

• とほほの WWW 入門– http://www.tohoho-web.com/