主題三-網(wǎng)站設(shè)計與評價.ppt

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

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

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

4、具代表FrontPage、Dreamweaver等。網(wǎng)頁創(chuàng)作工具、網(wǎng)頁創(chuàng)作工具和htmL文檔本身是文本格式的文件，可以在任何文本剪輯軟件(例如寫字板、記事本、Word等)中進行編輯。保存后，將文件擴展名保存為。HTM或.更改為html后，可以使用瀏覽器導(dǎo)航到相應(yīng)的網(wǎng)頁。HTML語言通過一系列特定標(biāo)簽(Tag)標(biāo)識其含義和角色，然后通過瀏覽器表示這些標(biāo)簽所代表的含義。3，了解網(wǎng)站規(guī)劃和設(shè)計，點主題設(shè)計網(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è)置自己的專題站點，首先必須創(chuàng)建用于保存和調(diào)試生成的網(wǎng)頁的網(wǎng)站。新建的網(wǎng)站應(yīng)首先保存

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

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

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

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

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