第8章網(wǎng)頁設(shè)計8.1網(wǎng)頁與網(wǎng)站8.2網(wǎng)頁基本元素8.3網(wǎng)頁制作的基本技術(shù)8.4網(wǎng)站制作與發(fā)布8.1網(wǎng)頁與網(wǎng)站8.1.1網(wǎng)頁8.1.2網(wǎng)頁的上傳申請域名根據(jù)網(wǎng)站的定位不同，可以申請不同級別的域名。對于商業(yè)公司等形式的網(wǎng)站，需要向中國互聯(lián)網(wǎng)絡(luò)信息中心（CNNIC）申請自己的域名，其形式一般為www.yourCompanyN

或者

“www.yourCompanyN”（國內(nèi)域名）對于一般的用戶如果只是發(fā)布一個個人網(wǎng)站，可以到一些提供免費域名的網(wǎng)站申請注冊一個免費的域名。上傳在上傳網(wǎng)頁時，可以使用Ftp工具進行上傳工作。8.1網(wǎng)頁與網(wǎng)站8.1.3網(wǎng)站網(wǎng)站網(wǎng)站制作的基本流程

通常，把一個網(wǎng)站的開發(fā)過程分為3個階段。分別是規(guī)劃與準備階段、網(wǎng)頁制作階段和網(wǎng)站的測試發(fā)布與維護階段。具體的開發(fā)制作過程如下：網(wǎng)站定位收集與加工網(wǎng)頁制作素材規(guī)劃網(wǎng)站結(jié)構(gòu)和網(wǎng)頁布局編輯網(wǎng)頁內(nèi)容測試并發(fā)布網(wǎng)頁網(wǎng)站的維護網(wǎng)站的宣傳8.2網(wǎng)頁基本元素8.2.1

網(wǎng)頁的基本元素站標(biāo)導(dǎo)航欄廣告條按鈕文本圖像表格表單多媒體及特殊效果8.2網(wǎng)頁基本元素8.2.2常用網(wǎng)頁制作工具超文本標(biāo)識語言（HTML）MicrosoftFrontPagePhotoshopFireworksFlashDreamweaverMicrosoftVisualStudio8.2網(wǎng)頁基本元素8.2.3創(chuàng)建網(wǎng)頁基本元素建立Dreamweaver8站點

建立站點文件夾

創(chuàng)建網(wǎng)頁基本元素1．制作標(biāo)題2．添加水平線3．設(shè)置導(dǎo)航欄4．圖像和文字的鏈接5．設(shè)置頁面屬性8.3網(wǎng)頁制作技術(shù)8.3.1網(wǎng)頁中表格的應(yīng)用

創(chuàng)建表格

表格基本操作和屬性1．表格的基本操作2．查看和設(shè)置表格屬性3．設(shè)置單元格、行和列屬性4．添加、刪除行和列5．合并、拆分表格中的兩個或多個單元格6．剪切、復(fù)制和粘貼單元格

使用格式表格8.3網(wǎng)頁制作技術(shù)8.3.2網(wǎng)頁中框架的應(yīng)用

框架

創(chuàng)建框架

保存框架集文件8.3網(wǎng)頁制作技術(shù)8.3.3使用層和行為

插入新層

設(shè)置層的屬性

調(diào)整層的大小

移動層

對齊層

層轉(zhuǎn)換為表格

8.3.3使用層和行為

行為1.行為的概念8.3.3使用層和行為

行為1.行為的概念

行為列表：播放聲音：為網(wǎng)頁加入聲音。打開瀏覽器窗口：可以打開一個小窗口。彈出信息：可以彈出一條警告信息。調(diào)用JavaScript：調(diào)用網(wǎng)頁中包含的JavaScript程序。交換圖像：用于接收用戶的動作而動態(tài)改變圖像。更改內(nèi)容：可以改變已經(jīng)插入的層的內(nèi)容?；謴?fù)交換圖像：把已經(jīng)交換的圖像恢復(fù)過來。檢測插件：可以檢測訪問者的瀏覽器是否已經(jīng)安裝網(wǎng)頁所必須的插件。檢測瀏覽器：檢測訪問者使用的瀏覽器的類型。檢查表單：檢驗網(wǎng)頁中的表單是否合法。8.3.3使用層和行為

