1 / 6

網頁設計 Website Design

網頁設計 Website Design. 周遵儒 國立台灣師範大學圖文傳播學 系 trchou@ntnu.edu.tw. 簡介 – 所包含之內容. 基礎網際網路知識 傻瓜等級網頁設計 WYSIWYG 工具： Dreamweaver 基礎 架設 網站與網路管理 知識 製作維護你的套版 網站 Weebly 專業等級網頁設計 工具： Dreamweaver & NotePad++ & Aptana Studio & …… HTML & CSS 版面 設計 網頁 配色 網頁樣版的客製化 JavaScript (jQuery 特效 ) 資料庫 (MySQL)

ivana-hebert
Download Presentation

網頁設計 Website Design

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 網頁設計Website Design 周遵儒 國立台灣師範大學圖文傳播學系 trchou@ntnu.edu.tw

  2. 簡介–所包含之內容 • 基礎網際網路知識 • 傻瓜等級網頁設計 • WYSIWYG工具：Dreamweaver • 基礎架設網站與網路管理知識 • 製作維護你的套版網站 • Weebly • 專業等級網頁設計 • 工具：Dreamweaver & NotePad++& Aptana Studio & …… • HTML & CSS • 版面設計 • 網頁配色 • 網頁樣版的客製化 • JavaScript (jQuery特效) • 資料庫 (MySQL) • CMS (Drupal) • 專題實作

  3. 簡介–不包含之內容 • 互動網站設計（人數夠的話，下學期開） • 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 網頁現在是票房毒藥，正被多數業主要求下架中，你學它幹嘛？

  4. 要求 • 架站作業（有固定站特別加分） • WYSIWYG套裝軟體設計網頁，至少3次 • HTML & CSS套裝軟體設計網頁，至少5次 • 版面設計作業（HTML & CSS） • 配色設計作業（HTML & CSS） • 適應性（Responsive）設計作業（HTML & CSS） • HTML & CSS 隨堂測驗，至少2次 • 網頁樣版客製化作業 • 具資料庫之留言版安裝作業（MySQL特別加分） • CMS架設管理與客製化（Drupal特別加分） • 分組期末專題

  5. 工具 • 套裝軟體 • 網頁組合用： • Dreamweaver • 多媒體素材製作用： • PhotoImpact, GifAnimator, Illustrator, PhotoShop, … • Flash, Premiere, … • 程式撰寫用： • NotePad++ • Aptana Studio • …

  6. 未來 • 設計觀點 • 訊息傳達（Communication） • 使用者體驗（UX Design） • 功能觀點 • 互動（Interactivity） • 創意（Innovation） • 平台觀點 • 行動裝置（Mobile） • 智慧電視（Google TV） • 多螢（多屏）

More Related