Web デザイン科 科目概要 科 目 名 概 要 Webデザイン基礎 Webサ イ ト を 作 る 上 で 必 要 な サ イ ト の 種 類 や 特 徴 、サ イ ト 設 計 、情 報
整 理 、ペ ー ジ デ ザ イ ン 、画 像 と 色 彩 、レ イ ア ウ ト な ど の 基 本 的 な Web
デ ザ イ ン 知 識 を 学 び ま す 。 インタラクティブ入門 Webサ イ ト 、ア プ リ ケ ー シ ョ ン 、シ ス テ ム 等 の Ｕ Ｉ の 知 識 と 、イ ン タ
ラ ク テ ィ ブ 性 の あ る 表 現 方 法 を 学 び ま す 。 企画書制作＆ デザイナーにとってデザインの内容やコンセプトをクライアントに
プレゼンテーション 理 解 し て も ら う こ と は 非 常 に 重 要 で あ る た め 、 目 的 に 添 っ た リ サ ー
チから発表までを通じ、企画書の作り方とコミュニケーション手段
と し て の プ レ ゼ ン テ ー シ ョ ン 手 法 を 学 び ま す 。 関連法規 Webデザイナーに必要な法律知識を学びます。著作権をはじめとする知的所
有権、個人情報法、刑法の業務妨害などについて、報道等で取り上げられ
た裁判の事例を交えて学びます。 Webデザイン発想法Ⅰ Webデザイナーに必要な発想力を身につけるため、平面構成や動きの構成を
学び、かたちの発想を導く実習を行います。自分でアイディアを生み出す
力を身につけることを目標とします。 Webデザイン発想法Ⅱ Webデ ザ イ ン に お け る 快 適 な ユ ー ザ イ ン タ ー フ ェ イ ス を 実 現 す る た
めの発想力を身につけます。基本的な動きや感覚などを表す言語を
分 析 し て 再 構 築 す る 演 習 を 行 い ま す 。 イラストレーション イラストを描く上での基礎的な画材や紙の扱いを学習し作品を制作しま
す。さらに平面や立体など既成概念にとらわれないさまざまな技法を学び、
オリジナリティーあふれる作品の制作を目指します。 グラフィック実習 ペ イ ン ト 系 ソ フ ト ウ ェ ア（ Photoshop,Fireworks）の 基 本 操 作 を 修 得
し 、 フ ォ ト レ タ ッ チ や Web画 像 素 材 の 制 作 、 Webペ ー ジ デ ザ イ ン の 制
作 を 行 い ま す 。ま た 、ド ロ ー 系 ソ フ ト ウ ェ ア（ Illustrator）の 基 本
操 作 を 修 得 し 、 ベ ク ト ル 画 像 の 制 作 に つ い て 修 得 し ま す 。 （ 使 用 ア プ リ ケ ー シ ョ ン ： Photoshop,Fireworks,Illustrator） 情報デザインⅠ 人 間 中 心 デ ザ イ ン の 考 え 方 に 即 し た Webデ ザ イ ン 設 計 を ワ ー ク シ ョ
ップ形式で学びます。人間中心設計の概念やプロセスを学び、人間
中心デザインに関するさまざまな手法の理解と実践方法の修得を目
指します。発想からコンセプトデザイン手法、コンセプトやユーザ
ー 評 価 の 方 法 ま で 、 体 系 的 に 、 演 習 を 通 し て 実 践 的 に 学 び ま す 。 Web デザイン科 科 目 名 情報デザインⅡ 概 要 インタフェースおよびインタラクションのデザイン手法について学びま
す。ユーザーにとって使いやすいインタフェース、インタラクションを提
供するためのデザイン手法として、主にアフォーダンスやメタファなどの
可視化手法について学び、PCに留まらず、スマートフォン、やタブレット
など最新のデバイスのインタフェースデザインの提案を行います。 色彩演習 ヴィジュアル表現における色の役割や色彩に関する基礎的な知識を身につ
け、感情や状態を色で表す演習等を行います。色彩検定の取得を目指しま
す。 Webライティング技法 Web媒 体 を 活 用 し た 伝 わ る 文 章 を 理 解 し ラ イ テ ィ ン グ ス キ ル の 必 要
性を理解します。閲覧者にとって読みやすい文章、わかりやすい文
章の書き方について演習を通して学び、人に伝わる文章を学習しま
す 。 写真撮影・映像演出技法 カ メ ラ の 使 い 方 、写 真 撮 影 に 関 す る 知 識 を 学 び 、広 報 誌 や Webサ イ ト
に使用される写真を撮影するための実践的なテクニックを学びま
す 。 HTML&CSS実習 W3C規 格 に 準 拠 し た HTMLコ ー デ ィ ン グ を 理 解 し 、 Webサ イ ト を 制 作 し
ま す 。 Web標 準 実 装 の さ い に 抑 え て お く べ き ポ イ ン ト や ノ ウ ハ ウ 、サ イ ト 作
成 ソ フ ト ウ ェ ア （ Dreamweaver） の 活 用 テ ク ニ ッ ク を 修 得 し ま す 。 （ 使 用 ア プ リ ケ ー シ ョ ン ： Dreamweaver） JavaScript&Ajax実習 ブ ラ ウ ザ 側 で 動 作 す る プ ロ グ ラ ミ ン グ 言 語 で あ る JavaScriptを 用 い
てプログラミングの基礎を学び、ページを動的に表現する演習を行
い ま す 。 JavaScriptや Ajaxを 使 っ た Webペ ー ジ の 作 成 方 法 や 各 種 Web APIの 活
用方法について学びます。
WebプログラミングⅠ JavaScriptライブラリー「JQuery」を使って、サンプルを作りながらダイ
ナミックな表現手法を学びます。 WebプログラミングⅡ サ ー バ ー サ イ ド プ ロ グ ラ ム で あ る PHPプ ロ グ ラ ム を PCで 動 か す た め
の 環 境 を 整 え 、掲 示 板 等 を 作 り な が ら PHPプ ロ グ ラ ミ ン グ に つ い て 学
び ま す 。同 時 に デ ー タ ベ ー ス（ MySQL）を 使 っ た 実 践 的 な 課 題 を 行 い
ま す 。 （ Apatch,PHP,MySQL） Web プログラミングⅢ CMS ツ ー ル WordPress を サ ー バ ー に イ ン ス ト ー ル す る 方 法 か ら 、サ イ ト
構 築 の や り 方 を 実 践 的 に 学 び ま す 。ま た 、CakePHP を 使 っ て 簡 単 な オ ブ
ジ ェ ク ト 指 向 ス ク リ プ ト 言 語 を 習 得 し ま す 。 Web デザイン科 科 目 名 概 要 モバイルコンテンツ スマートフォンやタブレットなど最新のデバイスに最適化されたサ
制作 イ ト 制 作 の 技 術 を 学 び ま す 。 HTML5＋ JavaScriptベ ー ス の ゲ ー ム エ ン ジ ン「 enchant.js」を 使 っ て
ゲ ー ム や ア プ リ を 制 作 し ま す 。 サイト設計 Webサ イ ト 構 築 の ワ ー ク フ ロ ー と 、 Webサ イ ト を 制 作 す る 過 程 で つ く
ら れ る 各 種 ド キ ュ メ ン ト の 作 り 方 に つ い て 演 習 を 通 し て 学 び ま す 。 Webディレクション スケジュール管理、リソース管理、コスト管理、運用管理などを含
め て 成 果 を 上 げ る デ ィ レ ク シ ョ ン の 仕 方 に つ い て 学 び ま す 。 Webマーケティング Webマ ー ケ テ ィ ン グ を 取 り 巻 く 外 部 環 境・市 場 動 向 や 、ソ ー シ ャ ル メ
デ ィ ア 連 携 な ど に よ る Webマ ー ケ テ ィ ン グ 、企 業 に お け る ソ ー シ ャ ル
メ デ ィ ア の 活 用 方 法 な ど Webサ イ ト の 戦 略 的 な ビ ジ ネ ス 活 用 に つ い
て 学 び ま す 。 広告デザイン 印 刷 メ デ ィ ア の 広 告 表 現 デ ザ イ ン や 、CMな ど の 広 告 映 像 の 表 現 、Web
を使った広告表現など実際の広告具体例を見ながら広告の表現技術
を 学 び ま す 。 進級制作 Web制 作 企 業 か ら 実 案 件（ ク ラ イ ア ン ト の 要 求 ）を 元 に 課 題 が 掲 示 さ
れ 、 企 画 提 案 ・ Webサ イ ト 制 作 ・ プ レ ゼ ン テ ー シ ョ ン ま で の Webワ ー
ク フ ロ ー を 通 し て 実 務 能 力 を 学 び ま す 。企 画 ・ モ ッ ク ア ッ プ 、実 装 、
企業に向けて最終プレゼンテーションを行い、企業から指導を受け
な が ら Webサ イ ト 制 作 を 行 い 、 商 用 の Webサ イ ト を 制 作 で き る 実 務 能
力 を 身 に つ け る こ と が で き ま す 。 ユーザビリティ＆ ユ ー ザ ビ リ テ ィ と ア ク セ シ ビ リ テ ィ を 考 慮 し た Webサ イ ト 制 作 ス キ
アクセシビリティ ル を 持 っ た Web業 界 で 活 躍 で き る 人 材 育 成 の 育 成 を 行 う た め に 、下 記
3つ の 企 業 課 題 に グ ル ー プ ワ ー ク で 取 組 み ま す 。 ① ユーザビリティ評価手法を用いて既存のサイトの問題点を洗い
出 し 改 善 提 案 を 行 い ま す 。 ② 視 覚 障 害 者 支 援 団 体 の 協 力 を 受 け て 、 Webア ク セ シ ビ リ テ ィ の 現
状 と 問 題 点 の 理 解 を 深 め ま す 。 ③ 最新のデバイスを使ったスマートフォンアプリを課題に制作を
行 い ま す 。 Web デザイン科 科 目 名 卒業制作 概 要 2年 間 の 集 大 成 と し て 、 Webを 商 用 で 必 要 と し て い る 企 業 や 店 舗 、 学
校 な ど を ク ラ イ ア ン ト と し 、 学 生 個 々 の 制 作 ジ ャ ン ル （ Webサ イ ト 、
ス マ ー ト フ ォ ン ア プ リ 、Webシ ス テ ム 、ゲ ー ム 等 ）に 沿 っ た 作 品 を 制
作します。クライアントの要求に応じて、事前調査、コンセプトメ
ーキング、企画書制作、ユーザービリティ評価、確認、納品、最終
プ レ ゼ ン な ど 、実 践 的 な Webク リ エ イ タ ー と し て 、一 連 の 制 作 工 程 を
踏 ま え た 制 作 を 行 い ま す 。 就職活動リテラシー ワークシートやグループワークを利用した体験型学習で、楽しみながら就
職活動の準備を行います。 ① キャリア（職業人生）を理解して就職活動の動機を得ます。 ② ワークショップ形式で自己分析を行い、就職活動で実際に使えるツール
（文章・台本）に仕上げます。 ③ 就職活動に必要な各種情報を得ます。 

自治体Webサイト構築システム AssetNow Gov 自治体Webサイト 運用

木製カーポートの開発

WEB制作・デザイン科 - 高岡ビジネススクール

職業訓練指導員講習 受講申込書

大 学 概 要 - 金沢美術工芸大学

前年度の参考資料

エンジニア／クリエイター情報（中部エリア版）

Webデザイン中級科

こちら - 県立前橋高等学校

日本大学Adobe包括契約 ソフトウェア一覧