網(wǎng)頁(yè)制作復(fù)習(xí)大綱

1、1、 HTML 是 Hyper Text Markup Language的縮寫(xiě),意思是超文本標(biāo)記語(yǔ)言。2、常用網(wǎng)頁(yè)設(shè)計(jì)和制作的專門工具 Microsoft Frontpage 和 Adobe Dreamweaver3、網(wǎng)頁(yè):按照網(wǎng)頁(yè)文檔規(guī)范編寫(xiě)的一個(gè)或多個(gè)文件,通常是 HTML 格式的文件。主要由文 字、圖形圖像、動(dòng)畫(huà)、視頻、超級(jí)鏈接等基本元素構(gòu)成。4、網(wǎng)站:是各種各樣網(wǎng)頁(yè),文件,腳本,數(shù)據(jù)庫(kù)以及眾多資源的集合。5、靜態(tài)網(wǎng)頁(yè)的工作原理:在瀏覽器(客戶端中輸入一個(gè)網(wǎng)址并按回車鍵,或在網(wǎng)頁(yè)中單 擊一個(gè)超級(jí)鏈接后, 就會(huì)向服務(wù)器端提出一個(gè)網(wǎng)頁(yè)瀏覽的請(qǐng)求。 服務(wù)器接到請(qǐng)求后, 找到相 應(yīng)的靜態(tài)網(wǎng)頁(yè)文件

2、,然后發(fā)送給瀏覽器?？蛻舳藶g覽器。 。 。發(fā)送請(qǐng)求。 。 。 Web 服務(wù)器 (1、接受客戶端請(qǐng)求 2、找到靜態(tài)網(wǎng)頁(yè) 3、發(fā)送 網(wǎng)頁(yè) 。 。返回請(qǐng)求。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 返回靜態(tài)網(wǎng)頁(yè)3、 動(dòng)態(tài)網(wǎng)頁(yè):ASP 文件的擴(kuò)展名為 .asp ASP.net 文件的擴(kuò)展名為 .aspx JSP文件的擴(kuò)展名為 .jsp4、 動(dòng)態(tài)網(wǎng)頁(yè)和靜態(tài)網(wǎng)頁(yè)的工作原理類似, 它們的區(qū)別在于 Web 服務(wù)器對(duì)它們的處理方式不 同。 在瀏覽器里輸入一個(gè)動(dòng)態(tài)網(wǎng)頁(yè)網(wǎng)址并按回車鍵后, 就會(huì)向服務(wù)器端提出一個(gè)瀏覽網(wǎng)頁(yè)的 請(qǐng)求。如果 Web 服務(wù)器接收到對(duì)動(dòng)態(tài)網(wǎng)頁(yè)的請(qǐng)求,則從 Web 服務(wù)器中找到該

3、文件,并將它 傳遞給一個(gè)稱為應(yīng)用程序服務(wù)器的軟件, 由它負(fù)責(zé)解釋和執(zhí)行網(wǎng)頁(yè), 將含有程序代碼的動(dòng)態(tài) 網(wǎng)頁(yè)轉(zhuǎn)化為標(biāo)準(zhǔn)的靜態(tài)網(wǎng)頁(yè),最后將執(zhí)行后的結(jié)果靜態(tài)網(wǎng)頁(yè)傳遞給客戶端瀏覽器。 客 戶端瀏覽器。 。發(fā)送請(qǐng)求。 。 Web 服務(wù)器(1、接受客戶端請(qǐng)求 2、找到動(dòng)態(tài)網(wǎng)頁(yè) 3、執(zhí)行程 序代碼,生成靜態(tài)網(wǎng)頁(yè) 4、發(fā)送網(wǎng)頁(yè) 。 。發(fā)送數(shù)據(jù)庫(kù)請(qǐng)求。 。數(shù)據(jù)庫(kù)服務(wù)器。 。返回?cái)?shù)據(jù)庫(kù)處 理結(jié)果。 。 返回請(qǐng)求,返回靜態(tài)網(wǎng)頁(yè)5、網(wǎng)站的前期規(guī)劃:1、確定網(wǎng)站目標(biāo)(網(wǎng)站的整體定位;主要內(nèi)容;目標(biāo)用戶 2、規(guī)劃 網(wǎng)站結(jié)構(gòu) 3、確定網(wǎng)站風(fēng)格6、網(wǎng)頁(yè)中圖像主要有 3種格式:GIF 、 JPEG 、 PNG7、 GIF 格式:

4、優(yōu)點(diǎn):支持透明背景;支持動(dòng)畫(huà);支持圖形漸進(jìn);支持無(wú)損壓縮。 。缺點(diǎn):只有 256種顏色8、 JPEG 格式:優(yōu)點(diǎn):支持上百種顏色,因而可用來(lái)表現(xiàn)照片等高質(zhì)量的圖片。 。 。不支持圖 形漸進(jìn)、背景透明、動(dòng)畫(huà)9、背景圖像能蓋住背景顏色10、超級(jí)鏈接由源端點(diǎn)和目標(biāo)端點(diǎn)組成。11、根據(jù)創(chuàng)建連接對(duì)象的不同,可以將超級(jí)鏈接分為文本鏈接、圖像鏈接、表單鏈接等。 12、根據(jù)目標(biāo)端點(diǎn)的位置及方式的不同,可以將超級(jí)鏈接分為外部鏈接、 內(nèi)部鏈接、 局部鏈 接、電子郵件鏈接 4種。13、創(chuàng)建文本鏈接,設(shè)置好了目標(biāo)端點(diǎn)后,還需要從“目標(biāo)”下拉列表框中選擇以何種方式 跳轉(zhuǎn)到目標(biāo)頁(yè)面(超級(jí)鏈接的打開(kāi)方式-blank:單擊文

5、本鏈接后,目標(biāo)端點(diǎn)頁(yè)面會(huì)在一個(gè)新窗口中打開(kāi)。-parent :單擊文本鏈接后,在上一級(jí)瀏覽器窗口中會(huì)顯示目標(biāo)端點(diǎn)頁(yè)面(框架頁(yè)面 -self :Dreamweaver 的默認(rèn)設(shè)置,單擊文本鏈接后,在當(dāng)前頁(yè)面窗口中顯示目標(biāo)端點(diǎn)頁(yè)面。 -top :單擊文本鏈接后,在最頂層的瀏覽器窗口中顯示目標(biāo)端點(diǎn)頁(yè)面。13、圖像熱區(qū)鏈接:可根據(jù)需要通過(guò)屬性檢查器的矩形,橢圓形和多邊形熱點(diǎn)工具, 在圖像 上繪制熱點(diǎn)區(qū)域。利用指針熱點(diǎn)工具,可以對(duì)熱點(diǎn)進(jìn)行選擇、移動(dòng)、調(diào)整區(qū)域范圍等操作。 14、插入表格:表格寬度度量單位百分比、像素。邊框粗細(xì):可以在文本框中輸入表格邊 框的粗細(xì)。單元格邊距 ; 可以在文本框中輸入單元格中

6、的文本與單元格邊框之間的距離值。 15、框架的結(jié)構(gòu):框架由框架和框架集組成。框架就是網(wǎng)頁(yè)中被分隔開(kāi)的各個(gè)部分,每部 分都是一個(gè)完整的網(wǎng)頁(yè), 這些網(wǎng)頁(yè)共同組成了框架集, 框架集實(shí)際上也是一個(gè)網(wǎng)頁(yè)文件, 用于定義框架的結(jié)構(gòu)、數(shù)量、尺寸等屬性。16、模板是一種特殊的文檔,擴(kuò)展名為 .dwt ,用于設(shè)計(jì)“固定的”頁(yè)面布局。它用來(lái)產(chǎn)生 帶有固定特征和共同格式的文檔基礎(chǔ),是用戶進(jìn)行批量生產(chǎn)文檔的起點(diǎn)。17、 CSS 樣式表:CSS 是用于控制網(wǎng)頁(yè)樣式并允許將樣式與網(wǎng)頁(yè)內(nèi)容分離的一種標(biāo)記性語(yǔ)言。 CSS 可將網(wǎng)頁(yè)的內(nèi)容與表現(xiàn)形式分開(kāi),是網(wǎng)頁(yè)的外觀設(shè)計(jì)從網(wǎng)頁(yè)內(nèi)容中 獨(dú)立出來(lái)單獨(dú)管理。18、 AP 元素,即絕對(duì)

7、定位元素,是指在網(wǎng)頁(yè)中具有絕對(duì)位置的頁(yè)面元素。具體地說(shuō),就是 Div 標(biāo)簽或其他任何標(biāo)簽。19、 AP div在網(wǎng)頁(yè)設(shè)計(jì)中的功能:(1 AP div是絕對(duì)定位的,游離在文檔之上,利用它可以 浮動(dòng)定位網(wǎng)頁(yè)元素。 (2 AP div的 Z 軸屬性可以使多個(gè) AP div進(jìn)行重疊,產(chǎn)生多重疊加的效 果。 (3 AP div的顯示和隱藏可以控制,從而使網(wǎng)頁(yè)的內(nèi)容變得更加豐富多彩。20、 AP 元素可見(jiàn)性設(shè)置:AP 層的可見(jiàn)性的改變也可以通過(guò) AP 元素面板與屬性面板來(lái)實(shí)現(xiàn)。 通過(guò) AP 元素面板:選擇菜單欄中的“窗口”“ AP 元素”命令,或按 F2鍵可以打開(kāi) AP 元素面板,單擊要更改的 AP 層名

8、稱前面的眼睛圖標(biāo)既可改變 AP 層的可見(jiàn)性。閉上的眼睛 圖標(biāo)表示 AP 層被隱藏,處于不可見(jiàn)狀態(tài)。睜開(kāi)的眼睛圖標(biāo)表示 AP 層被顯示,處于可見(jiàn)狀 態(tài)。 通過(guò)屬性面板:在屬性面板中,選中要設(shè)置可見(jiàn)的 AP 層,在“可見(jiàn)性”下拉列表中 選擇相應(yīng)的可見(jiàn)性選項(xiàng)。21、 Z 軸:如果以 X 軸與 Y 軸定義一個(gè)平面網(wǎng)頁(yè),那么 AP 元素就是具有某 Z 軸值的網(wǎng)頁(yè)內(nèi) 容, 即具有上下的疊放順序。 當(dāng)兩個(gè)或兩個(gè)以上的 AP 元素重疊時(shí), Z 值小的在下面, Z 值大 的在上面,上面的通常會(huì)遮住下面的 AP 元素。22、 AP 層的屬性包括名稱(ID 、位置、大小、 Z 軸、可見(jiàn)性、背景、類、溢出、剪輯等基

9、本屬性。23、 什么是行為?行為是用來(lái)動(dòng)態(tài)響應(yīng)用戶操作、 改變當(dāng)前頁(yè)面效果或?qū)嵸|(zhì)性特定任務(wù)的一 種方法。 對(duì)象是產(chǎn)生行為的主體。 事件是觸發(fā)動(dòng)態(tài)效果的條件。 動(dòng)作由 JavaScript 代碼組成, 這些代碼執(zhí)行特定的任務(wù),最終產(chǎn)生動(dòng)態(tài)效果。24、添加事件:onclick (一下 ondbclick (雙擊 OnMouseout :在瀏覽器中,當(dāng)用戶鼠 標(biāo)指針從建立行為的元素移出后,就會(huì)觸發(fā)該事件。 OnMouseup :在瀏覽器中,當(dāng)用戶在 使用行為的元素上按下鼠標(biāo)并釋放后, OnUnload :當(dāng)用戶離開(kāi)當(dāng)前網(wǎng)頁(yè)(關(guān)閉瀏覽器或跳 轉(zhuǎn)到其他網(wǎng)頁(yè) 時(shí), 當(dāng)鼠標(biāo)指針移動(dòng)到某個(gè)圖片上時(shí), 瀏覽器為

10、該圖片生成一個(gè) OnMouseover 事件23、 檢查表單:在具有表單的頁(yè)面中, 使用檢查表單動(dòng)作可以驗(yàn)證表單域中輸入數(shù)據(jù)的合法 性。24、表單對(duì)象:在 Dreamweaver CS4中,表單輸入類型成為表單對(duì)象,表單對(duì)象是允許用戶 輸入數(shù)據(jù)的機(jī)制。25、圖片是否屬于多媒體元素?。 。 。否26、網(wǎng)頁(yè)的設(shè)計(jì)與制作流程:(1網(wǎng)站的主題與定位(2資料收集(3結(jié)構(gòu)設(shè)計(jì):欄目與 板塊設(shè)計(jì)(4形象設(shè)計(jì):網(wǎng)站 LOGO 的設(shè)計(jì)等(5網(wǎng)站頁(yè)面的設(shè)計(jì)(6測(cè)試(7申請(qǐng)域 名和空間(8站點(diǎn)上傳(9網(wǎng)站的推廣與宣傳網(wǎng)頁(yè)設(shè)計(jì)與制作重點(diǎn)總結(jié)1.擴(kuò)展名:靜態(tài) .html .htm ;動(dòng)態(tài) .asp .php .jsp .aspx 模板文件 .dwt 樣式 css2.優(yōu)先級(jí) 背景圖形 背景色3. 鏈接 形狀 分類 文本鏈接 圖像鏈接 表單鏈接 熱點(diǎn) p75 矩形 橢圓形 多邊形 熱點(diǎn)工具 5.div 、 visible 、 hidden 、 table 單元格問(wèn)題6. 網(wǎng)頁(yè)的多媒體元素包括:動(dòng)畫(huà) 音樂(lè) 視頻:視圖(代碼拆分設(shè)計(jì) 9.(1網(wǎng)站的前期規(guī) 劃(2 用到學(xué)到的技術(shù)(綜合題10. 庫(kù)的使用、框架的結(jié)構(gòu)、框架,框架集(包括了很大的網(wǎng)頁(yè) 小題 選擇題1.drop 固本文件 (錯(cuò) 【可供修改】2.Dreamweaver不是