デジタルハリウッド大学WEBサービス ヘルプ
シラバス参照
シラバス検索 > シラバス参照
講義名 Webサイト構築演習Ⅰ
(副題)
開講責任部署 デジタルハリウッド大学デジタルコミュニケーション学部デジタルコンテンツ学科
講義開講時期 後期 講義区分 演習
基準単位数 4.00 時間 0
代表曜日 金曜日 代表時限 3限
科目分類名
科目分野名
年次
必修/選択

担当教員
職種氏名所属
准教授◎ 栗谷幸助教員

授業概要(教育目的) HTML基本コーディング、Web用グラフィックスの作成基礎、Webサイトのレイアウトについて、PC教室の端末を使用し 映像教材なども利用しながら、クラス授業による制作実習を通して Webサイト構築の基本を学習する。(※遠隔配信による授業が行なわれる場合があります)
授業内容(キーワード/スキルとそのレベル) 1. この授業を通じて習得するキーワード

インターネットの歴史
World Wide Webの仕組み
HTML
DTD
タグ、要素、属性
ブロックレベル要素、インライン要素
各要素のマークアップ
CSS(カスケーディング・スタイル・シート)
各要素に対するスタイル指定
ボックスモデル
クロスブラウザー
CSSハック
RGBカラーとCMYKカラー
画像解像度について
画面解像度について
Webサイトグラフィックス(メインビジュアル・背景画像・ボタンなど)
Webサイトのインターフェースデザイン

Photoshop
Illustrator
Dreamweaver

2. この授業を通じて磨かれるスキルとそのレベル

コーディング能力         初級
Webデザイン・レイアウト能力   初級
企画立案力            初級
プレゼンテーション力       初級
授業計画表
 
各回タイトル内容
第1回『Webデザイン概論』・この授業の受け方について ・インターネットとはなにか ・Web(World Wide Web)とはなにか ・タグ、要素、属性について ・HTMLの基本情報の入力(DTD宣言、meta情報など)
第2回『HTML基本1』・テキスト関連要素をマークアップする ・ブロックレベル要素とインライン要素
第3回『HTML基本2』・定義型リスト/箇条書きリスト ・画像の挿入
第4回『HTML基本3』・リンクの設定(1)
第5回『HTML基本4』・リンクの設定(2)
第6回『HTML基本5』・テーブルの作成 ・フォームの作成(1)
第7回『HTML基本6』・フォームの作成(2)
第8回『Webグラフィックス1/CSS基本』・RGBカラーとCMYKカラーの概念の違い  ・解像度の理解 ・Webサイトグラフィックス(メインビジュアル)の制作(Photoshop・Illustrator) ・CSS概要
第9回『CSS基本1』・基本的な記述方法 ・疑似リンククラス ・テキスト要素にスタイルを設定する
第10回『CSS基本2/Webグラフィックス2』・背景に関するスタイルを設定する ・ワイヤーフレームについて ・Webサイトグラフィックス(背景画像)の制作(Photoshop・Illustrator)
第11回『CSS基本3』・ボックス要素にスタイルを設定する
第12回『CSS基本4』・フロートに関するスタイルを設定する
第13回『CSS基本5』・Flexboxに関するスタイルを設定する
第14回『CSS基本6』・配置に関するスタイルを設定する ・CSSでのさまざまなデザイン表現
第15回『課題講評会』・本演習中に課された課題の発表、及び全員の講評
成績評価方法・基準 ・ 平常点 ・・・ 20点
 (授業態度や学習への意欲、授業アンケートの提出状況など)
・ 授業内の演習・課題への点数 ・・・ 30点
・ 最終課題評価点 ・・・ 50点
※ ただし 最終課題評価のためには、70%以上の授業アンケートの回答を要する
※ 大学の定め - 【出席率7割(70%)未満】の学生については評価対象としない(=不可とする)

 以上をもって、トータルで成績評価を行ないます。「毎回出席をした」「最終課題を提出した」ということだけで単位認定をすることはありませんので、充分に理解をしておくこと。
参考文献 『Webデザインの新しい教科書 改訂新版』
エムディエヌコーポレーション
ISBN-10: 4844365630
ISBN-13: 978-4844365631
期末試験の内容(提出方法・実施日) ・試験方法  課題提出 
・試験内容  指定されたテーマでWebサイト作品(コンセプトシート含む)を制作する
・提出方法  デジキャンに提出(それ以外の方法は不可)
・持込の可否  無
・実施日   第15週までに実施
・追試験の実施  無  
・再試験の実施  無