1、江蘇省學(xué)業(yè)水平測(cè)試信息技術(shù)，網(wǎng)絡(luò)技術(shù)總復(fù)習(xí)，專題3:網(wǎng)站設(shè)計(jì)和評(píng)估，1，基本概念，網(wǎng)站，互聯(lián)網(wǎng)上具有相似性質(zhì)和共同內(nèi)容的信息資源集。網(wǎng)頁(yè)(頁(yè)面)網(wǎng)頁(yè)是用HTML語(yǔ)言編寫的文件，牙齒計(jì)算機(jī)必須連接到internet。最好用英語(yǔ)命名網(wǎng)頁(yè)文件，通常為“.htm“或”。html”擴(kuò)展名指定。構(gòu)成網(wǎng)站的基本元素是存放各種檔案和這種檔案的文件夾。描述資源結(jié)構(gòu)、位置的網(wǎng)頁(yè)檔案，以及瀏覽器網(wǎng)站(通常為“.htm“或”。html“擴(kuò)展名”)。網(wǎng)頁(yè)文件關(guān)聯(lián)的圖像、音頻和視頻等資源檔案、web數(shù)據(jù)庫(kù)和節(jié)目檔案、基本概念、主頁(yè)主頁(yè)主頁(yè)通常用于表示訪問(wèn)一個(gè)網(wǎng)站時(shí)出現(xiàn)的第一頁(yè)，并簡(jiǎn)要介紹所有網(wǎng)站以及其他每頁(yè)的內(nèi)容。主頁(yè)文

2、件通常命名為index或default，并且是常用擴(kuò)展名(例如. htm.html.jsp.asp等)。IE的主頁(yè)表示啟動(dòng)IE瀏覽器時(shí)訪問(wèn)的網(wǎng)頁(yè)地址?？梢允蔷W(wǎng)站主頁(yè)或常規(guī)網(wǎng)頁(yè)文件?；靖拍睿W(wǎng)站結(jié)構(gòu)網(wǎng)站由網(wǎng)頁(yè)組成，網(wǎng)站是網(wǎng)頁(yè)的集合，網(wǎng)頁(yè)是網(wǎng)站元素。網(wǎng)站結(jié)構(gòu)是網(wǎng)站信息組合的基本框架，顯示了網(wǎng)站內(nèi)網(wǎng)頁(yè)之間的邏輯關(guān)系。分層適合性：一般來(lái)說(shuō)，展開3到4層：可以容納信息的多變性和可擴(kuò)展性、基本概念、網(wǎng)站結(jié)構(gòu)三種茄子主要類型：樹結(jié)構(gòu)、線性結(jié)構(gòu)、網(wǎng)狀結(jié)構(gòu)、樹結(jié)構(gòu)：完整網(wǎng)站、主頁(yè)中心、多分支分布。樹狀結(jié)構(gòu)是當(dāng)前網(wǎng)站使用的主要格式之一，結(jié)構(gòu)清晰，訪問(wèn)者可以根據(jù)路徑清楚地知道位置。但是，設(shè)置茄子級(jí)別時(shí)，最多不能超

3、過(guò)4個(gè)。線性結(jié)構(gòu)：線性結(jié)構(gòu)是最簡(jiǎn)單的網(wǎng)站結(jié)構(gòu)，網(wǎng)頁(yè)層連接在一起，邏輯清晰。單向路線僅提供指向以下網(wǎng)頁(yè)層的鏈接：雙向環(huán)除了像單向線一樣連接外，還可以從網(wǎng)頁(yè)3反向到網(wǎng)頁(yè)2，從網(wǎng)頁(yè)2反向到網(wǎng)頁(yè)1。單向線性或雙向環(huán)都不能在網(wǎng)頁(yè)之間自由跳躍鏈接。網(wǎng)格結(jié)構(gòu)：網(wǎng)絡(luò)結(jié)構(gòu)具有主頁(yè)?？梢赃B接到所有網(wǎng)頁(yè)和主頁(yè)，還可以在網(wǎng)頁(yè)之間自由連接。網(wǎng)頁(yè)之間沒有明顯的結(jié)構(gòu)。像一張網(wǎng)一樣，徐璐連接，可以自由跳躍。如果不能科學(xué)分類網(wǎng)頁(yè)信息內(nèi)容，訪問(wèn)者在網(wǎng)頁(yè)跳躍過(guò)程中容易迷失方向，很難快速找到所需信息。第二種網(wǎng)頁(yè)制作工具，第一種是源代碼剪輯工具代表產(chǎn)品，包括HotDog、HomeSite和EditPlus。第二類是“所見即所得”剪輯工

