『网页制作』流程实作.docVIP

『網頁製作』流程實作 一、WWW基本概念 上ＷＷＷ你應該會吧！這是重要的一步！不管你是用學校的網路，或是使用數據機連上ＩＳＰ，至少你要能（而且會）連上網路，這樣我們才能繼續下去喔！ 有些人會搞不清楚INTERNET和WWW或是BBS究竟有什麼分別，以最簡單的話來解釋：INTERNET是一個網路的大環境，而她擁有多項的服務項目，如：WWW、BBS、FTP、Gopher、Mail、News...等。就好像一家大的百貨公司一樣，有遊樂場、美食部、家電商、服飾精品店...等的道理是一樣的（嗯...很奇怪的比喻）。 現在應該知道INTERNET和WWW的差別了吧！ 1、網頁：我們現在準備要做的東西。 2、首頁：就是當我們進站時，第一眼看到的網頁。 3、網站：由一堆網頁所構成的完整內容，稱為網站。 4、WWW：則是由一堆網站所連結而成的。 （頭昏了吧！）簡言之就是：網頁→網站→WWW。 二、網頁製作流程 為了讓大家對於網頁製作有初步的概念，製作網頁的流程歸納成： 主題架構：就是網站內容主題以及操作介面，先要想好。 取得工具：準備寫網頁的工具、圖片製作工具、網路工具。 編寫網頁：開始動工，編寫網頁，最累最有成就感的時候。 找個空間：寫好網頁就要放上網路，得找個免費空間來放。 上傳網頁：有了網頁空間，就將寫好的網頁上傳到網路上。 維護網頁：後續的維護網頁工作，保持網頁的新鮮度。 我們要開始動手做網頁啦！ 三、網站的種類 ?專業網站： 越專業、越豐富、越有參考性，那麼你的網站將屹立不搖，在網海中占有一席之地。 ?教學網站： 如電腦軟體的使用、或任何的教學東東，天下事，事事能教，畢竟好學的人不少，您不就是嗎！ ?下載網站： 許多免費的資源，若能有心的去蒐集，最好再加點說明，那麼也是相當吸引人的。 ?書籤網站： 到處去蒐集網站，做個總整理，方便網友連結，節省查尋時間，是吸引人潮相當不錯的方法。不過維護上不太容易。 ?個性網站： 就是與眾不同的網頁啦！這就要看個人的巧思及創意了。越獨特，越吸引人。 ?地下網站： 基本上工友不鼓勵這個啦！不過，所謂『殺頭的生意有人做』嘛！如：情色站、麵攤站、破解站，越非法，大家就越好奇，不過，小心別惹禍上身。 四、不同類型網站的架構與特色 ?專業網站： 專業性網站，圖片是少不了的，因此，要著重於版面的安排以及圖片的設計，讓網友能對您的專業知能有清楚的認識。 ?教學網站： 內容第一，解說清楚，若能圖文並茂更佳，要注意網站操作要簡單明瞭，此外要注意瀏覽的速度，別做太多無謂的美化。 ?下載網站： 要注意連結的有效性，以及軟體版本的更新消息。此外，清楚的分門別類是必要的，若有清楚詳實的使用說明則更佳。 ?書籤網站： 重視蒐集連結的完整度，蒐集越完整越好。此外，畫面簡單明瞭即可，不必太複雜，瀏覽速度必須要快，而且需時時去注意連結有無失效。 ?個性網站： 美工及創意是免不了的了！尤其是創意占絕大重要地位，此外，有必要好好的宣傳一下，如三天兩頭就到ＢＢＳ上去宣揚一下。 ?地下網站： 基本上，這種站絕少重視什麼美工創意，速度也不是挺要緊（為了瞄她一眼，再久都等！）不過，小心被抓或被罵。 五、成功網站的要素 有內容 速度快 版面美 常更新 好連結 常宣傳 六、編輯器的種類 種類 特色 優點 缺點 例子 html輔助類 設計者需知道html標籤的用法，此類軟體旨在使設計者能夠快速且方便的做出首頁，不用死記標籤，部份軟體甚至會有提示、偵錯、建議的功能 設計師如虎添翼，免死記標籤，且具備諸多網頁其他輔助功能，設計師較能掌握整個網頁的架構，且在不同瀏覽器下較不易出問題 初學者難以快速進入狀況。 記事本 Home site 3.01、Hotdog4.X、Htmlabc1.75 所見即所得類 給初學者入門用，用法簡單，如同在使用word般，不須知道html標籤的用法，螢幕上的樣子，就是上網後的樣子（這是個理想...） 很簡單，只要十來分鐘，活生生的網頁就出爐了 部份軟體在不同瀏覽器下，所見的樣子，可能會讓您吐血。（因會加入些莫名其妙東西在網頁原始碼中，其他瀏覽器未必能加以解釋。 FrontPage2000 FrontPage98Netscape Composer、NetObject Fusion3.0 DreamWeave3.0 七、網頁實作 網頁種類繁多，由於需求的不同而有所不同的設計方式，但基本方向都是大同小異。僅就學校使用上較為普及的『班級網頁製作』為例，利用「FrontPage Express」及「記事本」作為製作工具。（因為兩者均於安裝後，即存在於Windows 中，不會牽涉到是否危反著作權的問題。高雄縣各國中配發之Office2000，其授權版本為「專業版」，並不包含FrontPage200