网站开发的流程.PPT

製作階段 2. 製作與歸納網頁所需的檔案 為了避免瀏覽者在開啟網頁時等太久, 通常會將設計好的完整網頁版面先切割成多個部份, 再分別壓縮、轉存為適合網頁的檔案格式；另外, 先前收集的各類圖檔、音效檔、動畫檔、…等, 也可開始根據版型的安排去設計及轉存, 並加以分類歸納到資料夾中, 以便日後使用及管理。 * 製作階段 * 製作階段 3. 使用 Dreamweaver 製作網頁備妥網站所需的素材及資料後, 就是 Dreamweaver 該出場的時候了。首先必須進行的是「網站設定」, 將網站資料夾的位置告訴 Dreamweaver, 以免日後製作網頁時發生檔案連結錯誤的問題。有關這部份的詳細操作, 請參考第 4 章的說明。 設定好網站後, 即可開始著手製作網頁。需特別注意的是：由於不同瀏覽器 (或瀏覽器不同的版本) 支援的語法或功能會有差異, 用 Dreamweaver 製作的同一種效果, 可能會在不同瀏覽器中顯示出不同的結果, 因此製作網頁時需特別留意相容性的問題。 * 製作階段 目前網路上較多人使用的瀏覽器有 IE (Internet Explorer)、Firefox、Safari、Google 瀏覽器等, 如果你希望製作出來的網頁可以在大多數的瀏覽器中正常顯示, 建議可安裝多套不同瀏覽器實際測試網頁效果 (請參閱第 5-4 節, 會有更詳盡的說明)。 * 製作階段 * 三、上傳與維護 1. 網站上傳 製作好的網站, 經測試無誤後, 即可上傳到網路伺服器中。Dreamweaver 內建了 FTP 功能, 可以直接將網站中的檔案上傳到伺服器, 相關說明請參閱第 11 章。 * 上傳與維護 * 上傳與維護 2. 資料更新 將網站的檔案上傳到伺服器, 並開放參觀瀏覽後, 網站的開發是不是就此結束呢？當然不是, 這只是網站生命的開始而已。請注意網站不是死的, 必須保持網頁資訊的新鮮度, 例如：刪除過時資料、寫出網站最近更新時間及更新提示、新產品推出時馬上製作主打廣告、…等, 才能吸引人再次光臨。 * 上傳與維護 運用 Dreamweaver 的遠端伺服器與本地端網站檔案同步化功能, 可以做為網站更新過程的管理工具(請參閱第 12 章, 會有更詳盡的說明)。 經過本章的說明, 相信你應該更清楚網站的製作流程了, 下一章將帶你熟悉我們的主角–Dreamweaver, 讓製作網站的過程更有效率喔！ * 本投影片（下稱教用資源）僅授權給採用教用資源相關之旗標書籍為教科書之授課老師（下稱老師）專用, 老師為教學使用之目的, 得摘錄、編輯、重製教用資源（但使用量不得超過各該教用資源內容之80%）以製作為輔助教學之教學投影片, 並於授課時搭配旗標書籍公開播放, 但不得為網際網路公開傳輸之遠距教學、網路教學等之使用；除此之外, 老師不得再授權予任何第三人使用, 並不得將依此授權所製作之教學投影片之相關著作物移作他用。 著作權所有 ? 旗標出版股份有限公司 第 1 章 網站的概念與開發流程 前言 在製作網站之前, 本章將帶你先建立網站與網頁的基本概念, 以及了解如何著手規劃出一個網站, 並說明用網頁製作軟體實際開發出來的流程。打好這些基本功再動手製作網頁會比較有效率喔！ * 本章重點 1-1 網站與網頁的基本概念 1-2 網站開發的流程 * 1-1 網站與網頁的基本概念 網站是由許多網頁所構成, 精彩的網站除了吸引人的首頁外, 饒富內涵的各個網頁也是不可小覷的大功臣喔！那麼, 何謂網頁？與首頁不同嗎？網站做好又該怎麼讓大家來觀看？本節將通通告訴你。 * 網頁 (Web Page) 與首頁 (Home Page) 我們透過瀏覽器在 WWW 中看到的畫面, 即是所謂的「網頁」(Web Page), 而網站的第一個網頁, 則稱為該網站的「首頁」, 也就是常說的「Home Page」。許多人都誤以為 Home Page 泛指所有網頁, 殊不知 Home Page 只是網站中的第一個網頁而已, 稱呼網頁應該以「Web Page」較為恰當。 首頁可以說是網站的門面, 除了呈現網站主要的視覺風格外, 其最重要的功能是提供整個網站的內容導覽及最新消息, 讓瀏覽者可以馬上看到最新的訊息, 並快速地找到感興趣的主題, 然後連結到另一個網頁, 觀看更詳細的內容。 * 網頁 (Web Page) 與首頁 (Home Page) * 網站就是網頁的集合 網站其實就是網頁的集合, 也就是說當整個網站架構規劃好後, 再分別製作各個網頁, 並讓網頁間彼此相連結, 使瀏覽網站的人都能連結到各個網頁來觀看網頁內容, 這樣的網頁架構就稱為「網站」。 網站中的所有網頁會彼此連結, 而不同的連結方式, 將產生不同的網站架構, 大略可分為線性架構及樹狀架構兩類。 * 線性架構 每個網頁以