情報デザイン演習I

授業の狙い

デジタル化社会における情報発信スキル・制作技術について学ぶ。

1. 情報を分析・整理し、構造化することができる。
2. ホームページ・CMSに関する制作フローを理解できる。
3. ホームページ・CMSに関する基本技術を理解し、制作できる。

学修内容・方法

ホームページの制作を通じ、情報の分析・整理・構造化、HTML・CSS・JavaScript、サーバ環境、CMSといった基本技術について学ぶ。Wordpressによるサイトの制作・発表を通じて、情報発信スキルの基本を習得する。

使用テキスト

実習で身につく! 新しいWebデザインの教科書　株式会社SCC ISBN978-4-88647-646-3

演習内容

1. オリエンテーション 授業の目的と内容、授業の進め方について説明する。

2. HTML基本 HTMLの基本文法・見出しと段落・画像タグについて学修する。

3. HTML実践 HTMLによるリンク・表・フォームの実装について学修する。

4. CSSの基本 CSSの基本文法・クラス/ID・継承・ボックスモデルについて学修する。

5. CSS実践 リセット/ノーマライズCSSについて学修する。

6. Webの構造化 構造化言語としてのHTML、セマンティックコーディングについて学修する。

7. Webレイアウト基本 float, Flexbox, CSS Gridによるレイアウトについて学修する。

8. Webレイアウト応用 レスポンシブデザイン・CSSフレームワークについて学修する。

9. プロトタイプの作成 HTMLを利用したプロトタイプを作成する。

10. プロトタイプの作成実践 XDを利用したプロトタイプを作成する。

11. Wordpress入門 Wordpressの導入、及び投稿・固定ページについて学修する。

12. WordPress基礎 WordPressのテーマ・メニュー・プラグインについて学修する。

13. WordPressによるサイトの制作1 企画立案 WordPressを用いた実践的なサイトの企画立案をする。

14. Wordpressによるサイトの制作2 コンテンツ制作 Wordpressを用いた実践的なサイトを構築する。

15. [講評] 各自の制作したWordPressサイトについて講評する。

注意事項：毎回ノートパソコンを持参すること。 ※１授業につき、2限連続