31240003

基礎ツール演習 II -d(Web)

2024年度2Q(前期)

演習

基礎

塩谷 正樹

実務家教員

1

2.00単位

火曜3限、火曜4限

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

※Photoshop、Illustrator、DreamWeaver、Visual Studio Codeなどを使用します。
※その他、プラグインやソフトのインストール、Webツールへの登録などもあります。

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

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

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

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

授業時に課題についての説明を行います。

■この授業の受け方について
・Web制作について
・自己紹介の方法を考える

■テーマの発表と企画案作成
・アイデアシートを描く。
・コンテンツの案を考える。

■レイアウト
・コンテンツの順番や並びを考える。

■ワイヤーフレーム
・ペーパーワイヤーを描く。
・ソフトを使用してワイヤーフレームを作成する。（Photoshop、Illustrator、Figmaなど）

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

□HTMLページの作成②
・大まかな内容をブロックに別けてみる。

■素材の収集①
・必要な原稿や写真素材などをまとめて整理する。

□CSSでスタイル設定①
・CSSの役割を調べる。
・ブロックに名前を付ける。
・CSSで原稿を装飾してみる。

□CSSでスタイル設定②
・CSSでレイアウトにチャレンジする。
・横並びのレイアウトについて調べてみる。

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

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

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

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


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

■課題の制作指導
・ブラウザで確認しながら、思い通りのレイアウトになるように調整する。
・Webフォントを実装してみる。

■作品発表会
・作品を完成させて、発表する。

・筆記用具
・定規（15〜20cmくらいのもの）
・各自のPC
・Adobe ID（ソフト利用のためのライセンス）
・映像教材用のイヤフォン、ヘッドフォン（学内PC利用の場合は有線のものを準備）

映像教材を利用します。
その他、独自のプリント（PDF）などを使用します。