4、具代表FrontPage、Dreamweaver等。網(wǎng)頁(yè)創(chuàng)作工具、網(wǎng)頁(yè)創(chuàng)作工具和htmL文檔本身是文本格式的文件，可以在任何文本剪輯軟件(例如寫字板、記事本、Word等)中進(jìn)行編輯。保存后，將文件擴(kuò)展名保存為。HTM或.更改為html后，可以使用瀏覽器導(dǎo)航到相應(yīng)的網(wǎng)頁(yè)。HTML語(yǔ)言通過(guò)一系列特定標(biāo)簽(Tag)標(biāo)識(shí)其含義和角色，然后通過(guò)瀏覽器表示這些標(biāo)簽所代表的含義。3，了解網(wǎng)站規(guī)劃和設(shè)計(jì)，點(diǎn)主題設(shè)計(jì)網(wǎng)站樣式(徽標(biāo)、主干、文字效果、布局)規(guī)劃網(wǎng)站結(jié)構(gòu)選擇網(wǎng)站執(zhí)行環(huán)境選擇網(wǎng)站開發(fā)工具分配網(wǎng)站開發(fā)任務(wù)，4，構(gòu)建網(wǎng)站，設(shè)置自己的專題站點(diǎn)，首先必須創(chuàng)建用于保存和調(diào)試生成的網(wǎng)頁(yè)的網(wǎng)站。新建的網(wǎng)站應(yīng)首先保存

5、在本地硬盤上，并在整個(gè)網(wǎng)站完工后發(fā)布。方法：運(yùn)行“檔案”“新建”“網(wǎng)站”，然后打開“新網(wǎng)站對(duì)話框”。注意：您不需要去D盤創(chuàng)建“080701”文件夾。、1、表格、框架布局網(wǎng)頁(yè)、網(wǎng)頁(yè)中表格的角色數(shù)據(jù)控制網(wǎng)頁(yè)布局插入表格和表格基本操作“表格-插入”可以使用表格工具欄手動(dòng)繪制表格?？蚣苁菍g覽器窗口拆分為兩個(gè)或多個(gè)窗格，例如，將表、單元格的屬性設(shè)置為表、向單元格添加顏色、使用嵌套表格等。每個(gè)顯示區(qū)域稱為幀。每個(gè)框架都可以顯示獨(dú)立網(wǎng)頁(yè)，通常使用框架來(lái)保留網(wǎng)頁(yè)過(guò)程中的固定部分(例如網(wǎng)頁(yè)標(biāo)題、鏈接按鈕等)，其馀框架可用于顯示選定的網(wǎng)頁(yè)內(nèi)容。創(chuàng)建幀網(wǎng)頁(yè)和執(zhí)行基本任務(wù)：檔案-新建-幀網(wǎng)頁(yè)，2，網(wǎng)頁(yè)附加元素文字剪

