網(wǎng)頁制作知識點(diǎn)

1、六、網(wǎng)頁專題復(fù)習(xí)知識點(diǎn)1. 超文本傳輸協(xié)議（）：網(wǎng)頁間遵循超文本傳輸協(xié)議進(jìn)行相互鏈接訪問。2. 超文本標(biāo)記語言（）：是使用一組特定的標(biāo)記來描述文檔 結(jié)構(gòu)的語言。協(xié)議文件傳輸協(xié)議（）；使用此協(xié)議可將網(wǎng)頁文件上傳到互聯(lián)網(wǎng)。3. 網(wǎng)頁中包含的文本、圖像、超鏈接和表格等基本元素及構(gòu)件是由超文本標(biāo)記語言進(jìn)行描述的，即網(wǎng)頁是由解釋執(zhí)行的。4. 網(wǎng)頁：即萬維網(wǎng)上的文檔，是按照超文本標(biāo)記語言規(guī)范要 求表達(dá)文本、圖像、動畫等多媒體信息的。5. 若干個(gè)網(wǎng)頁組成一個(gè)網(wǎng)站，每個(gè)網(wǎng)頁之間通過超鏈接連接在一起。的源代碼由網(wǎng)絡(luò)瀏覽器解釋執(zhí)行。在瀏覽器內(nèi)，查看（菜7.6.單源文件統(tǒng)一資源地址（統(tǒng)一資源定位器）：網(wǎng)站的網(wǎng)址。是

2、唯一的，網(wǎng)頁和網(wǎng)站的地址用標(biāo)識8 .網(wǎng)頁的三種基本元素：文字、圖形圖像和超鏈接。網(wǎng)頁還可以使用“表格、"表單"、"音樂和內(nèi)嵌程序等構(gòu)件，起到美化網(wǎng)頁、雙向交 流的作用。9 .網(wǎng)頁中使用的圖像可以有許多格式，常見的靜態(tài)圖像格式有和兩種；動態(tài)圖像的格式有動態(tài)、等。網(wǎng)頁之間以及不同的網(wǎng)站都可以用超鏈接方式鏈接起來。10 .流式視頻圖像格式：、。動態(tài)網(wǎng)頁：由服（網(wǎng)頁里包含靜態(tài)網(wǎng)頁：以（網(wǎng)頁里沒11 .務(wù)器數(shù)據(jù)庫動態(tài)生成的網(wǎng)頁。會動的元素）12 .超文本文件格式存放在服務(wù)器上。有會動的元素）13 .常用的網(wǎng)頁制作軟件：記事本（用語言寫，保存類型為）（適合初學(xué)者使用）.（專業(yè)

3、的網(wǎng)頁設(shè)計(jì)）14 .網(wǎng)頁制作步驟：確定任務(wù)分工協(xié)作制定解決方案（網(wǎng)站的名稱、主題、內(nèi)容、結(jié)構(gòu)等）素材的收集與整理制作網(wǎng)頁合成和測試網(wǎng)頁發(fā)布許多網(wǎng)頁看起來非常整齊，在中一般用一種“不可見”的表 格來定位網(wǎng)頁元素和構(gòu)件的，只要將表格線設(shè)為0,在瀏覽器上就看不到表格線了。15 .靜態(tài)網(wǎng)頁文件的擴(kuò)展名：.或。動態(tài)網(wǎng)頁文件的擴(kuò)展名:16 .網(wǎng)站的主頁一般命名為：或17,將素材按照不同的類別，分別保存在不同的文件夾中，如（圖片）、（聲 音）、（視頻）、（文本）、（下載）、（網(wǎng)頁）或者（網(wǎng)頁）。等， 并且所有素材應(yīng)存放在一個(gè)總文件夾中，便于一起上傳管理，絕對不 能存放在不同的驅(qū)動器中。否則路徑會出現(xiàn)錯誤，上

4、傳到互聯(lián)網(wǎng)上不能 找到這個(gè)文件而不能顯示。18 .對素材不要用中文字名稱，要用英文或拼音命名，以便在因特網(wǎng)上能 正常瀏覽。同樣網(wǎng)頁文件也要用英文或拼音命名，否則會不顯示。注：新建網(wǎng)頁一定要先保存再編輯，保存時(shí)一定要保存到站點(diǎn)文 件夾內(nèi)。19 .超鏈接方式主要包括指向網(wǎng)站的超鏈接、指向文件的超鏈接、指向電子 郵件的超鏈接、指向新建一個(gè)網(wǎng)頁并設(shè)置超鏈接。20 .網(wǎng)頁上傳至網(wǎng)絡(luò)服務(wù)器的工具軟件網(wǎng)頁制作知識點(diǎn)1、 表格的插入及屬性設(shè)置進(jìn)行相應(yīng)的設(shè)置2、 單元格屬性的設(shè)置（合并和4、設(shè)置超級鏈接 拆分單元格）5、網(wǎng)頁基本屬性3、輸入文字、插入圖片并可能涉及的6、網(wǎng)頁的預(yù)覽、調(diào)試和發(fā)試題類型1、網(wǎng)頁屬性的

