ウェブデザイン
担当者塩野目 剛亮教員紹介
学年・開講期3年次 前期  [理工学部 情報電子工学科]
科目の種類専門
区分・単位選択 2単位
科目ナンバー3D322

授業の概要(ねらい)

HTML5・CSS3を活用したWebサイトの管理業務(制作・改訂・更新)の実践的な手法について学びます。
Webサイト制作に必要となるタグコーディングの技術、デザインの基礎知識、SEO対策を習得し、Webコンテンツの企画・提案ができるようになることを目指します。
本講義はDP4Mに関連します。

授業の到達目標

・HTML5およびCSS3を用いた基本的なウェブサイト構築が可能となる。
・アクセシビリティや使いやすさに配慮したウェブデザインが可能となる。
・ウェブデザインに必要なデザインの基礎知識を身につける。

成績評価の方法および基準

毎回の授業で作成した課題の提出と出席票(30%)、およびWebサイト構築の課題(70%)で評価します。
LMSにてフィードバックを行ないます。

教科書・参考文献

種別書名著者・編者発行所
教科書作りながら学ぶHTML/CSSデザインの教科書高橋朋代・森智佳子SBクリエイティブ
参考文献よくわかる HTML5&CSS3ウェブサイト構築の基本と実践 (FOM出版のみどりの本)FOM出版
参考文献その他、必要な資料はLMS上に掲載します。

準備学修の内容

HTMLおよびCSSの入力作業をたくさんやりますので、1日5分程度、タイピングの練習を行なってください。
また、授業ビデオをLMSに掲載しますので、予習復習に活用してください。

その他履修上の注意事項

説明を聞く時は聞くことに集中する、入力する時は入力に集中する、のように集中力を大切にしましょう。
毎回の提出課題を確実にこなすことで、Webサイトの完成に少しずつ近づくことができますので、課題は必ず提出しましょう。

授業内容

授業内容
第1回Webサイト構築のための準備
HTML5の特徴、HTMLのアウトラインを理解する
第2回CSSの基本書式
第3回リストの作成
第4回Webサイトづくりのための画像編集
第5回ページレイアウト
第6回ファイル構造の理解と複数ページの作成
第7回グローバルナビのデザイン
第8回ページ内リンクとマウスオーバー
第9回トップページの制作と画像配置
第10回JavaScriptとjQueryを使用したスライドショー
第11回フォームの作成
第12回Webデザインの基礎知識
第13回作品制作のための準備
第14回Webサイトの自主制作
第15回まとめ