| | 授業科目名 |
| | ウェブプログラミング演習Ⅰ |
| | 受講対象 | 授業形態 | 開講期 | 単位 |
| | グラフィック1 | 演習 | 半期 | 1 |
| | 代表教員 | 共同担当教員 |
| | 下城 崇英 | 単独 |
| | 学修成果の到達目標 |
| | 知識・技能 | ○ |
| | 主体性・意欲 | ○ |
| | 就業力・協働 |
| | 到達目標 |
| | ①Webページの成り立ちを学ぶ。 |
| | ②HTMLとCSSによるWebページ作成の基礎を学ぶ。 |
| | ③Webページ作成に必要な知識と技術を身につける。 |
| | 授業の概要 |
| | プリント、Web サイト等を使用し、HTML、CSS による Web ページ作成の基礎を段階的に理解できる。 |
| | |
| | Webデザイナー資格取得のための必修科目 |
| | 授業内容 |
| | １．授業説明、インターネットと Web ページの仕組みと歴史 |
| | |
| | ２．HTML とは何か、CSS とは何か |
| | |
| | ３．HTML と CSS の基本構造を学ぶ1 |
| | |
| | ４．HTML と CSS の基本構造を学ぶ2 |
| | |
| | ５．Dreamweaver について |
| | |
| | ６．Dreamweaver での HTML の作成と編集 |
| | |
| | ７．Dreamweaver での CSS の作成と編集 |
| | |
| | ８．Dreamweaver での HTML と CSS の作成と編集1 |
| | |
| | ９．Dreamweaver での HTML と CSS の作成と編集2 |
| | |
| | １０．簡単な Web ページを作成してみる1（内容を作成） |
| | |
| | １１．簡単な Web ページを作成してみる2（ワイヤーフレームを作成） |
| | |
| | １２．簡単な Web ページを作成してみる3（ボックスレイアウト） |
| | |
| | １３．簡単な Web ページを作成してみる4（コーディング） |
| | |
| | １４．簡単な Web ページを作成してみる5（コーディング） |
| | |
| | １５．講評、総括 |
| | 授業時間外の学習 |
| | 気になる Web ページを閲覧し、レイアウトや構造を意識すること |
| | オフィスアワー |
| | 水曜日 １６時以降 第一会議室 |
| | 評価方法・基準 |
| | 受講態度30%、授業貢献度30%、実技・作品制作40% |
| | S:自分なりの簡単なWebページを制作することができる |
| | A:Webページ制作についての基礎を習得できる |
| | B:Webページを制作するための知識や技法を理解できる |
| | C:Webページを制作するための意欲がある |
| | テキスト |
| | プリントを配布 |
| | 参考資料 |
| | 授業の進行によって随時提供する |
| | 備考 |