Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

網頁設計課程說明會

1,872 views

Published on

  • Login to see the comments

  • Be the first to like this

網頁設計課程說明會

  1. 1. 巨匠電腦網頁設計課程 DreamWeaver 8 講師:賴銘朗
  2. 2. 前言 <ul><li>廣告的傳輸方式,除了以往的雜誌、電台、電視、報紙外,網路便成為最容易建立且最不花成本的宣傳方式… </li></ul><ul><li>網路暨具備大眾宣傳的方式,不論是企業或個人便開始建立屬於自己的網站,以達到即時宣傳的效果並與消費者達到雙向溝通的目的… </li></ul><ul><li>既然網站對公司企業或個人都有相當程度的助益,那麼建置一個內容豐富且創意十足的網站便是大家必須學習的事情… . </li></ul>
  3. 3. 學習網頁設計需具備 <ul><li>基礎的電腦操作技能 </li></ul><ul><li>基本上網的能力 </li></ul><ul><li>富創意十足的構想與企劃 </li></ul><ul><li>思路清晰的頭腦 </li></ul><ul><li>過人的耐力與體力 </li></ul>
  4. 4. 網頁設計軟體的選擇 <ul><li>各入口網站所提供簡易網頁版型 ( 依照精靈導引填入相關資料,上傳圖片即可完成… ) </li></ul><ul><ul><li>優點:快速、簡便 </li></ul></ul><ul><ul><li>缺點:版型及功能簡單,不具特色,資料擴充不易 </li></ul></ul><ul><li>HTML(Hyper Makeup language) 超文件標示語言 語法編寫 </li></ul><ul><ul><li>優點:不需工具軟體,僅須文字編輯器如記事本即可編寫 </li></ul></ul><ul><ul><li>缺點: HTML 語法標籤複雜,無法所見即所得,製作及除錯費時 </li></ul></ul><ul><li>使用專業網頁設計軟體 如:微軟 OFFICE 系列軟體— FrontPage MacroMedia 公司推出— DreamWeaver 、 Fireworks 、 Flash </li></ul><ul><ul><li>優點:皆為所見即所得的網頁編輯工具,製作簡便,修改容易 </li></ul></ul><ul><ul><li>缺點:需事先取的該軟體並學會如何使用它 </li></ul></ul>
  5. 5. 網頁設計的好幫手 <ul><li>美化你的網頁內容 ( 美工、動畫軟體 ) </li></ul><ul><ul><li>PhotoImpact </li></ul></ul><ul><ul><li>PhotoShop </li></ul></ul><ul><ul><li>CrolDraw </li></ul></ul><ul><ul><li>Flash </li></ul></ul><ul><li>增加與網友的互動 ( 網頁元件 ) </li></ul><ul><ul><li>訪客計數器 </li></ul></ul><ul><ul><li>訪客留言板 </li></ul></ul><ul><ul><li>訪客討論區 </li></ul></ul><ul><ul><li>電子郵件 </li></ul></ul><ul><ul><li>特殊網頁特效 </li></ul></ul><ul><li>網頁上傳的工具 </li></ul><ul><ul><li>FTP </li></ul></ul>
  6. 6. 網站設計前的準備 <ul><li>網站主題與內容的訂定 </li></ul><ul><li>網頁資料的收集 </li></ul><ul><li>網頁製作相關軟體的取得 </li></ul><ul><li>網站資料放置空間的申請 </li></ul><ul><ul><li>PChome 免費 10MB </li></ul></ul><ul><ul><li>雅虎‧奇摩 免費 15MB </li></ul></ul><ul><ul><li>Hinet 免費 20/60MB </li></ul></ul><ul><li>網域名稱的申請 Twnic 財團法人台灣網路資訊中心 </li></ul><ul><li>( 申請 .com.org.idv.net 或中文名稱 .tw) </li></ul><ul><ul><li>PChome </li></ul></ul><ul><ul><li>雅虎 ‧ 奇摩 </li></ul></ul><ul><ul><li>Hinet </li></ul></ul><ul><li>其他相關配合… </li></ul>
  7. 7. 網站的開發流程 <ul><li>確認網站主題 </li></ul><ul><li>資料收集與整理 </li></ul><ul><li>網頁內容設計 </li></ul><ul><li>繪製網站架構圖 </li></ul><ul><li>繪製網頁平面草圖 </li></ul><ul><li>製作網頁元件 ( 使用 PhotoImpact8 元件設計師 ) </li></ul><ul><li>網頁製作 ( 使用 PhotoImpact8 、 DreamWeaver 8 、 Flash 8 ) </li></ul><ul><li>技術整合與支援 </li></ul><ul><li>網頁上傳 </li></ul><ul><li>測試與修正 </li></ul><ul><li>提昇知名度 </li></ul><ul><li>更新與維護 </li></ul>
  8. 8. 網頁內容設計 首頁 關 於 作 者 我 的 作 品 好 站 推 薦 留 言 板 與 我 聯 絡 最 新 消 息 PhotoImpact Photo Album Flash
  9. 9. 網站架構圖 首頁 關 於 作 者 我 的 作 品 好 站 推 薦 留 言 板 與 我 聯 絡 最 新 消 息 PhotoImpact Photo Album Flash about.htm Index.htm photoimpactindex.htm albumindex.htm flashindex.htm mylove.htm text.htm mailto:abc@kk.com news.htm
  10. 10. 繪製網頁平面草圖
  11. 11. 製作網頁元件 <ul><li>背景 </li></ul><ul><li>按鈕 </li></ul><ul><li>水平線 </li></ul><ul><li>橫幅廣告 </li></ul><ul><li>動畫 </li></ul><ul><li>數位照片 </li></ul><ul><li>多媒體影像 </li></ul><ul><li>音樂 </li></ul>

×