シラバス情報

注）公開用シラバス情報となります。在学生の方は、「UNIVERSAL PASSPORT」で詳細をご確認下さい。

科目名	Ｗｅｂデザイン基礎（Basic of Web Design）
担当教員名	坪倉　篤志、伊藤　研
配当学年	1	開講期	後期
必修・選択区分	選択	単位数	1
履修上の注意または履修条件	基本的なＷｉｎｄｏｗｓＰＣの操作（ソフトウェア起動終了、日本語入力、ファイル処理等）と学内ＬＡＮの利用（Ｗｅｂからの情報収集、メール等）ができること。演習内容を重視するので、出席を欠かさないで下さい。
受講心得	授業時はもちろん、課外の予習復習（自習）を通して、これらの目標が達成できるように学習を進めてください。課題提出を重視します。毎回ステップアップ型で授業を進めますので、出席を欠かさないでください。中間試験・期末試験とキー課題は必須です
教科書	必要に応じて教員が資料を作成し配布します。
参考文献及び指定図書	・ＮＡＣＳＥ　Ｗｅｂマスター技術・詳解ＨＴＭＬ＆ＸＨＴＭＬ＆ＣＳＳ辞典　大藤幹 (著)　秀和システム・CＧ＆映像しくみ辞典　ＣＧＷＯＲＬＤ＋スマートイメージ(編著)　ＷＯＲＫＳＣＯＲＰＯＲＡＴＩＯＮ
関連科目	（先修科目）CＧ基礎（後修科目）Webデザイン、Webプランニング論、情報処理Ｃ、情報システム１、情報システム２　　　　　　　先修・後修に関係なく関連性の高い科目） Wｅｂプランニング論、情報処理Ｃ、情報システム１、情報システム２
オフィスアワー

授業計画	学習内容	学習課題(予習・復習)
授業の目的	この科目の目的は、Ｗｅｂデザインに関する基礎的な知識と技術を演習形式で習得することにあります。演習は実際の開発現場と同様に、複数人でチームを組み、作業を分担しながらＷｅｂサイト構築を行なうスタイルを採用します。制作スタイルとして、まずテキストエディタを使ってＨＴＭＬのタグを直接記述する制作方法から出発し、次に、サイトビルダー（「Ｍａｃｒｏｍｅｄｉａ　Ｄｒｅａｍｗｅａｖｅｒ」）を用いた制作方法を紹介します。デザイン手法としてはＨＴＭＬ以外にも、「ＣＳＳ」（Ｃａｓｃａｄｉｎｇ　Ｓｔｙｌｅ　Ｓｈｅｅｔ)、「Ｊａｖａ　Ｓｃｒｉｐｔ」についても取り上げます。
授業の概要	制作としてのWebページの構築を行うための基礎学習を行ないます。授業では導入部分に注力します。是非積極的に色々と調査しながら、高い技術を身につける取り組みをしてください。
授業計画	第１回　第１回　Ｗｅｂサイト概論、ＨＴＭＬ概論　Ｗｅｂサイトについて、歴史や仕組みについて学習します。また、Ｗｅｂサイト構築のための基礎言語としてＨＴＭＬ言語への導入を行ないます。　　　　　第２回　第２回　ＨＴＭＬ：文字書式、画像、ハイパーリンク　ＨＴＭＬを用いたＷｅｂページ制作の基礎について学習します。文字書式の設定、画像の設置、ページとページとのリンクを設置するハイパーリンクについて解説するとともに、制作技術について演習形式で学習します。　　　　　第３回　第３回　ＨＴＭＬ：フレーム　１つのページに複数のＨＴＭＬを配置し、Ｗｅｂページを制作するフレームについて解説するとともに、制作技術について演習形式で学習します。　　　　　第４回　第４回　前半の復習とまとめ、キー課題（前半：小作品の制作）　　　　　第５回　第５回　オーサリングツール概論　Ｗｅｂサイト制作を手軽にかつ、高度にデザインすることを可能にするオーサリングツールを用いた学習を行ないます。ここでは概論と制作に向けた基礎概念について、さらに操作方法として文字書式設定、画像配置、ハイパーリンクについて学習します。　　　　　第６回　第６回　オーサリングツール：テーブル　オーサリングツールを用い、テーブルタグについて学習します。テーブルはＷｅｂページ上での表を用いた表現を可能にするだけではなく、Ｗｅｂページ上のレイアウトデザインを担う場合もあります。ここではテーブル用いた基礎的な利用法から応用まで、解説と共に制作技法の学習を行います。　　　　　第７回　第７回　オーサリングツール：フレーム、フォーム　オーサリングツールを用いたフレーム、フォームの制作について解説します。フォームはサイトアクセス者へのアンケート取得等に用いられ、現在のＷｅｂサイトでは非常に重要な機能となっています。ここでは、タグの解説からオーサリングツールを用いた制作技法の学習を行います。　　　　　第８回　第８回　ＣＳＳ：概論　ＨＴＭＬとＣＳＳ（Ｃａｓｃａｄｉｎｇ　Ｓｔｙｌｅ　Ｓｈｅｅｔ）の利用により、さらに高度なＷｅｂページ制作が可能になります。ここではＣＳＳの概論について解説し、ＣＳＳを用いたページ制作の導入を行います。　　　　　第９回　第９回　ＣＳＳ：レイヤー　ＣＳＳを用いたページ制作においてオーサリングツールを用いることにより制作が容易になります。ここではオーサリングツールを利用したＣＳＳの設定の基礎について学習します。またレイヤーについても学習し、制作技法について演習形式で学習します。　　　　　第１０回　第10回　ＣＳＳ：クラス　ＣＳＳのクラス機能の利用により、膨大なページにわたるレイアウトデザインを一括管理できます。ここではオーサリングツールを用いたクラスについて学習し、制作技法を習得します。　　　　　第１１回　第11回　調査課題（キー課題）　既に学習した知識を元に、実在するＷｅｂサイトを題材に、どのようにサイトは設計、構築されているのかを調査分析します。また調査結果をレポートにまとめ提出します。　　　　　第１２回　第12回　ＪａｖａＳｃｒｉｐｔ：概論　ＪａｖａＳｃｒｉｐｔ言語によりＷｅｂサイトにおける訪問者との対話機能の実装が可能になります。ここでは基礎概念について学習し、サイト制作技法について学習します。　　　　　第１３回　第13回　制作課題（キー課題）　複数人のチームでのＷｅｂサイト制作演習を行ないます。各人がサイト制作の分担を行い、サイトの企画立案から制作までを行います。　　　　　第１４回　第14回　制作課題（キー課題）　第14回に引き続きサイト制作を行います。今回で完成をめざします。　　　　　第１５回　第15回　制作課題（キー課題）　プレゼンテーション、全体復習とまとめ
授業の運営方法	講義およびＰＣを使用した演習を行います。
備考
学生が達成すべき到達目標	・ＨＴＭＬを用いてＷｅｂページを制作できる。・ＣＳＳを用いてＷｅｂページを制作できる。・ＪａｖａＳｃｒｉｐｔを用いてＷｅｂページを制作できる。

評価方法	評価の割合	評価の実施方法と注意点
試験	50	PCと筆記を用いた試験の実施。受験は必須
小テスト
レポート	30
成果発表	5
作品	15	個人またはグループで制作をしていただきます。取り組みは必須
その他		調査課題を課します。取り組みは必須
合計	100	―