31240001

基礎ツール演習 II -d(Web) [ライブ型・FS]

2021年度2Q(前期)

演習

基礎

栗谷 幸助

実務家教員

1

2単位

金曜3限、金曜4限

簡単な内容のWebページ制作を通して、HTMLの構造、CSSの役割、JavaScriptの導入方法などを体験し、Webの世界に興味を持ってもらう。
不明点・疑問点などは、映像教材を利用したり、ネットで調べたりし、関連情報や応用方法などを発見する楽しみを感じてもらう。
また、グループワークを通して、個人で解決出来ない問題をメンバーで共有、クリアする体験をしてもらう。

このクラスの授業は【オンライン：ZOOMなど】にて実施をします。

テーマに沿ったページ制作をするためにどんなコンテンツが必要か、どんなレイアウトにすれば良いかなどを、各自 または グループで考えます。
必要に応じて、映像教材やネット検索を利用し、表現するための方法を模索しながら、Webブラウザで表示できるようになっていきます。
自主学習を中心に技術的なサポートをしていきます。

※ オンラインによる授業のため、最適な通信状況でのZOOMなどの受講環境が必要です。
※ ソフトの使用には、Adobe ID（有料版）が必要です。
※ Photoshop、Illustrator、Dreamweaver、Bracketsなどを使用します。
※ その他、プラグインやソフトのインストール、Webツールへの登録などもあります。

●課題点70%＋授業点30%の総合点で理解度を評価します。
・課題点は、提出作品の内容を評価します。
・授業点は、授業態度や学習への意欲、積極性、FSの回答状況などを評価します。

※ 大学の定める出席率70%を満たさない場合は、単位を付与することが出来ません。
※「毎回出席をした」「最終課題を提出した」ということだけで単位認定をすることはありません。

・試験方法　　課題提出（提出締切厳守）
・試験内容　　授業内で発表される最終課題資料の内容に基づき、指定されたテーマで作品を作成する
・提出方法　　Google Classroomに提出
・実施日　　　第8週までに実施
・提出〆切　　授業内で発表される最終課題資料を参照
・追試験、再試験の実施　　無　　※作品の再提出を指示する場合があります。

授業時に課題（簡単な内容のWebページ制作）についての説明を行ないます。

■この授業の受け方について
・Web制作について
・自己紹介をしよう！（脳内マップ使用）

■Web概論に関するグループワーク
・Webの舞台となるインターネットについての４つの項目についての知識探求。
・調べた内容の共有。

■テーマの発表と企画案作成
・アイデアシートを描いてみよう。
・コンテンツ案を考えてみよう。

■Webサイトの制作フローについて
・Webサイト制作の流れを理解しよう。
・Web制作における役割分担（職種）を理解しよう。

■サイト制作におけるデザインやレイアウトに関するグループワーク
・Webデザインやレイアウトについての知識探求。
・調べた内容の共有。

■HTMLに関するグループワーク
・HTMLについての知識探求。
・調べた内容の共有。

■HTMLのマークアップ
・ページ制作に必要なファイル構成をみてみよう。
・素材原稿をHTMLにしてみよう。
　※資料をもとに使用するHTMLタグを調べてマークアップしてみよう。

■素材の収集
・必要な原稿や写真素材などをまとめてみよう。

■素材の収集②
・原稿をテキストデータにしよう。
・画像データを作成してみよう。

■HTMLページを作成してみよう①
・原稿を入れてマークアップしてみる。
・画像を表示してみる。

■HTMLページを作成してみよう②
・大まかな内容をブロック別けしてみよう。

■CSSに関するグループワーク
・CSSについての知識探求。
・調べた内容の共有。

■CSSでスタイル設定の基本を知ろう①
・CSSの役割を調べてみよう。
・ブロックに名前を付けてみよう。
・CSSで原稿を装飾してみよう。

■CSSでスタイル設定の基本を知ろう②
・CSSでレイアウトにチャレンジ。
・横並びのレイアウトについて調べてみよう。

■CSSでスタイルを設定してみよう①
・大まかなレイアウトを設定してみよう。

■CSSでスタイルを設定してみよう②
・各パーツの装飾をしてみよう。

■Webサイトでの動的表現について
・JavaScriptの概要を知ろう。
・CSSアニメーションの基本を知ろう。
・Webフォントを実装してみる。

■課題の制作指導
・Webブラウザで確認しながら、思い通りのレイアウトになるよう頑張ってみよう。

■作品発表会
・各作品をみてみよう！

・Adobe ID（ソフト利用のためのライセンス）
・筆記用具（消せるボールペン）
・定規（15〜20cmくらいのもの）
・映像教材用のイヤフォン、ヘッドフォン（スピーカーから音を出せない環境で受講の場合）

映像教材や配布資料を使用します。

本科目は、Webサイト制作に興味のある学生向けの内容となります。
HTML、CSSなどの正しい使い方を深く学ぶのではなく、まずはWebブラウザで表示できるようなファイルが作成できることを目標とします。
必要に応じて、映像教材を利用し、深く学ぶことも出来ます。また、ネット検索で目的の内容や関連情報を発見し、導入する方法などのサポートを行ないます。
自主学習が中心になりますが、グループワークを通して、他学生の考えやデザインなども感じることが出来ます。
一人で解決出来ない問題については、グループもしくはスタッフがサポートします。