6、輯，1。菜單欄：格式字體，打開字體對(duì)話框(請(qǐng)參閱右圖)。2.選擇要編輯的文本，單擊鼠標(biāo)右鍵，然后選擇字體菜單命令以打開字體對(duì)話框(請(qǐng)參閱右圖)。3.格式”工具欄、3、網(wǎng)頁(yè)元素附加插入圖，網(wǎng)頁(yè)中最常用的是GIF和JPG格式的圖。因?yàn)閮煞嫷臋n案大小很小，有助于加快瀏覽網(wǎng)頁(yè)的速度。(“插入”-“圖片”-“來(lái)自文件”)；插入其他格式的圖片時(shí)，圖片格式將在保存頁(yè)面時(shí)自動(dòng)轉(zhuǎn)換為GIF或JPF格式。使用“插圖”工具欄，4，添加網(wǎng)頁(yè)元素插入動(dòng)畫(GIF格式)，提示：在“普通”模式下，插入動(dòng)畫后，默認(rèn)情況下僅顯示動(dòng)畫第一幀圖像。進(jìn)入“預(yù)覽”模式后查看。插入-圖片-在文件中，5，添加網(wǎng)頁(yè)元素插入動(dòng)畫(Flash

7、)，打開插入高級(jí)插件，插件屬性對(duì)話框。通過(guò)“數(shù)據(jù)源”中的“瀏覽”查找正在使用的Flash動(dòng)畫檔案、6、添加網(wǎng)頁(yè)元素插入視頻、“插入”、“圖片”、“視頻”和“視頻”對(duì)話框。右鍵單擊并選擇“圖片屬性”命令，然后切換到“視頻”選項(xiàng)卡，可以進(jìn)一步設(shè)置視頻。支持的視頻格式：avi .asf .ram。ra，7，添加網(wǎng)頁(yè)元素插入背景音樂：在網(wǎng)頁(yè)空白處單擊鼠標(biāo)，然后選擇“網(wǎng)頁(yè)屬性”“常規(guī)”選項(xiàng)卡“背景音樂”。8、添加網(wǎng)頁(yè)元素插入西餐元素(制作布告欄)、雙擊西餐元素或鼠標(biāo)右鍵單擊，然后選擇“表格元素”以設(shè)置屬性。選項(xiàng)按鈕，單行文本框，復(fù)選框，下拉框，多行文本框，9，超連結(jié)設(shè)置，超連結(jié)源文本，圖片(完整圖片，圖

8、片熱點(diǎn))超連結(jié)目標(biāo)網(wǎng)站內(nèi)部超連結(jié)網(wǎng)頁(yè)文件圖片、音頻、圖像等多媒體文件部分壓縮文件站點(diǎn)外部超鏈接URL 按工具欄上的超連結(jié)按鈕，選擇插入菜單下的超鏈接，或鼠標(biāo)右鍵單擊選定文本并選擇“超連結(jié)”，以打開“超連結(jié)”。3，選擇或輸入超連結(jié)目標(biāo)，超連結(jié)目標(biāo)地址，如何設(shè)置整個(gè)圖片超連結(jié)，1，選擇要添加到超鏈接的圖片2，單擊工具欄上的“超鏈接”按鈕，或從“插入”菜單中選擇“超鏈接”方法：1、選擇圖片(打開圖片工具欄)2、選擇整個(gè)圖片作為其他分區(qū)工具、自動(dòng)打開超連結(jié)創(chuàng)建對(duì)話框3、選擇或輸入超連結(jié)目標(biāo)、熱點(diǎn)的最大用途是菜單欄和地圖、超連結(jié)色彩、網(wǎng)頁(yè)中具有三種狀態(tài)的超鏈接(、10、書簽、1)保存主頁(yè)時(shí)，通常將其命名

9、為“Index.html”。保存文件時(shí)，請(qǐng)將網(wǎng)頁(yè)使用的貼花文件保存到images文件夾中.保存文件后，在單擊網(wǎng)頁(yè)剪輯窗口下的“預(yù)覽”選項(xiàng)卡中查看效果。5，網(wǎng)站發(fā)布前檢查，1，網(wǎng)頁(yè)內(nèi)容檢查：拼寫錯(cuò)誤，內(nèi)容和列一致性等2，網(wǎng)站內(nèi)頁(yè)面鏈接狀態(tài)檢查：檢查每個(gè)網(wǎng)頁(yè)門戶是否存在，出口(可與“報(bào)告和超連結(jié)”視圖結(jié)合使用)3，網(wǎng)站使用多媒體元素檢查：適當(dāng)?shù)母袷剑m當(dāng)?shù)拇笮?，其他用戶通過(guò)IP地址直接訪問(wèn)網(wǎng)站。確定IP地址和通信端口編號(hào)(通常使用圖片設(shè)置)、確定網(wǎng)站位置(通常使用英語(yǔ)命名)、檢查網(wǎng)站主檔案名稱、升級(jí)到頂部、發(fā)布網(wǎng)站、1、局域網(wǎng)中的本機(jī)發(fā)布(12)通過(guò)利用IIS的虛擬目錄，用戶可以在局域網(wǎng)內(nèi)發(fā)布一個(gè)或多個(gè)IP地址/(，網(wǎng)站發(fā)布，2，在internet上發(fā)布使