單元1-網(wǎng)頁賞析、創(chuàng)建站點與瀏覽網(wǎng)頁

單元1網(wǎng)頁賞析、創(chuàng)建站點與瀏覽網(wǎng)頁【任務(wù)1.1】創(chuàng)建北京大學(xué)網(wǎng)站站點并瀏覽網(wǎng)頁【任務(wù)1.1.1】分析北京大學(xué)站點的目錄結(jié)構(gòu)〖任務(wù)描述〗1.利用提供的資源，分析北京大學(xué)站點的目錄結(jié)構(gòu)和組成元素。2.了解網(wǎng)站與網(wǎng)頁的相關(guān)概念。〖任務(wù)實施〗圖1-28分析北京大學(xué)站點的目錄結(jié)構(gòu)網(wǎng)頁設(shè)計與制作項目教程第一單元【任務(wù)1.1】創(chuàng)建北京大學(xué)網(wǎng)站站點并瀏覽網(wǎng)頁【任務(wù)1.1.2】賞析北京大學(xué)網(wǎng)站的首頁、列表頁和詳情頁〖任務(wù)描述〗1.利用百度網(wǎng)站搜索“北京大學(xué)”及有關(guān)學(xué)校的網(wǎng)站，通過賞析這些頁站的首頁（index.html）、列表頁（list.html）_二級頁面和詳情頁（content.html）_三級頁面認(rèn)識瀏覽器窗口的基本組成、認(rèn)識網(wǎng)頁的基本組成元素、認(rèn)識網(wǎng)頁的布局結(jié)構(gòu)。2.通過經(jīng)典頁面的賞析，對網(wǎng)頁的構(gòu)成形成初步印象。3.通過分析網(wǎng)頁了解網(wǎng)頁的相關(guān)概念和術(shù)語。4.從所瀏覽的網(wǎng)站中篩選出兩個優(yōu)秀的網(wǎng)站，書寫網(wǎng)頁賞析報告。網(wǎng)頁設(shè)計與制作項目教程第一單元【任務(wù)1.1】創(chuàng)建北京大學(xué)網(wǎng)站站點并瀏覽網(wǎng)頁【任務(wù)1.1.2】賞析北京大學(xué)網(wǎng)站的首頁、列表頁和詳情頁〖任務(wù)實施〗圖1-29北京大學(xué)網(wǎng)站首頁（index.html）圖1-30北京大學(xué)網(wǎng)站列表頁（list.html）圖1-31北京大學(xué)網(wǎng)站詳情頁（content.html）網(wǎng)頁設(shè)計與制作項目教程第一單元【任務(wù)1.1】創(chuàng)建北京大學(xué)網(wǎng)站站點并瀏覽網(wǎng)頁【任務(wù)1.1.3】創(chuàng)建北京大學(xué)網(wǎng)站的本地站點〖任務(wù)實施〗〖任務(wù)描述〗創(chuàng)建一個名為“北京大學(xué)”的本地站點。如圖1-32所示。圖1-32北京大學(xué)本地站點包含的文件及內(nèi)容任務(wù)實施步驟參見本單元【預(yù)備知識】中“使用Dreamweaver的向?qū)?chuàng)建本地站點”方法。建議使用“記事本”、手寫代碼的方法書寫網(wǎng)頁和創(chuàng)建站點。注意：在實際工作中站點、文件夾和網(wǎng)頁文件名稱不能以中文命名。網(wǎng)頁設(shè)計與制作項目教程第一單元【任務(wù)1.1】創(chuàng)建北京大學(xué)網(wǎng)站站點并瀏覽網(wǎng)頁【任務(wù)1.1.4】認(rèn)識Dreamweaver的工作界面〖任務(wù)實施〗〖任務(wù)描述〗1.認(rèn)識Dreamweaver的標(biāo)題欄2.認(rèn)識Dreamweaver的菜單欄3.認(rèn)識Dreamweaver的【文檔】工具欄4.認(rèn)識Dreamweaver的【標(biāo)準(zhǔn)】工具欄5.認(rèn)識Dreamweaver的“文檔”窗口6.認(rèn)識Dreamweaver的“插入”面板1.了解Dreamweaver工作界面的基本組成。2.了解【文件】面板的組成。3.了解Dreamweaver工作界面各個組成部分的主要功能。圖1-33Dreamweaver的工作界面7.認(rèn)識Dreamweaver的【屬性】面板8.認(rèn)識Dreamweaver的面板組9.認(rèn)識Dreamweaver的【文件】面板10.認(rèn)識Dreamweaver的標(biāo)簽選擇器網(wǎng)頁設(shè)計與制作項目教程第一單元【任務(wù)1.1】創(chuàng)建北京大學(xué)網(wǎng)站站點并瀏覽網(wǎng)頁【任務(wù)1.1.5】打開與保存網(wǎng)頁文檔index.html〖任務(wù)實施〗〖任務(wù)描述〗1.打開網(wǎng)頁文檔index.html2.瀏覽網(wǎng)頁3.保存網(wǎng)頁文檔4.關(guān)閉網(wǎng)頁文檔1.啟動Dreamweaver，打開一個網(wǎng)頁文檔index.html2.瀏覽網(wǎng)頁index.html3.保存對網(wǎng)頁index.html的修改4.關(guān)閉網(wǎng)頁index.html網(wǎng)頁設(shè)計與制作項目教程第一單元【任務(wù)1.1】創(chuàng)建北京大學(xué)網(wǎng)站站點并瀏覽網(wǎng)頁【任務(wù)1.1.6】在瀏覽器中瀏覽網(wǎng)頁index.html〖任務(wù)實施〗〖任務(wù)描述〗1.認(rèn)識瀏覽器窗口的基本組成。2.認(rèn)識網(wǎng)頁的基本組成元素。（1）文本（2）圖像（3）動畫（4）超級鏈接（5）導(dǎo)航欄（6）表單（7）網(wǎng)站的Logo（8）視頻