Web Design基礎 （Ⅱ班）（9〜16週）

専門科目−専門共通科目−専門基礎科目

2年

選択

2.00単位

演習/実技

2026年度後期

木曜4限、木曜5限

コンピュータ室７

ベ　ジンソク

ベ　ジンソク

情報リテラシー

WebDesign、グラフィックデザイン、インフォメーションデザイン、インタラクションデザイン

インターネットは情報の発信や収集に大変便利な道具である。本演習では、ウェブの基本であるHTMLについて理解するために、Dreamweaverで簡単なページ及びAdobe XDのデザインツールを利用しプロトタイプを作成する。

　テーマ

・ウェブサイト制作の基礎

この授業では、 グラフィックデザイン、インフォメーションデザイン、インタラクションデザインによる正確な情報伝達の方法や、それら3つの要素を機能的、かつ効果的にサイトに取り込んでいく手法や考え方を習得し、ユーザーがWEBブラウジングする際の快適な情報認識・理解を促すインターフェースデザインの制作を目指す。Webユーザーインタフェースを想定した画面デザインの提案を課題とし、Adobe XDのデザインツールを利用しプロトタイプを作成する。

第１回　ガイダンス、および演習課題の説明

第２回　インターネットの仕組み、ウェブサイトの基本知識

第３回　Dreamweaverソフトウエアの使い方

第４回　テキスト入力、リンク張り

第５回　画像の貼り付け

第６回　WebSiteデザイン1(ウェブサイト作成の応用）

第７回　WebSiteデザイン2(ウェブサイト作成の応用）

第８回　WebSiteデザイン3(ウェブサイト作成の応用Gif Animation）

第９回　AdobeXDの使い方1

第１０回　AdobeXDの使い方2

第１１回　演習課題テーマ設定

第１２回　プロトタイプサイト作成

第１３回　プロトタイプサイト作成

第１４回　演習課題制作

第１５回　課題提出











○実務経験のある教員等による授業科目に該当

授業時間外に各自制作を進めること。

授業における演習課題 [80%]、授業参加[20%]で評価し、100点満点で60点以上を単位確定要件とする。(サイトの独自性と新規性、サイトのわかりやすさとページのレイアウトデザイン、ウェブサイトの全体の考え総合評価する）

資料を配布する。

対面授業