【文章內(nèi)容簡介】 DNS的名字服務(wù)器 (Name Server)將域名翻譯成對應(yīng)的 32位 IP地址 ,然后才能完成對遠程計算機的訪問。 知識點 11 網(wǎng)頁與網(wǎng)站的概念 ? （ 4） 統(tǒng)一資源定位器（ url） ? 統(tǒng)一資源定位器（ Uniform Resource Locator）是全球 WWW網(wǎng)服務(wù)器資源的標準尋址定位源碼，用于確定資源相應(yīng)的位置及所需檢索的文件。其優(yōu)點是用字符串來指向所需的信息，從而進行資料的檢索。 ? URL 由 3部分組成 :Inter協(xié)議 域名 主機路徑及文件名 ? 例如： ? 協(xié)議有： ? ? ftp: 文本傳輸協(xié)議 ? tel:遠程登陸協(xié)議 ? （ 5） 文件傳輸協(xié)議 (FTP) ? 文件傳輸協(xié)議 (FTP)(File Transfer Protocol) 用于網(wǎng)絡(luò)節(jié)點間文件的雙向傳輸 ,是實現(xiàn)資源共享的重要方式和有效手段之一。 ? FPT 是支持用戶實現(xiàn)把文件從一臺計算機中傳輸?shù)搅硪慌_計算機中 ,并且能保證傳輸?shù)目煽啃浴? ? 用戶在本地計算機上做好的主頁除了用 Dreamweaver上傳之外。還可以用 FTP上傳到達遠程的主機中。常用的 FTP工具有 CuteFTP和 LeapFTP等。 知識點 11 網(wǎng)頁與網(wǎng)站的概念 ? （ 6）虛擬主機 ? 虛擬主機是使用特殊的軟、硬件技術(shù)把一臺服務(wù)器主機分成幾十個“虛擬”的服務(wù)器主機，每臺虛擬主機都具有獨立的域名和 IP地址（或共亨的 IP地址），具有完整的Inter服務(wù)器功能。 ? 虛擬主機之間完全獨立，在外界看來，每臺虛擬主機和一臺獨立的服務(wù)器主機完全一樣。多臺虛擬主機共亨真實主機的資源，這樣就可以把網(wǎng)絡(luò)的開銷費用均攤到每臺虛擬主機上。 ? 可利用虛擬主機技術(shù)建立個人主頁，在大型網(wǎng)站上（提供存放主頁的免費空間，提供免費域名）申請主頁空間和域名（免費或收費），獲得成功后，把你制作的網(wǎng)頁存放在虛擬主機上，這樣你就好象在 Inter上擁有了自己的服務(wù)器和網(wǎng)站。 知識點 11 網(wǎng)頁與網(wǎng)站的概念 （ 7）網(wǎng)站的發(fā)布 網(wǎng)站制作好后還需要發(fā)布才能被瀏覽者瀏覽。網(wǎng)站的性質(zhì)不同，發(fā)布方式也不同。 ① 企業(yè)級商業(yè)網(wǎng)站的發(fā)布 如果企業(yè)有足夠的資金和技術(shù)支持，可以考慮創(chuàng)建自己的網(wǎng)絡(luò)中心。硬件方面需要有性能穩(wěn)定的服務(wù)器、路由器、交換機，并要向當?shù)氐碾娦挪块T申請網(wǎng)絡(luò)專線。同時需要有一定數(shù)量的專人對網(wǎng)站進行維護和管理。 ② 中小企業(yè)級或小型組織社團的網(wǎng)站發(fā)布 如果沒有條件創(chuàng)建獨立的網(wǎng)站硬件環(huán)境，或者網(wǎng)站規(guī)模并不大，不需要創(chuàng)建獨立的網(wǎng)站硬件環(huán)境，可以選擇以下幾種小型網(wǎng)站的解決方案。 租賃虛擬主機： 如果網(wǎng)站的內(nèi)容不是很多，也不需要大量的服務(wù)器空間支持數(shù)據(jù)庫，可以采用這種發(fā)布方式，也就是租用 ISP主機服務(wù)器的一定空間來發(fā)布網(wǎng)站，一年需要支付少量費用，就可以建立一個功能比較強大的網(wǎng)站。目前，這是大多數(shù)中小企業(yè)和社會團體、較具規(guī)模的各種組織網(wǎng)站多采用的模式。 服務(wù)器托管： 如果在網(wǎng)站里需要大量數(shù)據(jù)庫支持，可以采用這種方式。將網(wǎng)絡(luò)服務(wù)器主機存放在某個 ISP的網(wǎng)絡(luò)中心里，借用他們的通信系統(tǒng)接入因接網(wǎng)。 ISP的人員還可代為維護，這樣既可以節(jié)省相當?shù)木W(wǎng)絡(luò)管理人員和許多通信設(shè)備，又能保證網(wǎng)站的性能要求。 DDN專線接入： 這種方式有些類似于服務(wù)器托管，就是也有自己的服務(wù)器，但不是存入放在 ISP網(wǎng)管中心，而是存放在自己的機房中，利用 DDN或其他專線接入方式與 ISP的通訊系統(tǒng)相連，由 ISP連入因特網(wǎng)，這種方式的費用也很高，因為專線多是每月要收比較貴的月租費，而且還有一個容量問題，如果專線容量較小，網(wǎng)站所能被訪問的人數(shù)就會較少。 ③免費主頁空間 如果只是想建立一個小型的、功能簡單的網(wǎng)站，當然也可采用以上形式，但這需要有相應(yīng)有費用支持，投資與效益的比例關(guān)系需要權(quán)衡。如果目前還不想投資太多，那么免費主頁空間將是較好的選擇。但現(xiàn)在較好的免費主頁空間不多，且一般不支持 ASP、 JSP、 CGI等高級功能。 知識點 11 網(wǎng)頁與網(wǎng)站的概念 ? （ 8）超文本、超媒體、超鏈接 ? 超文本文件（ Hyper Text）就是指在文本中包含了與其他文本的鏈接的文件。超級鏈接文本下方帶有下劃線。 ? 超媒體（ Hypermedia）進一步擴展了超文本所鏈接的信息類型。 ? 超媒體文件就是一種文字、影像、圖片、動畫、聲音綜合在一起的文件。 ? 超鏈接（ Hyperlink）是 WWW上使用最多的一種技術(shù)，是網(wǎng)頁的靈魂，它的作用是建立網(wǎng)頁之間的聯(lián)系。通過超級鏈接，瀏覽者能夠方便自由地在網(wǎng)頁、網(wǎng)站乃至整個因特網(wǎng)上遨游。在網(wǎng)頁中，當鼠標移到超鏈接處，會呈現(xiàn)手的形狀，表示單擊該處，可以鏈接到該提示所指的頁面。 ? （ 9）主頁 ? 網(wǎng)站向用戶提供的最初起始頁面叫主頁（ Homepage），也稱為首頁。主頁是進入網(wǎng)站的門戶，一般是整個網(wǎng)站的第一頁，是網(wǎng)站中所有網(wǎng)頁文件的起點和交點。主頁中通常包括通向其他相關(guān)頁面的超級鏈接，還應(yīng)包括站點的基本信息和主要內(nèi)容，使瀏覽者一目了然地了解站點的基本主題，了解站點的信息是否對自己有用。 知識點 12 網(wǎng)站設(shè)計與制作流程 ? 確定主題 ? 搜集材料 ? 規(guī)劃網(wǎng)站 ? 制作網(wǎng)頁 ? 測試評估 ? 正式上傳 ? 推銷網(wǎng)站 ? 維護更新 ? 網(wǎng)站規(guī)劃 網(wǎng)站制作 后期維護 ? 網(wǎng)站設(shè)計是一個系統(tǒng)工程，具有特定的工作流程，遵循這個流程，才能設(shè)計出令人滿意的網(wǎng)站。網(wǎng)站設(shè)計制作主要分為網(wǎng)站規(guī)劃、網(wǎng)站制作、后期維護三個階段。 知識點 12 網(wǎng)站設(shè)計與制作流程 ? 1. 網(wǎng)站規(guī)劃 ? 制作網(wǎng)頁如同潑墨作畫，首先要進行構(gòu)思，然后再加以實現(xiàn)。這種構(gòu)思就是網(wǎng)站規(guī)劃。網(wǎng)站規(guī)劃的總體原則有兩個：一是為讀者提供有用信息，二是要美觀。 ? （ 1） 確定網(wǎng)站的主題與名稱 ? 網(wǎng)站的主題是指建立的網(wǎng)站所要包含的主要內(nèi)容。例如，教育、旅游、體育、新聞、醫(yī)療、時尚、娛樂、搜索等。其中每一大類又可細分為若干小類。一般來說，確定網(wǎng)站主題應(yīng)遵循以下原則： ? ① 主題鮮明；② 明確設(shè)立網(wǎng)站的目的；③ 體現(xiàn)自己的個性。 ? 網(wǎng)站的名稱起著很重要的作用，它在很大程度上決定了整個網(wǎng)站的定位。一個好的名稱必須簡潔、有概括性、有特色、容易記，還要符合自己主頁的主題和風(fēng)格。 ? （ 2） 搜集材料 ? 確定網(wǎng)站主題后，要圍繞主題搜集材料，作為自己制作網(wǎng)頁的素材。 知識點 12 網(wǎng)站設(shè)計與制作流程 ? （ 3） 規(guī)劃網(wǎng)站 ? 規(guī)劃網(wǎng)站就象設(shè)計師設(shè)計大樓一樣，只有圖紙設(shè)計好了，才能建成一座漂亮的樓房。規(guī)劃網(wǎng)站時，首先應(yīng)把網(wǎng)站的內(nèi)容列舉出來，根據(jù)內(nèi)容列出一個結(jié)構(gòu)化的藍圖，根據(jù)實際情況設(shè)計各個頁面之間的鏈接。規(guī)劃網(wǎng)站的內(nèi)容應(yīng)包括：欄目的設(shè)置、目錄結(jié)構(gòu)、網(wǎng)站的風(fēng)格（即顏色、搭配、網(wǎng)站標志Logo、版面布局、圖像的運用）等。 ? ① 主題欄的設(shè)置 ? 在設(shè)計網(wǎng)站的主題欄與版塊時應(yīng)注意以下幾個問題： ? 突出主題，把主題欄放在最明顯的地方，讓瀏覽者更快、更明確地知道網(wǎng)站所表現(xiàn)的內(nèi)容。 ? 設(shè)計一個最近更新欄目，讓瀏覽者一目了然地知道更新內(nèi)容。 ? 欄目不要設(shè)置太多，一般不超過 10個。 ? ② 目錄結(jié)構(gòu)設(shè)計 ? 目錄結(jié)構(gòu)設(shè)計一般應(yīng)注意以下問題： ? 按欄目內(nèi)容建立子目錄。 ? 每個欄目下分別為圖像文件創(chuàng)建一個子目錄 image（圖像較少時可不創(chuàng)建） ? 目錄的層次不要太深，主要欄目最好能直接從首頁到達。 ? 盡量使用意義明確的非中文目錄。 ? ③ 顏色搭配 ? 合理的應(yīng)用色彩是非常關(guān)鍵的，不同的色彩搭配產(chǎn)生不同的效果，并能影響瀏覽者的情緒。網(wǎng)頁選用的背景應(yīng)和頁面的色調(diào)相協(xié)調(diào)，色彩搭配要遵循和諧、均衡、重點突出的原則。 知識點 12 網(wǎng)站設(shè)計與制作流程 ? （ 3） 規(guī)劃網(wǎng)站 ? ④ 網(wǎng)站標志 Logo ? Logo最重要的作用就是表達網(wǎng)站的理念，便于人們識別，廣泛地用于站點鏈接和宣傳。如同商標一樣， Logo是站點特色和內(nèi)涵的集中體現(xiàn)。如果是企業(yè)網(wǎng)站，最好是在企業(yè)商標的基礎(chǔ)上設(shè)計，保持企業(yè)形象的整體統(tǒng)一。 ? 設(shè)計 Logo的原則是：以簡潔、符號化的視覺藝術(shù)把網(wǎng)站的形象和理念展示出來。 ? ⑤ 版面布局 ? 網(wǎng)頁頁面的整體布局是不可忽視的。要合理地運用空間，讓網(wǎng)頁疏密有致、井井有條。 ? 版面布局一般應(yīng)遵循的原則是：突出重點、平衡和諧，將網(wǎng)站標志（ Logo）、主菜單等最重要的模塊放在突出的位置，然后再排放次要模塊（例如搜索、計數(shù)器、版權(quán)信息、 Email地址等）。 ? 此外，其他頁面的設(shè)計應(yīng)和首頁保持相同的風(fēng)格，并有返回首頁的鏈接。 ? ⑥ 圖像的運用 ? 網(wǎng)頁上應(yīng)適當?shù)靥砑右恍﹫D像，使用圖像一般應(yīng)注意以下幾個問題： ? 圖像是為主頁的內(nèi)容服務(wù)的，不能讓圖像喧賓奪主。 ? 圖像要兼顧大小和美觀。圖片不僅要好看，還應(yīng)在保證圖片質(zhì)量的情況下盡量縮小圖片的大?。醋止?jié)數(shù)）。圖像過大會影響網(wǎng)頁的傳輸速度。 ? 合理地采用 JPEG和 GIF圖像格式。顏色較少的（ 256色以內(nèi)）圖像，可處理為 GIF格式，色彩比較豐富的圖像，最好處理為 JPEG格式。 知識點 12 網(wǎng)站設(shè)計與制作流程 ? 2 網(wǎng)站制作 ? （ 1） 制作網(wǎng)站 ? 制作網(wǎng)站主要包括以下步驟： ? ① 建立本地站點。建立站點根文件夾，用于存放首頁、相關(guān)網(wǎng)頁和網(wǎng)站中用到的其他文件。 ? ② 在站點根文件夾下創(chuàng)建子文件夾。為了使文件安排比較清晰，將頁面文件和圖像文件分開存放。 ? ③ 向站點添加所需要的空網(wǎng)頁。 ? ④ 設(shè)計網(wǎng)頁盡寸。頁面大小一般可選擇 800 600或 1024 768規(guī)格。 ? ⑤ 設(shè)計網(wǎng)頁屬性，包括頁面標題、背景圖像、背景顏色、鏈接顏色、文字顏色等。 ? ⑥ 向網(wǎng)頁中插入文本、圖像、動畫等對象。 ? ⑦ 建立所需要的超級鏈接。 ? ⑧ 預(yù)覽和保存網(wǎng)頁。 ? （ 2）上傳與測試 ? 測試評估與正式上傳是不可分割的兩部分。 ? 制作完畢的網(wǎng)頁，必須進行測試。測試評估主要包括上傳前的兼容性測試、鏈接測試和上傳后的實地測試。完成上傳前所需要的測試后，利用 FTP工具將網(wǎng)頁發(fā)布到所申請的主頁服務(wù)器上。網(wǎng)站上傳后，繼續(xù)通過瀏覽器進行實地測試，發(fā)現(xiàn)問題，及時修改，然后再上傳測試。 知識點 12 網(wǎng)站設(shè)計與制作流程 ? 3后期維護 ? （ 1） 推銷網(wǎng)站 ? 網(wǎng)頁上傳后，需要不斷地進行宣傳，以便讓更多的朋友認識它，從而提高網(wǎng)站的訪問率與知名度。推廣網(wǎng)站的方法很多，例如，利用 Email、新聞組、與別的網(wǎng)站交換鏈接（友情鏈接）、到搜索引擎上注冊、加入交換廣告等。 ? （ 2） 維護更新 ? 網(wǎng)站必須定期維護、定期更新，只有不斷地補充新內(nèi)容，才能吸引瀏覽者。同時，隨著軟硬件的進步，網(wǎng)頁的設(shè)計也應(yīng)由文字向多媒體、由平面圖像向立體動畫或影片、由單向傳播向交互式發(fā)展。 知識點 13 初步認識 Dreamweaver CS5 ? 1. 中文 Dreamweaver CS5工作環(huán)境 ? 中文 Dreamweaver CS5提供可視化的網(wǎng)頁開發(fā)環(huán)境 ,具有所見即所得的功能。它的工作窗口簡潔明了，功能面板及工具欄中幾乎集中了所有的重要功能，屬性面板放在窗口底部外，其他面板放在窗口的右邊，可隨時打開與關(guān)閉，這樣就克服了以往版本浮動面板位置較亂，有時會影響網(wǎng)頁編輯的不足。 ? 中文 Dreamweaver CS5工作環(huán)境即中文 Dreamweaver CS5應(yīng)用程序窗口，該應(yīng)用程序窗口由菜單欄、文檔工具欄、文檔編輯窗口、浮動面板等組成，文檔編輯窗口由文檔標題欄、頁面編輯區(qū)、狀態(tài)欄等組成，浮動面板包括屬性面板、面板組等，面板組包括插入面板、 CCS樣式 /AP元素面板、文件 /資源面板等。 ? 中文 Dreamweaver CS5工作環(huán)境如圖所示： 知識點 13 初步認識 Dreamweaver CS5 中文 Dreamweaver CS5工作環(huán)境 知識點 13 初步認識 Dreamweaver CS5 ? (1) 菜單欄 ? 和其他應(yīng)用軟件基本相同，菜單欄中的每一項都有一個下拉式菜單， Dreamweaver CS5中大部分操作都可以通過菜單項的下拉菜單來實現(xiàn)。 ? (2) 文檔工具欄 ? 文檔工具欄包含可在代碼視圖、設(shè)計視圖、拆分視圖之間快速切換的按鈕，并包含一些與選定視圖有關(guān)的常用命令。選擇 【 查看 】 → 【 工具欄 】 菜單命令，可以在窗口中顯示或隱藏文檔工具欄。 ? “代碼”按鈕：在文檔中顯示代碼視圖。在代碼視圖中，可以直接查看和編輯 HTML源代碼。 ? “拆分”按鈕：同時顯示代碼視圖與設(shè)計視圖。在代碼視圖顯示在左側(cè)，設(shè)計視圖顯示在右側(cè)。 ? “設(shè)計”按鈕：在文檔中顯示設(shè)計視圖。設(shè)計視圖是中文 Dreamweaver CS58編輯過程中的默認方式，可以達到所見即所得的效果。 ? “標題”文本框：顯示或編輯當前網(wǎng)頁的標題。 ? “在瀏覽器中預(yù)覽 /調(diào)試”按鈕：在瀏覽器中預(yù)覽網(wǎng)頁效果或檢查錯誤。 ? “文件管理”按鈕：查看文件的上傳、下載的狀態(tài)。 ? “刷新設(shè)計視圖”按鈕：刷新設(shè)計視圖。 ? “視圖選項”按鈕：為不同的視圖設(shè)置選項。 ? (3) 文檔窗口 ? 文檔窗口包括文