Webデザイン演習

講義概要

Webデザインとは、単なる見かけのデザインだけを指すのではなく優れたHPの内容全般を設計（デザイン）する事を意味する。
本講義では魅力あるHPを目指し、WEBサイトを「自ら作るもの」としてとらえられるように既存サイトの背景・文法を紹介し、そこからWEBサイトにおける表現技法や制作技法を学ぶ。
また、この科目の習得によってインターネット上での自己表現やプレゼンテーション能力の向上を図る。

評価方法

2回の課題作成とレポート提出（企画書）により講義の理解度を判断するとともに,Webテストを含め総合評価とする

課題提示

2018年4月13日　第一回課題制作テーマ決定、オリジナル写真収取、Ｗｅｂサイト用テンプレート活用

講義計画

    第一講【授業の全体概要説明とDreamweaverについて】

    第二講【画面構成とレイアウト （基礎レイアウト練習）】

    第三講【Web全体の基礎知識／HTML(XHTML)の基本、Webページ作成の手順　Web設計と配色・バランス】

    第四講【Webサイトの装飾・レイアウトの管理に有用なCSSの基礎知識 】

    第五講【CSS 情報の意味構造と表現のデザイン（Dreamweaver基礎1）】

    • このサンプルをダウンロードしてください。実際の画像張替え、文字入れ替え演習を行います
    • 来週の中間発表に向けての作業
    • Ｄｒｅａｍｗｅｖｅｒとの連携できる画像処理ソフト（文字デザイン）

    第六講【課題制作(1)】課題提出締め切りは6月2日18時！厳守！未提出者は成績評価しません

    • このサンプルをダウンロードしてください。（WEBテンプレート）
    • このサンプルをダウンロードしてください。（WEBテンプレート）
    • サンプルを使って実際の画像張替え、文字入れ替え演習を行います
    • ＺＩＰ形式でデータを下記掲示板へＵＰするか、ＵＳＢ持参で発表してもらいます

    第七講　2018年　6/3(月）【第一回グループWebサイト作成　発表会】

    • ●2時限クラス投稿掲示板 　ID PASSは黒板を見るように
    • ！(ZIP形式で投稿すること！）（フォルダー名は漢字、カタカナは使用しないこと）
    • 作品のデータは、全て半角英数文字使用、ホルダーに入れて
    • 圧縮形式にして投稿する（10ＭＢ以内）
    • ●3時限クラス投稿掲示板 　ID PASSは黒板を見るように！
    • (ZIP形式で投稿すること！）（フォルダー名は漢字、カタカナは使用しないこと）
    • 最終締め切りは6月2日18時で掲示板をロックします！
    • 作品のデータは、全て半角英数文字使用、ホルダーに入れて
    • 圧縮形式にして投稿する（10ＭＢ以内）
    • 6/3に、1グループ。個人で1-2分程度でＷｅｂサイト内容の説明をしてもらいます
    • （投稿掲示板には、テーマ、学籍番号、作品内容、担当役割、工夫した点、見てもらいたいところなどを記述！）

    第八講【課題制作２入ります。CSSとHTMLの連携】

    • 最終課題、単独制作、グループでの制作　
    • はじめてのCSS1　教材１
    • 後半　課題サイトのテーマ決定
    • 10種類のテンプレート！サンプルデータ 　

    第九講【HTML.CSSサイト構築）1】

    第十講【HTML.CSSサイト構築 ）2】

    第十一講【動的なWebサイト構築】

    第十二講【HTML/CSS3/JQuery/JabaScript】

    第十三講【最終課題作成日】

    • 最終課題作成日

    第十四講【最終課題発表会】

    • 2018年　第二回課題　7/16　発表会！(2018年7/15掲示板サーバをストップ）
    • 第二回課題　7/15締め切り　1時限クラス投稿掲示板 　ID PASSは黒板を！
    • 第二回課題　7/15締め切り　2,3時限クラス投稿掲示板
    • 7月16日はWebテスト実施　発表会あり
    • (ZIP形式で投稿すること！）（フォルダー名は漢字、カタカナは使用しないこと）
    • 作品のデータは、全て半角英数文字使用、ホルダーに入れて
    • 圧縮形式にして投稿する（15ＭＢ以内）
    • 〇〇に、1グループ。中間モニターで作品を提示します。発表
    • （テーマ、学籍番号、作品内容、担当役割、工夫した点、見てもらいたいところなど）

    第十五講　補足説明日

    • 質問日、予備日の予定