Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
巨匠電腦網頁設計課程 DreamWeaver 8 講師:賴銘朗
前言 <ul><li>廣告的傳輸方式,除了以往的雜誌、電台、電視、報紙外,網路便成為最容易建立且最不花成本的宣傳方式… </li></ul><ul><li>網路暨具備大眾宣傳的方式,不論是企業或個人便開始建立屬於自己的網站,以達到即時宣傳的效果...
學習網頁設計需具備 <ul><li>基礎的電腦操作技能 </li></ul><ul><li>基本上網的能力 </li></ul><ul><li>富創意十足的構想與企劃 </li></ul><ul><li>思路清晰的頭腦 </li></ul><u...
網頁設計軟體的選擇 <ul><li>各入口網站所提供簡易網頁版型 ( 依照精靈導引填入相關資料,上傳圖片即可完成… ) </li></ul><ul><ul><li>優點:快速、簡便 </li></ul></ul><ul><ul><li>缺點:版...
網頁設計的好幫手 <ul><li>美化你的網頁內容  ( 美工、動畫軟體 ) </li></ul><ul><ul><li>PhotoImpact </li></ul></ul><ul><ul><li>PhotoShop </li></ul></...
網站設計前的準備 <ul><li>網站主題與內容的訂定 </li></ul><ul><li>網頁資料的收集 </li></ul><ul><li>網頁製作相關軟體的取得 </li></ul><ul><li>網站資料放置空間的申請 </li></u...
網站的開發流程 <ul><li>確認網站主題 </li></ul><ul><li>資料收集與整理 </li></ul><ul><li>網頁內容設計  </li></ul><ul><li>繪製網站架構圖 </li></ul><ul><li>繪製網...
網頁內容設計 首頁 關 於 作 者 我 的 作 品 好 站 推 薦 留 言 板 與 我 聯 絡 最 新 消 息 PhotoImpact Photo Album Flash
網站架構圖 首頁 關 於 作 者 我 的 作 品 好 站 推 薦 留 言 板 與 我 聯 絡 最 新 消 息 PhotoImpact Photo Album Flash about.htm Index.htm photoimpactindex....
繪製網頁平面草圖
製作網頁元件 <ul><li>背景 </li></ul><ul><li>按鈕 </li></ul><ul><li>水平線 </li></ul><ul><li>橫幅廣告 </li></ul><ul><li>動畫 </li></ul><ul><li...
Prochain SlideShare
Chargement dans…5
×

網頁設計課程說明會

1 875 vues

Publié le

  • Identifiez-vous pour voir les commentaires

  • Soyez le premier à aimer ceci

網頁設計課程說明會

  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>

×