5、設(shè)置網(wǎng)頁標(biāo)題、背景音樂、網(wǎng)頁背景的設(shè)置（注意：一定要找到對應(yīng)的音樂文件）：網(wǎng)頁空白處擊右鍵“網(wǎng)頁屬性”如圖3/亡 1ZDOt h Sind. 5« 11i TLgAZ dNm ini s tr fct c11 ,牛a it»fgaa a iM饒心春尸鍛<£>.i:j nAFR茗1眺CLECE1DKTM1. >從碼點(diǎn)維雖*13注：L網(wǎng)頁標(biāo)題不在中，也不會在網(wǎng)頁中顯示，而是顯示在瀏覽器標(biāo)題欄，當(dāng)把瀏覽格式團(tuán)也 |自定義|遭f工作組|當(dāng)令用片CO距但立土 1X3kJ"呂勁逾1匕丸Oi lL從另一器最小化時(shí)也可以顯示在任務(wù)欄中。2. 網(wǎng)頁背景如

6、果設(shè)置了背景圖片，再設(shè)置背景顏色時(shí)，背景顏色就不會顯示。因?yàn)橛邢群蟠涡颉?. “網(wǎng)頁說明"和"關(guān)鍵字“兩個(gè)選項(xiàng)是在因特網(wǎng)上讓人更容易搜索到這個(gè)網(wǎng)站圖4（2）圖片屬性的設(shè)置，對齊方式、寬度高度，邊框;（這個(gè)圖片一定是來自自己的考生文件夾）文字環(huán)繞圖片：右鍵 “圖片屬性”外觀（標(biāo)簽）樣式（按鈕）格式定位4.背景音樂循環(huán)次數(shù)為0,說明在網(wǎng)頁打開時(shí)，背景音樂只播放一次。2、 文字的設(shè)置（1） 從文本文件（記事本）或文檔中獲取文字內(nèi)容：先選中文本文件（記 事本）或文檔中的文字，再復(fù)制選中的文字內(nèi)容，然后打開網(wǎng)頁粘貼到網(wǎng)頁相應(yīng)位置。（2） 字體的設(shè)置：選中要設(shè)置的文字，右鍵“字體”或者

7、用工具欄 上按鈕3、 圖片的設(shè)置（1）插入圖片：光標(biāo)先定位于要插入圖片的單元格，再選擇“插入”菜單 “圖片”如圖4常見錯誤：將插入的圖片誤設(shè)為背景圖片（注意插入圖片還是設(shè)置背景圖片的區(qū)別）圖5注：去掉“保持縱橫比”復(fù)選框前的“號可自定義圖片的大小注：如果圖片文件改名、 刪除或轉(zhuǎn)移位置，網(wǎng)頁中圖片的路徑就要作相應(yīng)的修改，否則無法顯示。4、 表格的設(shè)置（1）表格、行、列的插入：光標(biāo)先定位于要設(shè)置的單元格，再選擇“表格”菜單插入，如圖6.）表格框架窗口 W）幫助電）c? J手終表格窗喝回，插入（X）卡珊除單亍選定©雇性標(biāo)題® 歌烈歡迎圖6（2）表格背景、邊框顏色粗細(xì)，高度寬度，對

8、齊方式的設(shè)置:注：表格能對網(wǎng)頁中的元素和構(gòu)件起到定位的作用。如想不顯示表格邊框線，將其表格邊框粗細(xì)設(shè)為“0”選中表格或光標(biāo)定位在表格內(nèi)，再右鍵“表格屬性”如圖7注：表格上方標(biāo)題:光標(biāo)定位在表格內(nèi)，表格 插入標(biāo)題1 .表格寬度：（1）當(dāng)選擇“像素”時(shí)，瀏覽網(wǎng)頁時(shí)表格不隨瀏覽器的大小的改變而改變。（2）當(dāng)選擇“百分比”時(shí)廨IJ塞翻讀后戟變而改 對齊力式J:變：育芻什,晶；g兀禧迪瞳3 :2&箱卷，'，醴g :餌木CLJI門、L百M(fèi) kb® : >2 .單元格邊距：表示單元格的內(nèi)邊框與其內(nèi)客之間的距離。掃£陽屯工：3 .單完檔間距：表示表格邊框與單元格邊框之

