網(wǎng)站實(shí)現(xiàn) 課件

4.3網(wǎng)站實(shí)現(xiàn)4.3.1建立站點(diǎn)1.站點(diǎn)的創(chuàng)建

站點(diǎn)是網(wǎng)頁(yè)等一組網(wǎng)絡(luò)資源的集合，我們把制作的所有素材和網(wǎng)頁(yè)集合成一個(gè)網(wǎng)站，便于維護(hù)和管理。在本地機(jī)上它事實(shí)上是一個(gè)等待發(fā)布的本地文件夾。站點(diǎn)的創(chuàng)建建立自己的主題網(wǎng)站，首先需要?jiǎng)?chuàng)建一個(gè)Web站點(diǎn)，用于保存和調(diào)試創(chuàng)建的網(wǎng)頁(yè)。

執(zhí)行：“文件”—“新建”—“站點(diǎn)”8個(gè)模板和向?qū)?/p>

設(shè)置好后點(diǎn)擊“確定”按鈕，系統(tǒng)會(huì)自動(dòng)為用戶(hù)建議一個(gè)新的站點(diǎn)（包含文件夾），這時(shí)屏幕上會(huì)自動(dòng)列出“文件夾列表”，底下第一個(gè)文件夾是展開(kāi)的，接著有兩個(gè)子文件夾和一個(gè)文件?！癬private”文件夾”：用戶(hù)不想公開(kāi)的文件保存在這個(gè)文件夾中。“_images”：保存網(wǎng)頁(yè)中所使用的圖片

“index.htm”：index的中文意思是主頁(yè)，后綴名是“html”或“htm”。建立站點(diǎn)的注意點(diǎn)：

a、站點(diǎn)中的所以文件及文件夾的命名最好不要出現(xiàn)中文

b、建立完整的文件夾（如：images，html等名字的文件夾）

c、網(wǎng)頁(yè)的主頁(yè)命名為index.htmd、所有的資料都要放在站點(diǎn)里面2.設(shè)計(jì)目錄結(jié)構(gòu)在建立網(wǎng)站的目錄結(jié)構(gòu)時(shí)，還應(yīng)注意以下幾點(diǎn):不要將所有文件都存放在根目錄下，這樣文件不易管理，并且影響上傳速度，而應(yīng)該按欄目?jī)?nèi)容建立子目錄在每個(gè)欄目的目錄下都建立獨(dú)立的images目錄目錄的層次不要太深，最好不要超過(guò)3層，以便于維護(hù)、管理。不要使用中文目錄，因?yàn)檫@可能對(duì)網(wǎng)址的正確顯示造成困難。不要使用過(guò)長(zhǎng)的目錄，盡管服務(wù)器支持長(zhǎng)文件名，但是太長(zhǎng)的目錄名不便于記憶。4.3.2網(wǎng)頁(yè)制作1.利用表格定位網(wǎng)頁(yè)表格是在網(wǎng)頁(yè)設(shè)計(jì)中用得最多的元素，可以說(shuō)幾乎所有的網(wǎng)頁(yè)都是使用表格來(lái)組織的。

表格在網(wǎng)頁(yè)中有定位和設(shè)置網(wǎng)頁(yè)布局的作用，利用表格可將各塊內(nèi)容分類(lèi)列出，使網(wǎng)頁(yè)清晰美觀(guān)、富有條理。表格中可以包含你喜歡的任何內(nèi)容，包括圖象、文本、多媒體文件，甚至有嵌套的表格。1.利用表格定位網(wǎng)頁(yè)

在用表格布局時(shí)，表格的邊框粗細(xì)應(yīng)設(shè)置為0.？注意：在用表格布局時(shí)，表格的邊框粗細(xì)應(yīng)設(shè)置為0.網(wǎng)頁(yè)中的表格除了可以用來(lái)定位和布局外，還可以當(dāng)作普通表格來(lái)使用，但注意此時(shí)的表格邊框粗細(xì)不能設(shè)置為02.添加網(wǎng)頁(yè)元素（1）編輯文字

Frontpage提供了較為全面的文本處理功能，我們?cè)诰W(wǎng)頁(yè)中輸入文本，然后通過(guò)各種字體、字號(hào)及字型的設(shè)置來(lái)美化版面。向網(wǎng)頁(yè)中添加文本時(shí)，可直接輸入，也可將現(xiàn)有文檔復(fù)制到網(wǎng)頁(yè)中。（2）插入圖片和動(dòng)畫(huà)在網(wǎng)頁(yè)中可以插入多種格式的圖片，但我們一般應(yīng)選用那些壓縮比高的格式的圖片，例如GIF、JPG等格式的圖片。

動(dòng)畫(huà)的格式有很多種，如GIF圖片動(dòng)畫(huà)、FLASH動(dòng)畫(huà)、視頻動(dòng)畫(huà)等。3.使用模板制作其他頁(yè)面為了保持網(wǎng)站風(fēng)格的一致性，其他頁(yè)面的標(biāo)題、標(biāo)志、導(dǎo)航欄、附加信息欄等網(wǎng)頁(yè)元素的樣式與主頁(yè)是一致的。因此，我們可以把相同的部分提取出來(lái)制作成模板，供制作其他頁(yè)面時(shí)使用。4.3.3建立超鏈接1.鏈接結(jié)構(gòu)網(wǎng)站的鏈接結(jié)構(gòu)是指頁(yè)面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)。一般來(lái)說(shuō)，網(wǎng)站的鏈接結(jié)構(gòu)主要有兩種：樹(shù)狀鏈接（一對(duì)一）、星狀鏈接（一對(duì)多）

總結(jié)：這兩種基本結(jié)構(gòu)都只是理想方式，在實(shí)際的網(wǎng)站設(shè)計(jì)中，總是將這兩種結(jié)構(gòu)混合起來(lái)使用。2.插入超鏈接用超鏈接可以實(shí)現(xiàn)從一個(gè)網(wǎng)頁(yè)到另一個(gè)目標(biāo)的連接。超鏈接可分為文本超級(jí)鏈接和圖片超鏈接兩種表現(xiàn)形式，不管建立哪種超鏈接，方法都基本相同，關(guān)鍵是定義超鏈接的URL。（1）設(shè)置文本超鏈接（2）設(shè)置圖片超鏈接就超鏈接鏈接到目標(biāo)對(duì)象來(lái)說(shuō)，可以分為以下幾種：（1）WWW超鏈接：用于訪(fǎng)問(wèn)WWW服務(wù)器（2）FTP超鏈接：用于訪(fǎng)問(wèn)FTP服務(wù)器（3）BBS超鏈接：可以通過(guò)兩種方法建立BBS超鏈接，一種是HTTP協(xié)議，一種是Telnet協(xié)議（4）E-mail超鏈接：在網(wǎng)頁(yè)中經(jīng)常見(jiàn)到“聯(lián)系我們”、“給我寫(xiě)信”等字樣的超鏈接，這就是E-mail超鏈接（5）Telnet超鏈接：該鏈接的URL使用Telnet協(xié)