網(wǎng)頁制作與網(wǎng)站建設(shè)在線測試（網(wǎng)頁制作與網(wǎng)站建設(shè) 在線作業(yè)）
今天給各位分享網(wǎng)頁制作與網(wǎng)站建設(shè)在線測試的知識，其中也會對網(wǎng)頁制作與網(wǎng)站建設(shè) 在線作業(yè)進行解釋，如果能碰巧解決你現(xiàn)在面臨的問題，別忘了關(guān)注本站，現(xiàn)在開始吧！
本文目錄一覽：
網(wǎng)站設(shè)計建設(shè)的流程有哪些？
1、網(wǎng)站設(shè)計建設(shè)的流程——關(guān)于網(wǎng)站頁面設(shè)計
在網(wǎng)站設(shè)計建設(shè)的過程中，這一部分主要是由設(shè)計師來完成的，但是如果你想要建設(shè)一個網(wǎng)站，你首先要有一個主題，并且對你已經(jīng)建立的主題的前景有一些思考和研究。創(chuàng)建一個好的主題是第一步，也是最重要的一步，然后收集圍繞主題的信息，并將其交給設(shè)計師進行設(shè)計和制作。
2、網(wǎng)站設(shè)計建設(shè)的流程——網(wǎng)站結(jié)構(gòu)建設(shè)
這是你創(chuàng)建一個被認可的網(wǎng)站所需要做的。例如，一些網(wǎng)站的調(diào)色板，一些網(wǎng)站的風格，文本和圖片的布局都需要在這一步中確定和改進。只有多方面的協(xié)調(diào)，你的網(wǎng)站才會有吸引力，才會被大家喜愛和認可。
3、網(wǎng)站設(shè)計建設(shè)的流程——網(wǎng)頁制作
這個步驟是一個非常重要的技術(shù)活動，需要熟練的程序員來執(zhí)行。程序員使用代碼作為中介來顯示網(wǎng)頁設(shè)計者設(shè)計的網(wǎng)頁。
4、網(wǎng)站設(shè)計建設(shè)的流程——項目實施
在現(xiàn)階段，網(wǎng)站的設(shè)計和建設(shè)過程已經(jīng)基本完成。這一步的主要工作是程序員成功鏈接網(wǎng)站的后臺和頁面，然后上傳和規(guī)劃自己的網(wǎng)站信息。本次現(xiàn)場制作基本完成。
5、網(wǎng)站設(shè)計建設(shè)的流程——網(wǎng)站測試
網(wǎng)站的最后一步已經(jīng)基本完成，對于這個布局，你需要對你的網(wǎng)站進行在線測試，因為一些問題和一些用戶報告的問題可以及時解決，還有網(wǎng)站的各種問題。
以上是一些網(wǎng)站設(shè)計建設(shè)的流程和要求，似乎不是特別復(fù)雜，只需要相關(guān)知識和人力。很多事情看起來很簡單，但做起來卻不那么容易。后續(xù)將會有更多關(guān)于平面設(shè)計中各個分類的設(shè)計技巧與資訊，可以點擊本站的其他文章進行學習。
如何制作網(wǎng)頁最簡單的方法
制作網(wǎng)頁最簡單的方法如下：
1、注冊工具平臺賬號
企業(yè)網(wǎng)頁制作離不開相關(guān)工具的幫助。然而，使用自助建站系統(tǒng)可以避免網(wǎng)站制作工具的下載，并直接在線生產(chǎn)企業(yè)網(wǎng)站。因此，在第一階段，企業(yè)可以在網(wǎng)絡(luò)上找到相關(guān)的自助建站系統(tǒng)，并注冊平臺賬號。
需要注意的是，一些自助建站系統(tǒng)默認會發(fā)送域名和網(wǎng)站空間。因此，在企業(yè)注冊平臺后，可以省略購買和綁定域名和網(wǎng)站空間的操作。
2、建立企業(yè)網(wǎng)站
平臺將根據(jù)企業(yè)自身形象的需要，提供與企業(yè)相對應(yīng)的網(wǎng)站模板供企業(yè)選擇，通過自助建站系統(tǒng)賬號登錄到網(wǎng)頁制作平臺界面，根據(jù)建站平臺的提示，選擇企業(yè)網(wǎng)站的行業(yè)和類型，確定行業(yè)和類型。
3、企業(yè)設(shè)計和功能建設(shè)
在復(fù)制企業(yè)網(wǎng)站模板的基礎(chǔ)上，對企業(yè)網(wǎng)站的設(shè)計進行調(diào)整和布局，將企業(yè)準備的網(wǎng)站橫幅圖片、標志圖片、背景圖片等數(shù)據(jù)上傳并替換為網(wǎng)站模板的相應(yīng)模塊，并在自助建站系統(tǒng)的視覺操作界面中對網(wǎng)站的各個模塊進行調(diào)整和布局；然后，根據(jù)企業(yè)網(wǎng)站所需的功能，通過模塊添加選項，為企業(yè)網(wǎng)站添加相應(yīng)的功能。
4、設(shè)置和測試企業(yè)網(wǎng)站
當企業(yè)網(wǎng)站的建設(shè)和設(shè)計完成后，通過網(wǎng)站設(shè)置操作，設(shè)置企業(yè)網(wǎng)站的標題名稱，模擬用戶瀏覽企業(yè)網(wǎng)站；如果所有測試都沒有問題，您可以保存設(shè)置，自助建站系統(tǒng)提供的網(wǎng)站域名訪問企業(yè)網(wǎng)站。
從網(wǎng)頁制作到網(wǎng)站上線
建網(wǎng)站的投入可是很大的。
首先是申請免費個人主頁空間（當然也可以申請付費的，看你自己的情況了）。你可以在搜索引擎中以"免費資源"為關(guān)鍵字進行搜索，在找到的網(wǎng)頁中查看免費個人主頁部分，進入提供免費個人主頁的網(wǎng)站之后，再按步驟完成申請表格。然后是編輯個人網(wǎng)頁。如果你是初學者，建議你使用FrontPage，因為它是一個所見即所得的網(wǎng)頁編輯軟件，也是微軟OFFICE的一個組件，使用起來和WORD有很多類似之處。最后是上傳網(wǎng)頁。請按提供個人主頁空間服務(wù)的網(wǎng)站上的上傳說明中的方法上傳你編輯好的網(wǎng)頁。經(jīng)過這些步驟，你的個人主頁就建立了.
如何建立一個網(wǎng)站？
一、引言
一個網(wǎng)站的整體規(guī)劃和設(shè)計的好壞是它發(fā)展的重要之處， 也是它吸引人們?yōu)g覽的所在之處。Internet/Intranet技術(shù)的日益發(fā)展，使人們認識到了Internet/Intranet的優(yōu)勢，更使得數(shù)據(jù)庫與web的連接成為數(shù)據(jù)庫開發(fā)方面的熱門技術(shù)之一。
通常情況下，通過瀏覽器看到的網(wǎng)頁大多是靜態(tài)的。所謂“靜態(tài)”，是指網(wǎng)站的網(wǎng)頁內(nèi)容“固定不變”， 當瀏覽器通過互聯(lián)網(wǎng)的HTTP（Hypertext Transport Protocol）協(xié)議向Web服務(wù)器請求提供網(wǎng)頁時，服務(wù)器僅僅是將原來設(shè)計好的靜態(tài)HTML文檔傳給瀏覽器。其頁面內(nèi)容使用的僅僅是標準的HTML代碼，最多再加上流行的GIF89A 格式的動態(tài)圖片，比如產(chǎn)生幾只小貓小狗跑來跑去的動畫效果。 若網(wǎng)站維護者要更新網(wǎng)頁的內(nèi)容，就必須手動更新所有的HTML文檔。靜態(tài)網(wǎng)站的致命弱點就是不易維護。為了更新網(wǎng)頁的內(nèi)容， 網(wǎng)站維護者必須重復(fù)制作HTML文檔，隨著網(wǎng)站內(nèi)容和信息量的日益擴增，可以想象這是多么復(fù)雜繁瑣的工作。
那么，什么是動態(tài)網(wǎng)站呢？所謂“動態(tài)”，并不是指放在網(wǎng)頁上的圖片會動，動態(tài)頁面應(yīng)具有以下幾個特點：
（一）.交互性：即網(wǎng)頁能根據(jù)客戶的要求和選擇而動態(tài)改變和響應(yīng)，瀏覽器即作為客戶端界面，這是今后Web發(fā)展的大勢所趨。
（二）.自動更新：即無需手動更新HTML文檔， 就能自動生成新的頁面，從而大大減少工作量。
（三）.因時因人而變：即當不同的時間、不同的人訪問同一網(wǎng)址時能產(chǎn)生不同的頁面，這一點對于需要對使用者授權(quán)的網(wǎng)站尤其適用。
隨著的Internet迅速發(fā)展，不管是專業(yè)的ISP(Internet服務(wù)提供者)和ICP(Internet內(nèi)容提供者)，還是一般的政府機關(guān)、銀行、交通部門、學校、醫(yī)院、服務(wù)者，甚至是每個人，都在積極尋求在Internet上發(fā)布信息，提供新型的網(wǎng)上管理和服務(wù)?？梢哉f，網(wǎng)站設(shè)計和網(wǎng)站的編輯正成為新興的熱門行業(yè)。
二、網(wǎng)站的系統(tǒng)分析
（一）.項目立項
我們接到客戶的業(yè)務(wù)咨詢，經(jīng)過雙方不斷的接洽和了解，并通過基本的可行性討論夠，初步達成制作協(xié)議，這時就需要將項目立項。較好的做法是成立一個專門的項目小組，小組成員包括：項目經(jīng)理，網(wǎng)頁設(shè)計，程序員，測試員，編輯/文檔等必須人員。
（二）.客戶的需求說明書
第一步是需要客戶提供一個完整的需求說明。很多客戶對自己的需求并不是很清楚，需要您不斷引導(dǎo)和幫助分析。有些客戶可能對自己建什么樣的網(wǎng)站根本就沒有明確的目的，以及他的網(wǎng)站建好后來干什么也是一無所知，為了客戶能有明確的目的我們需要耐心說明，仔細分析，挖掘出客戶潛在的，真正的需求。這樣對大家都有好處，我們的宗旨應(yīng)該是“客戶明明白白，雙方高高興興?！睂蛻艉妥约憾际且环N負責。
配合客戶寫一份詳細的，完整的需求說明會花很多時間，但這樣做是值得的，而且一定要讓客戶滿意，簽字認可。把好這一關(guān)，可以杜絕很多因為需求不明或理解偏差造成的失誤和項目失敗。糟糕的需求說明不可能有高質(zhì)量的網(wǎng)站。那么需求說明書要達到怎樣的標準呢？簡單說，包含下面幾點：正確性：每個功能必須清楚描寫交付的功能；可行性：確保在當前的開發(fā)能力和系統(tǒng)環(huán)境下可以實現(xiàn)每個需求；必要性：功能是否必須交付，是否可以推遲實現(xiàn)，是否可以在削減開支情況發(fā)生時"砍"掉；簡明性：不要使用專業(yè)的網(wǎng)絡(luò)術(shù)語；檢測性：如果開發(fā)完畢，客戶可以根據(jù)需求檢測。
三、建設(shè)方案
（一）.建站理念
(1)預(yù)早籌劃
設(shè)計主頁未必很艱難。但這一工作與編制傳統(tǒng)的宣傳品一樣，都需要我們謹慎處理和籌劃。換言之，我們必須首先 確定自己需要傳達的主要信息，然后細意斟酌、把所有意念合情合理地組織起來；之后是設(shè)計一個頁面式樣，試用于有代表性的用戶，接著重復(fù)修訂，務(wù)求盡善盡美。
(2)盡量精簡
主頁的作用好比一本書的封面，是為了吸引用戶測覽你的網(wǎng)址內(nèi)容。因此，主頁的設(shè)汁應(yīng)以醒目為上、令人一目了然。切勿堆砌太多不必要的細節(jié)，或使畫面過于復(fù)雜。在主頁上清楚列出三項要點，例如機構(gòu)名稱、提供的產(chǎn)品或服務(wù) 、以及主頁內(nèi)容(亦即你的其他頁面還載有什么資料)。應(yīng)切記頁面給人的第一觀感最為重要。在網(wǎng)上到處瀏覽的人很多。如果你的主頁真沒有吸引力，很難令他們深入觀賞。
(3)盡量簡樸
現(xiàn)今大部分用戶那是用調(diào)制解調(diào)器接駁萬維網(wǎng)，所以他們一般都要花很多時間等待主頁傳送到自己的系統(tǒng)。主頁上的圖形應(yīng)力求簡樸， 避免耽擱用戶的時間。圖像愈大、顏色愈深，傳送頁面的時間愈長。這并不是說你要完全略去圖像不用，只是提醒你要注注意使用圖像所引起的效果。主頁上的顏色最好不超過六十四種，頁頂圖像最好保持在大約10KB(千字節(jié))以下。切勿禁不住誘惑,覺得非要放入大幅的圖畫不可；應(yīng)考慮只用三兩幅短小精悍的圖像。主頁整體上要能夠迅速傳送。如果載入的時間超過十至十五秒，很多用戶就會等得不耐煩。如果情況許可，最好先測試你的主頁在稍差的條件下的傳送速率，14.4千波特的調(diào)制解調(diào)器，或透過 Prodigy 等網(wǎng)上服務(wù)接駁萬維網(wǎng)等。
此外、還須注意配合最低檔的設(shè)備，例如標準的小型顯示器，不要假設(shè)人人都用高解像度的大熒幕。運用先進瀏覽軟件所提供的一些尖端功能是可以的、但應(yīng)確保你的主頁在次一級的瀏覽軟件上(例如某些網(wǎng)上服務(wù)所提供的專用瀏覽軟件)仍可暢順地顯現(xiàn)。
(4)善用圖像
用戶在網(wǎng)上四處漫游，你必須設(shè)法吸引和維護他們對你的主頁的注意力。萬維網(wǎng)的其中一個最重大資源是其多媒體能力，所以我們無論如何要善加利用。主頁上最好有醒目的圖像、新穎的畫面、美觀的字款，使其別具特色，令人過目不忘。圖像的內(nèi)容應(yīng)有一定的實際作用，切忌虛飾浮夸。最佳的圖像應(yīng)集美觀與傳訊于一身。注意圖畫可以彌補文字之不足，但并不能夠完全取代文字。很多用戶把瀏覽軟件設(shè)定為略去圖像，以求節(jié)省時間他們只看文字。因此，制作主頁時，必須注意將圖像所帶的重要信息或聯(lián)接其他頁面的指示用文字重復(fù)表達—次。用“純文中”模式測試已制成的主頁，確保其傳達到所有信息。
(5)使主頁易于漫游
主頁的其中一個主要功能是作為漫游工具，指引用戶查閱你存儲在網(wǎng)址或其他地點的信息。盡量使漫游過程不費吹灰之力?；谇逦鞔_和速度的考慮，主頁上的聯(lián)接項目應(yīng)只限于幾個高級的類別，例如公司、產(chǎn)品、服務(wù)、支援等。用六至八個聯(lián)接項目最為理想。
此外，你提供的信息不應(yīng)埋藏在重重疊疊的頁面之下。穿越五個以上的聯(lián)接項目已足以令人厭煩。因此，你必須在廣度和深度之間求取平衡。如果你的網(wǎng)址上有太多信息，你可能要編制較長的頁面或使用更多聯(lián)接項目，甚至可能要建立多個主頁、 使每個主頁載有不同的信息。如果能夠讓用戶在主頁上以關(guān)鍵字或詞語查找所需的信息，肯定受用戶歡迎。
假若你有充足的資源，便應(yīng)找一位專家來評估你設(shè)計的主頁是否方便易用。設(shè)法找一些對主頁陌生的用戶，來試用你的初步制成品。
(6)提網(wǎng)協(xié)領(lǐng)
主頁—般須載有以下事項：
標題,此標題須清楚無誤地標示你的網(wǎng)站。標題可以是名稱、標語徽號或圖像。
電子郵件地址 ,以便用戶有問題時，可以通知你。
版權(quán)資料,這是適用于主頁內(nèi)容的版權(quán)規(guī)定。你可以在主頁上標示一句簡短的版權(quán)聲明，用聯(lián)接方法帶出另—個載有詳細使用條款的頁面,這樣可以避免主頁顯得亂糟糟。
聯(lián)絡(luò)資料 ,列出通訊地址電話號碼等。
(7)循環(huán)利用現(xiàn)有信息
制作主頁時，通常都毋須從頭做起，因為有許多現(xiàn)成的文字、圖畫等資料可供我們重用，例如宣傳小冊、公關(guān)文件、技術(shù)手冊、資料庫等。很多情況下，只要用少許功夫、就可把這些材料轉(zhuǎn)到網(wǎng)頁上使用。
(8)保持新鮮感
萬維網(wǎng)上不斷有新事物出現(xiàn)、每天都有新花樣。如果你的主頁從不改變，用戶很快會厭倦。在主頁上預(yù)告即將有新資料推出，可吸引用戶再來瀏覽不妨在頁頭以大字標題宣布新消息。可以定期改變主頁上的圖像、或更改主頁的式樣。趣味性的事項可以持續(xù)或自動更新、例如列出會瀏覽你的網(wǎng)站的人次。
同樣，為保持新鮮感，應(yīng)時刻確保主頁提供的是最新信息。將更新主頁信息的工作納入既定的公關(guān)及資料編制計劃內(nèi)，亦即當你使用傳統(tǒng)方法(例如新聞稿)傳遞的新信息時出現(xiàn)在你的主頁上。確保連接項目運作暢順，以免用戶在熒幕上收到“無法查閱所需檔案”的信息而大感沒趣。
(9)貫徹諾言
做不到的事情，千萬不要輕易承諾。切勿隨便叫用戶做出回應(yīng)行動，例如要求用戶填交訂貸表格，除非你已制訂好處理這些訂單的方法和交貨程序。如果在網(wǎng)上列出聯(lián)絡(luò)電話,就要確保自己能夠迅速解決來電者的問題。
(10)吸引用戶瀏覽
既然絞盡腦汁把主頁弄得美觀實用，沒有人來欣賞就太可惜了。為吸引所有網(wǎng)中人來瀏覽，必須使主頁易于尋找。通知其他網(wǎng)站(例如題材相關(guān)的網(wǎng)站)，他們可能想連接你的主頁。安排將自己的網(wǎng)址列在所有相關(guān)的網(wǎng)址目錄、索引、查找程序和“What's new”頁面上。盡量將網(wǎng)址傳播開去，使之出現(xiàn)在 Internet和所有傳統(tǒng)煤體上、例如書刊廣告、公關(guān)文件、宣傳品等。
在網(wǎng)站上，于每個頁面設(shè)置“home”按鍵，方便用戶隨時返回主頁。
萬維網(wǎng)充滿生命力、正在不斷演進，所以一些現(xiàn)時適用的經(jīng)驗，將來未必合用。舉例來說，將來家居用戶有高速線路接駁Internet，就可以消除數(shù)據(jù)傳輸目前的所受的限制、使主頁的篇幅可以更長，頁面更華麗。新的瀏覽功能、例如Sun的 HotJava瀏覽軟件所提供的先進功能、將使萬維網(wǎng)更強勁和更方便溝通。 HotJava將主頁由靜態(tài)的文件轉(zhuǎn)為動態(tài)的實體， 提供諸如即時制作動畫、背景音樂、即時存入資料(例如不斷更新股票價格)、話音廣播等功能、為網(wǎng)上用戶帶來更多樂趣。有好的主頁，還須有精良的設(shè)備支持。網(wǎng)站服務(wù)器不斷推陳出新，使建設(shè)網(wǎng)站的工作愈來愈容易。
（二）.網(wǎng)站總體設(shè)計
在拿到客戶的需求說明后，并不是直接開始制作，而是需要對項目進行總體設(shè)計，詳細設(shè)計出一份網(wǎng)站建設(shè)方案給客戶?？傮w設(shè)計是非常關(guān)鍵的一步。它主要確定：網(wǎng)站需要實現(xiàn)哪些功能；網(wǎng)站開發(fā)使用什么軟件，在什么樣的硬件環(huán)境；需要多少人，多少時間；需要遵循的規(guī)則和標準有哪些。同時需要寫一份總體規(guī)劃說明書，包括：網(wǎng)站的欄目和板塊；網(wǎng)站的功能和相應(yīng)的程序；網(wǎng)站的鏈接結(jié)構(gòu)；如果有數(shù)據(jù)庫，進行數(shù)據(jù)庫的概念設(shè)計；網(wǎng)站的交互性和用戶友好設(shè)計。
在總體設(shè)計出來后，一般需要給客戶一個網(wǎng)站建設(shè)方案。很多網(wǎng)頁制作公司在接洽業(yè)務(wù)時就被客戶要求提供方案。那時的方案一般比較籠統(tǒng)，而且在客戶需求不是十分明確的情況下提交方案，往往和實際制作后的結(jié)果會有很大差異。所以應(yīng)該盡量取得客戶的理解，在明確需求并總體設(shè)計后提交方案，這樣對雙方都有益處。網(wǎng)站建設(shè)方案的包括以下幾個部分：.客戶情況分析；網(wǎng)站需要實現(xiàn)的目的和目標；網(wǎng)站形象說明；網(wǎng)站的欄目板塊和結(jié)構(gòu)；網(wǎng)站內(nèi)容的安排，相互鏈接關(guān)系；使用軟件，硬件和技術(shù)分析說明；開發(fā)時間進度表；宣傳推廣方案；維護方案；制作費用；本公司簡介：成功作品，技術(shù)，人才說明等。當您的方案通過客戶的認可，那么可以開始動手制作網(wǎng)站了。但還不是真正意義上的制作，你需要進行詳細設(shè)計。
（三）．網(wǎng)站詳細設(shè)計
總體設(shè)計階段以比較抽象概括的方式提出了解決問題的辦法。詳細設(shè)計階段的任務(wù)就是把解法具體化。詳細設(shè)計主要是針對程序開發(fā)部分來說的。但這個階段的不是真正編寫程序，而是設(shè)計出程序的詳細規(guī)格說明。這種規(guī)格說明的作用很類似于其他工程領(lǐng)域中工程師經(jīng)常使用的工程藍圖，它們應(yīng)該 包含必要的細節(jié)，例如：程序界面，表單，需要的數(shù)據(jù)等。程序員可以根據(jù)它們寫出實際的程序代碼。我們這次主要用ASP來實現(xiàn)有關(guān)功能和解決有關(guān)問題的，例如，公告版BBS,聊天室，信息發(fā)布系統(tǒng)， 網(wǎng)上超市等都用ASP來實現(xiàn)人機交互功能的，其中也用到調(diào)用數(shù)據(jù)庫的技術(shù)。
ASP (Active Server Pages)是Microsoft 公司推出的一種Web應(yīng)用程序開發(fā)技術(shù)，也是服務(wù)器端的腳本（Script）運行環(huán)境，使用該技術(shù)可以開發(fā)動態(tài)的、交互的Web應(yīng)用程序。
（四）.網(wǎng)站的制作規(guī)范探討
(1)網(wǎng)站目錄規(guī)范
目錄建立的原則：以最少的層次提供最清晰簡便的訪問結(jié)構(gòu)。
a.根目錄。根目錄指DNS域名服務(wù)器指向的索引文件的存放目錄。根目錄只允許存放index.html和main.html文件，以及其他必須的系統(tǒng)文件；
b.每個語言版本存放于獨立的目錄；
c.每個主要功能(主菜單)建立一個相應(yīng)的獨立目錄；
d.當頁面超過20頁，每個目錄下存放各自獨立images目錄，共用的圖片放在根目錄下的images目錄下；
e.所有的js文件存放在根目錄下統(tǒng)一目錄script；
f.所有的CSS文件存放在各語言版本下的style目錄
g.所有的CGI程序存放在根目錄并列目錄cgi_bin目錄
(2)文件命名規(guī)范
文件命名的原則：以最少的字母達到最容易理解的意義。
a.索引文件統(tǒng)一使用index.html文件名(小寫)。index.html文件統(tǒng)一作為“橋頁”制作具體內(nèi)容，僅僅作為跳轉(zhuǎn)頁和meta標簽頁。主內(nèi)容頁為main.htm；
b.菜單圖片名稱按菜單名的英語翻譯為名稱。例如：關(guān)于我們aboutus;信息反饋feedback 產(chǎn) 品product;所有單英文單詞文件名都必須為小寫，所有組合英文單詞文件名第二個起第一個字母大寫；
c.所有文件名字母間連線都為下劃線;
d.圖片命名原則以圖片英語字母為名,大小原則寫同上;
e.js的命名原則以功能的英語單詞為名。例如：廣告條的js文件名為:ad.js
f.所有的CGI文件后綴為.cgi。
(3)鏈接結(jié)構(gòu)規(guī)范
鏈接結(jié)構(gòu)的原則：用最少的鏈接，使得瀏覽最有效率。首頁和一級頁面之間用星狀鏈接結(jié)構(gòu)，一級和二級頁面之間用樹狀鏈接結(jié)構(gòu)。超過三級頁面，在頁面頂部設(shè)置導(dǎo)航條。
(4)尺寸規(guī)范
a.頁面標準按800*600分辨率制作，實際尺寸為778*434px;
b.每個標準頁面為A4幅面大小，即8.5X11英寸;
c.大banner為468*60px，小banner為88*31px。
(5) 首頁HEAD區(qū)規(guī)范
a.公司版權(quán)注釋
b.網(wǎng)頁顯示字符集
簡體中文：
繁體中文：
英 語：
c.網(wǎng)頁制作者信息
d.網(wǎng)站簡介
e.搜索關(guān)鍵字
f.網(wǎng)頁的css規(guī)范
g.網(wǎng)頁標題
四、網(wǎng)站的設(shè)計制作
1.整體形象設(shè)計
在程序員進行詳細設(shè)計的同時，網(wǎng)頁設(shè)計師開始設(shè)計網(wǎng)站的整體形象和首頁。
整體形象設(shè)計包括標準字，Logo，標準色彩，廣告語等。 首頁設(shè)計包括版面，色彩，圖像，動態(tài)效果，圖標等風格設(shè)計，也包括banner，菜單，標題，版權(quán)等模塊設(shè)計。首頁一般設(shè)計1-3個不同風格。
2.開發(fā)制作
本次網(wǎng)站規(guī)劃設(shè)計采用軟件工程的設(shè)計方法，設(shè)計小組在系統(tǒng)分析和總體設(shè)計的基礎(chǔ)上，將設(shè)計任務(wù)分解，分配到設(shè)計組的每個成員，各模塊有設(shè)計組成員單獨承擔設(shè)計和調(diào)試，既有分工，又有協(xié)作，最后將各模塊上載到服務(wù)器上，做鏈接和整體的調(diào)試。
3.調(diào)試完善
各模塊初步完成后，上傳到服務(wù)器，對網(wǎng)站進行全范圍的測試。包括速度，兼容性，交互性，鏈接正確性，程序健壯性，超流量測試等，發(fā)現(xiàn)問題及時解決并記錄下來。
網(wǎng)站建設(shè)實際上是一個不斷充實和完善的過程，通過不斷的發(fā)現(xiàn)問題，解決問題，修改，補充，使網(wǎng)站結(jié)構(gòu)趨向合理，內(nèi)容更加豐富，形式更富有感染力。
4.宣傳推廣
剛剛建成的網(wǎng)站就好像一個新注冊的電話號碼，沒有人會自動找上門來，這時你就需要適當?shù)刈鲆恍┚W(wǎng)站推廣工作了,這里有很多方法，例如：
a.網(wǎng)頁里設(shè)置適當?shù)腗ETA標簽；
b.交換友情鏈接。這是個免費而高效的辦法，就好比在別人商店打上你的廣告，在你的商店打上別人的廣告，這樣一來當網(wǎng)友參觀別人的網(wǎng)站時就知道你的網(wǎng)站了，如果你的廣告做的好，他一多半都會參觀你的網(wǎng)站，這是件無須開支、互利互惠的好事情，推薦使用。
c. 在各大搜索網(wǎng)站注冊你的網(wǎng)站，提交的形式例如或者是的這種形式，這樣當別人在搜索同類的信息時就會發(fā)現(xiàn)你的網(wǎng)站；
d.備新聞稿件在各新聞公告板發(fā)表；
e.合理使用Email郵件列表；
f.付費廣告，這個辦法最有效了，但它是付費的；
g.在論壇里貼條子。這個辦法效率不高，也很累，有時也會被別人刪除掉，所以不推薦。
另外還需要說明的是，請千萬不要使用發(fā)垃圾郵件來推廣個人主頁，這樣不但不會使別人喜歡你的網(wǎng)站，反而會引起別人的極度反感，這是一種不道德的行為。
至此，網(wǎng)站項目建設(shè)完畢。
5．維護
網(wǎng)站做好了是不是就打算一勞永逸呢？不是，如果網(wǎng)站做大的話，網(wǎng)站維護也是個艱巨的工作。當網(wǎng)站變得十分龐大時將會有不計其數(shù)的圖片、網(wǎng)頁文件等內(nèi)容，如果它們有一個丟失或鏈接失敗都會引起網(wǎng)頁錯誤，想想我們做的多副圖片如果少一副會是什么情景？所以我們一定要保證整個網(wǎng)站的“健康”和完整。為了使網(wǎng)站健康、完整，通常我們在做新網(wǎng)站之前，都應(yīng)該在DW里建設(shè)一個“本地網(wǎng)站”，也就是自己電腦上的網(wǎng)站副本，這樣才能有效減少網(wǎng)站錯誤，剛才我們制作網(wǎng)站時是先做網(wǎng)頁后建網(wǎng)站，其實這種網(wǎng)站建設(shè)方法是錯誤的，正確的是先建網(wǎng)站后添加內(nèi)容。另外就是要時常檢查網(wǎng)站的鏈接是否有誤，這里我們可以使用DW的SITE程序的SITE菜單中CHECK LINK SITEWIDE選項來檢查網(wǎng)站中是否有斷掉的鏈接，以便及時修復(fù)。
另外我們還應(yīng)該科學地存放不同類型的文件，例如將網(wǎng)站中的圖片都放在一個文件夾里，將網(wǎng)頁放在另一個文件夾里。而且如果將來網(wǎng)站真的“肥沃”起來，我們甚至需要為每一個欄目建立一個文件夾，例如將有關(guān)MUSIC欄目的文件放在一個文件夾里，將PICTURES欄目的文件放在一個文件夾里，這樣一來，會為我們的維護工作減少很多不必要的麻煩！
網(wǎng)站維護最后要說的就是網(wǎng)站的文件備份了，如果電腦發(fā)生了災(zāi)難，我們的網(wǎng)站就很可能要癱瘓了，所以時常備份網(wǎng)站文件也是很重要的。
網(wǎng)站成功推出后，長期的維護工作才剛剛開始，我們需要做到的是:及時響應(yīng)客戶反饋；例如可以采取Email自動回復(fù)功能，然后盡快解決問題，再次回復(fù)；網(wǎng)站流量統(tǒng)計分析和相應(yīng)對策；盡量推廣和使用您的網(wǎng)址；網(wǎng)站內(nèi)容的及時更新和維護。
五、網(wǎng)站安全問題及對策
防火墻是阻止外面的人對你的網(wǎng)絡(luò)進行訪問的任何設(shè)備，此設(shè)備通常是軟件和硬件和組合體，它通常根據(jù)一些規(guī)則來挑選想要或不想要的地址。
首先絕大多數(shù)簡單的身份驗證過程都是以IP地址為根據(jù)的。IP地址是Internet網(wǎng)上最普遍的身份索引，它有靜態(tài)和動態(tài)之分。 靜態(tài)IP地址即固定不變的IP地址；它可以是某臺連在Internet網(wǎng)上的主機地址。靜態(tài)IP地址分在幾類。其中一類能通過Whois查詢命令得到；并且此類地址主要是Internet網(wǎng)上最高層的主機的IP地址，這些主機可以是域名服務(wù)器、Web服務(wù)器和“根”主機，并且在InterNIC的Whois數(shù)據(jù)庫中都有它們的注冊主機名。另一類靜態(tài)IP地址被分配給Internet網(wǎng)中的第二和第三層主機（這些機器還有固定的物理地址），然而這些機器不一定擁有注冊主機名。但不管怎樣它們有注冊的IP地址。動態(tài)IP地址是指每次強制分配給不同的上網(wǎng)主機的地址。ISP的拔號服務(wù)器中經(jīng)常使用動態(tài)IP地址－－節(jié)點機每次拔號上網(wǎng)，都會被分配一個不同的IP地址。無論IP地址是靜態(tài)還是動態(tài)的，它都被用于網(wǎng)絡(luò)傳輸中。
防火墻最基本的構(gòu)件既不是軟件也不是硬件，而是構(gòu)造防火墻的人的思想。目前存在著許多類型的防火墻，每種都有各自的優(yōu)缺點，最常見的一種上稱為“網(wǎng)絡(luò)層防火墻”的防火墻。網(wǎng)絡(luò)層防火墻通常以路由器為基礎(chǔ)，換句話說路由器決定“誰”和“什么”能訪問你的網(wǎng)絡(luò)。這種方案采用了一種所謂的“數(shù)據(jù)報過濾”技術(shù)，即檢查到達路由器的外部數(shù)據(jù)報并作出選擇的技術(shù)。
以路由器為基礎(chǔ)的防火墻要對每個聯(lián)結(jié)請求的源地址（即發(fā)出數(shù)據(jù)報的主機的IP地址）進行檢查。確認了每個IP源地址后，防火墻構(gòu)造者所制定的規(guī)則將被實施。基于路由器的防火墻有很快的速度，這是因為它被草草地檢查一下源地址，沒有發(fā)揮路由器的真正作用，并根本不判斷地址是否是假的或偽裝的。然而速度的加快是有代價的，基于路由器防火墻將源地址作為索引，這就意味著帶有偽造源地址的數(shù)據(jù)報能在一定程度對你的服務(wù)器進行訪問。
為了網(wǎng)站的安全，除了在Internet服務(wù)管理器的Web站點屬性中設(shè)置好目錄安全性外，還應(yīng)該選擇保護性好的防火軟件，由于時間關(guān)系，我們本次使用的是網(wǎng)絡(luò)保護神LockDown 2000，它能清除目前已知（553種）和未知的所有特洛伊木馬、郵件病毒，防止網(wǎng)絡(luò)炸彈攻擊、在線檢測和控制所有對本機的訪問，還能跟蹤入侵者，留下它的罪證。
LockDown2000是目前世界上針對Windows操作系統(tǒng)最有效、最完善的安全防護軟件，它能非常智能化地追蹤和識別未經(jīng)允許的用戶。LockDown2000可以使Internet用戶免遭最老練黑客的攻擊，阻止任何人闖入你的計算機，保護你的文件不被人偷看或刪除。如果你要與他人共享你的資源，只須列出他們的地址，他們就可以訪問你的計算機。LockDown2000的作用就像一道設(shè)在你計算機和Internet之間的防火墻，它會自動地為你實時查尋目前世界上的各種黑客程序。
如果你允許某些人訪問你的計算機，LockDown2000會保存一份完整的記錄并簡要地報告聯(lián)接到你計算機的用戶的身份。通過反登錄，詳細地記載他們連接的時間和地址情況，以及十分詳細地記錄他們在你計算機里到底做了什么事情。
它的主要功能有：
1．能夠完全關(guān)閉遠程用戶（很有可能這種用戶就是黑客）對你計算機系統(tǒng)的訪問；
2．實時監(jiān)控和記錄遠程用戶在你計算機里的活動情況；
3．自動追蹤所有連接情況，記錄黑客的IP地址、域名和計算機名稱；
4．如果有人已經(jīng)連接到了你的計算機或正在企圖闖入，LockDown2000會用不同的聲音發(fā)出警告。如果有人未經(jīng)你的許可，就連接到你的計算機，它立刻會在屏幕上彈出警告窗口和實時監(jiān)控窗口；
5．完全控制Internet或局域網(wǎng)的任何連接情況；
6．可以自動地任意斷開與一個用戶或所有用戶的連接，這對于資源共享的計算機而言，是非常重要的；
7．能夠記錄以前連接到你的計算機的用戶資料，能夠限制與你計算機連接的數(shù)目；
8．如果你喜歡使用ICQ與外界聯(lián)系，LockDown2000能夠向黑客發(fā)送無效的文件包，從而使你的計算機免遭黑客的ICQ炸彈的攻擊；
9．可以查出和中止偷偷運行在你限制的程序列表中的任何一個程序，這種程序很可能是一種不知名的黑客程序或病毒。
此外，LockDown2000還有易于安裝、與其它程序不發(fā)生任何沖突的特點。
怎么制作自己的網(wǎng)頁？
初級前端
主要學習三個部分：HTML，CSS，JavaScript
一、html + css部分：
這部分特別簡單，到網(wǎng)上搜資料，書籍視頻非常多。css中盒子模型，流動，block，inline，層疊，樣式優(yōu)先級等這些自學起來也是非常容易。最后再深入了解下瀏覽器差異性，ie9以下兼容簡單了解就行了，ie9以下瀏覽器被淘汰掉是趨勢，低版本沒必要浪費大量時間去學習兼容主流瀏覽器，google chrome瀏覽器、firefox瀏覽器、safari瀏覽器、opera瀏覽器即可。瀏覽器差異內(nèi)容很多，建議在實踐中多多積累。
二、JavaScript部分。
1.基礎(chǔ)學習：
難點，也是重點，要學的內(nèi)容實在很多，如果沒有其他編程語言的基礎(chǔ)的話，學起來可能要費些力，有很多比較抽象的概念，必須要深入理解，比如閉包、原型、面向?qū)ο?、封裝等，要理解透徹。看書是必不可少的，找一本優(yōu)秀的js書從頭到尾，反復(fù)研究學習，第一遍可以快速翻閱，大體知道了解概念即可，第二三遍就需要深入學習了。另外，js面向?qū)ο缶幊瘫仨氁獙W習，非常重要，個人推薦一本書， Stoyan Stefanov著，凌杰譯的《javascript面向?qū)ο笾改稀贰＿厡W邊練，實踐出真知。
針對那些有條件的人來說，很多小伙伴更喜歡的是自學。但是一個人自學畢竟力量是有限的，為了讓想學習的人可以更好的學習，給大家推薦一個裙，前面是6 1 1，中間是肆 二 8，最后面就是壹 四 二，這里有很多想學習的人和你一起交流，也有大牛每天晚上免費教學，想要學習的人都可以加入我們，但是我們只歡迎想學習的人，不是來學習，隨便看看的就不要進了。
2.jQuery學習：
這些基礎(chǔ)知識掌握好之后，還需要學jQuery，這是一個非常優(yōu)秀的Javascript庫，大型開發(fā)必備。它簡化了Javascript的復(fù)雜操作，消除了Javascript跨平臺兼容問題，提供了大量實用方法，有良好的文檔和幫助手冊，是一個非常成熟的Javascript庫。慕課網(wǎng)學習視頻幕課網(wǎng)。學習方法也很簡單，照著產(chǎn)品文檔做幾個頁面就行了，不用面面俱到，以后遇到問題查文檔就行了。
大概流程就是這樣，如下圖所示：
3.進階學習：
有了以上知識，對于大多數(shù)小型網(wǎng)站，你應(yīng)該已經(jīng)可以寫出能夠工作的代碼了。但要想成為更專業(yè)的前端，你還需繼續(xù)努力。更高的要求大概還有四方面：易維護，可測試，高性能，低流量（移動端）。
中高級前端
1.工具學習習：大型項目中，前端代碼構(gòu)建已經(jīng)不是簡單的壓縮一下了，依賴管理、模塊合并、各種編譯步步不可缺少，需要學會使用grunt、gulp等前端構(gòu)建工具，要學習的還有：包管理器bower、npm，代碼優(yōu)化CSS Lint、JSHint、JSLint，CSS預(yù)處理器less、sass,代碼管理及版本控制svn、Git，web框架/服務(wù)器Node、Express，代碼規(guī)范、HTML模塊化、css模塊化。
2.布局框架學習如Bootstrap。
3.新技術(shù)html5學習。
4.js框架學習，requireJS、 AngularJS等，往前端架構(gòu)師靠近。
5.nodejs學習。
到招聘網(wǎng)站，參考任聘要求，準沒錯，舉例如下：
1.精通html和css，能制作符合W3C標準的靜態(tài)頁面；
2.精通JavaScript編程，對面向?qū)ο缶幊趟枷胗猩羁汤斫猓?/p>
3.精通主流Javascript庫/框架jQuery；
4.理解并掌握JavaScript語言核心技術(shù)DOM、BOM有Javascript性能優(yōu)化經(jīng)驗；
5.對瀏覽器兼容性有深入的研究，精通各種瀏覽器問題 ；
6.了解Backbone.js、AngularJs等MVC框架并有實際項目開發(fā)經(jīng)驗；
7.了解等服務(wù)器后臺技術(shù)和擁有一定的C#編程能力者優(yōu)先；
8.對交互體驗、可用性、用戶體驗有一定程度的理解；
9.有良好的責任心和團隊合作能力、能承受較大的壓力；
自己動手搜索下吧，確定目標和方向，以上是個人路線，僅供參考。
關(guān)于網(wǎng)頁制作與網(wǎng)站建設(shè)在線測試和網(wǎng)頁制作與網(wǎng)站建設(shè) 在線作業(yè)的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。