9、間的距離。匪m色CCL> :4 .邊椎粗細(xì)5當(dāng)邊框粗細(xì)為大于0的數(shù)時(shí)，編輯和瀏覽網(wǎng)頁都顯示邊框，當(dāng)為0 識蟲電掩展性且.時(shí)，編輯網(wǎng)頁時(shí)表格顯示虛線框，瀏覽網(wǎng)頁時(shí)不喂 示表格邊框線。5,浮動：確定表格相對于頁面中其他啕客的位置5、 單元格的設(shè)置（1）單元格的合并、拆分：選擇要設(shè)置的單元格，右鍵合并單元格或拆分單元格（2）單元格背景、水平垂直對齊方式、單元格的邊框色、高度和寬度等的設(shè)置:，再右鍵光標(biāo)先定位于要設(shè)置的單元格這里的對齊方式是相對TfT .Im八I <平對齊方式 J-垂亙和阮默億TW“單亓格屬性”如圖開方式ry?柏皓距CR1.EE 電了 ：I 抵E耳S1&3Rhf 士

10、祎原簸Y :（諫*電：1vi目芬吐CE.J好悌* <3JL百分兇（E'l3西)&CE iu j，I 不獨(dú)力 色瘡 6見生WCB).標(biāo)題單元格：光標(biāo)定位于單元格內(nèi)，右擊血用3單元格屬性標(biāo)題單元格注：單元格屬性對話框里面沒有單元格間距，只有表格屬性對話框里才有單元格間距這個(gè)屬性。注：單元格同樣可以設(shè)置單元格背景顏色，背景圖片6、 網(wǎng)址、網(wǎng)頁文件、電子郵件超級鏈接的設(shè)置選中需要設(shè)置超鏈接的對象（看清是文字（全選需要設(shè)置的文字）還是圖片設(shè)置超級鏈接），右鍵“超鏈接”出現(xiàn)“創(chuàng)建超鏈接”對話框如圖濫家：ijC： 'Bo zurentz gd MmiH 誹Ml畸irukx hf

11、Bit 世安Mi 1I 口，I 晝jsa 立itn二htciLT他柚安節(jié)口- ir<h. ktr嬴才Pzim LqJ可遠(yuǎn)書簽國：目標(biāo)跆（lj : HjTfcU4fi AJ,./謝走I職出I殉 I岸云型（1）鏈接到網(wǎng)站地址:正確方法：在“（U）： ”處（如圖1.1）輸入要鏈接的網(wǎng)址如: 常見錯誤： （1）只有（2）（2）鏈接到本地計(jì)算機(jī)中的網(wǎng)頁文件:正確方法：搜索到所需要鏈接的目標(biāo)文件，選中該文件一確定，如 常見錯誤：（3）電子郵件鏈接：在“（U）： ”處單擊“制作發(fā)送電子郵件的超鏈接”按鈕常見錯誤：（1）只有 （2）正確的為：（4） 新建網(wǎng)頁并設(shè)置超鏈接常見錯誤：（1）沒有給網(wǎng)頁命名，沒

12、有更改網(wǎng)頁標(biāo)題（2）沒有把網(wǎng)頁保存在網(wǎng)站文件夾正確的為：單擊圖標(biāo)選擇網(wǎng)站文件夾所在的路徑給網(wǎng)頁命名，并更改網(wǎng)頁標(biāo)題保存5、下載文件設(shè)置：選中文字 超鏈接 本地計(jì)算機(jī)中的文件（壓縮文件、程序文件、文 檔等）6、超鏈接路徑：網(wǎng)頁中用的超鏈接路徑都是相對路徑。相對路徑正確書寫格式為“ /"，如:絕對路徑（完整地址）書寫格式為“”，如：注：超鏈接時(shí)如果使用絕對路徑，上傳到互聯(lián)網(wǎng)時(shí)會無法顯示所鏈接 的對象。7、修改超鏈接：右擊已做好的超鏈接超鏈接屬性在文本框里刪除里面的內(nèi)容再設(shè)置新的超鏈接即可。7、 水平線的設(shè)置（了解）菜單水（1） 插入水平線：光標(biāo)先定位于要插入水平線的單元格，再選擇“插入”平線如圖4（2） 水平線大小、對齊方式、顏色的設(shè)置：選中要設(shè)置的水平線，右鍵水平線屬性如圖9圖98滾動字幕的插入及屬性的設(shè)置(了解)(1)插入字幕：光標(biāo)