Dreamweaver 专业网页设计Part1 基本观念.PDFVIP

Dreamweaver 專業網頁設計 講師：Cruise .tw 2008/10/272008/10/27 Dreamweaver 專業網頁設計 Part1Part1 基本觀念基本觀念 • 網站與網頁的概念 • 網站開發的流程 2008/10/272008/10/27 Dreamweaver 專業網頁設計 1 網站與網頁的概念 • 網頁與首頁的關係 我們透過瀏覽器WWW上所看到的畫面，皆稱為網頁(Web page)， 而通常進入而通常進入一個網站時所看到的第個網站時所看到的第一個網頁個網頁 ，即稱為即稱為 「首頁首頁 」」(Home(Home page)，所以首頁只是網頁的其中一頁而已。 • 首頁(Home page) 首頁可說是網站的主要門面，其最重要的功能是提供整個網站的內 容導覽，可使觀看者快速連結至想看的內容。 •網站網站 什麼是「網站」呢? 其實網站就是網頁的集合，網站中所有的網頁 彼此相連結，瀏覽者才可連結到各頁來觀看內容，這樣的網頁架構就稱為 「網站」。 2008/10/272008/10/27 Dreamweaver 專業網頁設計 網站與網頁的概念 • 網站是放在哪裡呢? 當網站製作完成後，須放到web伺服器上，如此一來，全世界的瀏覽 者才可連結至你的網站上觀看者才可連結至你的網站上觀看 。。一般來說一般來說 ，，通常是大型企業通常是大型企業 、、政府學術單政府學術單 位等，負擔得起高額設備，才需考慮自行架設，而對一般中小企業、工作 室、個人等，則是向 ISP (Internet Service Provider網路服務提供者)申請 「虛擬主機」或「附屬網站」，也就是說，在ISP所架設的Web伺服器上 租空間，來放置你的網站。 • 申請網站空間 「虛擬主機」與「附屬網站」有什麼不同呢?差別就在於「虛擬主機」 有獨立的IP與經過註冊得來的網址。 2008/10/27 2008/10/27 Dreamweaver 專業網頁設計 2 網站開發的流程 一般除了個人網站外，其它具有公司行號的網站開發，是須群體的 合作才能完成的，以下為網站開發的流程可供你參考： 規劃 設計施工 執行測試執行測試 設定目標客戶業務需求 工作分配 功能確認 確定網站功能 設計元件 風格確認 資料收集與整理 設計版型 程式測試 繪製網站架構腳本 程式置入 優使性測試 相容性測試 繪製網頁設計草稿 上 線 申請網址 時效性資料更新 檢討活動 維 護 網站主機設定 定期新增 收集目標客戶 更 新 上傳網站 業務成長分析 2008/10/272008/10/27 Dreamweaver 專業網頁設計 Part2Part2 工作環境的認識與基本操作工作環境的認識與基本操作 • 自訂使用者環境 • 建