行為1.行為的概念

行為列表：控制Shockwave或Flash：控制網(wǎng)頁中包含的Shockwave或Flash。

轉(zhuǎn)到URL：跳轉(zhuǎn)到其他頁面。

設(shè)定圖像導(dǎo)航條：和交換圖像原理一樣，使用替換原理，其主要作用是使圖像鏈接起導(dǎo)航作用。

設(shè)置文字：在特定的地方顯示文字。

顯示或隱藏層：設(shè)置圖層的顯示或隱藏。

時間軸：可以制作更多的動態(tài)效果。

跳轉(zhuǎn)菜單：插入跳轉(zhuǎn)導(dǎo)航菜單。

跳轉(zhuǎn)菜單開始：控制導(dǎo)航菜單跳到那個頁面。

拖動層：設(shè)定圖層是否允許拖動。

預(yù)先載入圖像：在網(wǎng)頁里裝載前先載入圖像。

顯示事件：設(shè)定顯示IE或NS各個版本的事件。8.3.3使用層和行為

行為2．動作3．事件4．觸發(fā)行為的事件5．行為的使用6．動態(tài)改變物件屬性7．轉(zhuǎn)到URL8．播放聲音9．彈出信息10．檢測表單合法性8.3網(wǎng)頁制作技術(shù)8.3.4表單的使用“表單”選項卡中的主要按鈕:①

“表單”②

“文本字段”③

“隱藏域”④

“單選按鈕”⑤

“復(fù)選框”⑥

“單選按鈕組”。⑦

“列表/菜單”⑧

“跳轉(zhuǎn)菜單”⑨

“圖像域”⑩

“按鈕”8.3網(wǎng)頁制作技術(shù)8.3.4表單的使用1．向文檔中添加一個表單2．插入文本并設(shè)置屬性3．插入單選按鈕4．插入復(fù)選框5．插入表單按鈕8.4網(wǎng)站測試與發(fā)布8.4.1網(wǎng)站的測試網(wǎng)站在發(fā)布之前需要進行測試，測試站點是為了發(fā)布后的網(wǎng)頁能在瀏覽器中正常顯示以及超鏈接的正常跳轉(zhuǎn)。測試內(nèi)容一般包括：瀏覽器的兼容性不同屏幕分辨率的顯示效果網(wǎng)頁中的所用鏈接是否有效網(wǎng)頁下載的速度等測試不僅要在本地對網(wǎng)站進行，最重要的是在遠程進行。因為只有遠程瀏覽才更接近于真實情況。8.4網(wǎng)站測試與發(fā)布8.4.2網(wǎng)站的發(fā)布在Dreamweaver中設(shè)置遠程站點的操作步驟如下：（1）打開要上傳的本地站點，在“Files（站點）”面板中單擊工具欄中的展開按鈕將面板展開。（2）在左側(cè)遠端站點窗格中單擊“定義遠程站點”超級鏈接，彈出“站點定義對話框”。（3）選擇FTP訪問方式，然后設(shè)置用于輸入Web站點文件上傳到的FTP主機名稱，以及用戶輸入在遠程站點上存儲文檔的主機目錄。（4）設(shè)置登陸用戶名以及密碼。（5）選擇“使用被動FTP”復(fù)選框，可以建立被動FTP。（6）選擇“使用防火墻”復(fù)選框，則從防火墻后面連接到遠程服務(wù)器，同時設(shè)置防火墻主機及端口號。（7）單擊OK完成遠程站點設(shè)置。8.4網(wǎng)站測試與發(fā)布8.4.3網(wǎng)站的維護

網(wǎng)站的后期維護工作是一個