網(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)頁等一組網(wǎng)絡(luò)資源的集合，我們把制作的所有素材和網(wǎng)頁集合成一個(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)頁。

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

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

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

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

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

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

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

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

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

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

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