網頁設計Website Design

周遵儒國立台灣師範大學圖文傳播學系

trchou@ntnu.edu.tw

基礎網際網路知識 傻瓜等級網頁設計

WYSIWYG 工具： Dreamweaver 基礎架設網站與網路管理知識 製作維護你的套版網站

Weebly 專業等級網頁設計

工具： Dreamweaver & NotePad++ & Aptana Studio & …… HTML & CSS 版面設計 網頁配色 網頁樣版的客製化 JavaScript (jQuery 特效 ) 資料庫 (MySQL) CMS (Drupal)

專題實作

簡介 – 所包含之內容

互動網站設計（人數夠的話，下學期開）

JavaScript （一點點，看看就好） PHP 、 ASP.Net （不可能，會裝就很偷笑了！） Google API （如果 JavaScript 學得來的話，可以看點範例） Ajax （ JavaScript 功力不到位的話是不可能！） Media Server （時間夠可以試試看） Mobile Website Design （最多就是 Responsive CSS ） Mobile Apps Design （去 App 設計課才教） 、、、

Flash（『電腦動畫多媒體應用』 w1-234 進行中） 利用 Flash 設計網頁時，需要大量使用 ActionScript Flash 網頁現在是票房毒藥，正被多數業主要求下架中，你學它幹嘛？

簡介 – 不包含之內容

架站作業（有固定站特別加分） WYSIWYG 套裝軟體設計網頁，至少 3 次 HTML & CSS 套裝軟體設計網頁，至少 5 次

版面設計作業（ HTML & CSS ） 配色設計作業（ HTML & CSS ） 適應性（ Responsive ）設計作業（ HTML & CSS ）

HTML & CSS 隨堂測驗，至少 2 次 網頁樣版客製化作業 具資料庫之留言版安裝作業（ MySQL 特別加分） CMS 架設管理與客製化（ Drupal 特別加分） 分組期末專題

要求

套裝軟體

網頁組合用： Dreamweaver

多媒體素材製作用： PhotoImpact, GifAnimator, Illustrator, PhotoShop,

… Flash, Premiere, …

程式撰寫用： NotePad++ Aptana Studio …

工具

設計觀點

訊息傳達（ Communication ） 使用者體驗（ UX Design ）

功能觀點 互動（ Interactivity ） 創意（ Innovation ）

平台觀點 行動裝置（ Mobile ） 智慧電視（ Google TV ） 多螢（多屏）

未來