電子政務(wù)實(shí)驗(yàn)總結(jié).doc
《電子政務(wù)實(shí)驗(yàn)總結(jié).doc》由會(huì)員分享,可在線閱讀,更多相關(guān)《電子政務(wù)實(shí)驗(yàn)總結(jié).doc(39頁珍藏版)》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。
電子政務(wù) 實(shí)驗(yàn)指導(dǎo)書 成賢學(xué)院 2011年9月 目錄 實(shí)驗(yàn)一 熟悉HTML(2學(xué)時(shí)) 3 實(shí)驗(yàn)二 使用 Dreamweaver 站點(diǎn)(2學(xué)時(shí)) 12 實(shí)驗(yàn)三 創(chuàng)建和管理文件(2學(xué)時(shí)) 17 實(shí)驗(yàn)四 使用 HTML 對(duì)頁面進(jìn)行布局(2學(xué)時(shí)) 23 實(shí)驗(yàn)五 Dreamweaver綜合練習(xí)(2學(xué)時(shí)) 35 實(shí)驗(yàn)六 Flash綜合練習(xí)(2學(xué)時(shí)) 37 實(shí)驗(yàn)七 Fireworks綜合練習(xí)(2學(xué)時(shí)) 38 實(shí)驗(yàn)一 熟悉HTML(2學(xué)時(shí)) [實(shí)驗(yàn)?zāi)康腯 基本要求: 掌握HTML的基本結(jié)構(gòu),了解幾類重要的HTML元素 重 點(diǎn): 標(biāo)記文本。 難 點(diǎn): 對(duì)內(nèi)聯(lián)文本元素和泛型元素的認(rèn)識(shí),能夠根據(jù)需要綜合使用各種HTML元素。 [實(shí)驗(yàn)內(nèi)容] 一、 綜合演練——熟悉HTML 1. 創(chuàng)建簡(jiǎn)單網(wǎng)頁 2. 標(biāo)記文本 3. 使用鏈接 4. 加入圖片 5. 基本表格標(biāo)記 6. 表單 7. 驗(yàn)證文檔 [綜合演練1實(shí)驗(yàn)步驟] ——熟悉HTML 創(chuàng)建簡(jiǎn)單網(wǎng)頁 輸入內(nèi)容 1. 在文本編輯器輸入如圖0-1所示的文本,請(qǐng)保持一樣的格式。 圖0-1 2. 創(chuàng)建一個(gè)文件夾命名為“bistro”,將上述文件保存在“bistro”中并命名為“index.html”。 3. 在瀏覽器中打開“index.html”,并使用截圖軟件將頁面保存到一個(gè)word文檔中命名為“HTML文檔的變化.doc”。 添加基本結(jié)構(gòu) 1. 在文本編輯器中打開index.html. 2. 在開頭添加開始標(biāo)簽,在結(jié)尾添加結(jié)束標(biāo)簽 3. 創(chuàng)建文檔的,并在元素內(nèi)添加標(biāo)題文字“Black Goose Bistro”,用…
之間,即Black Goose Bistro
3. 用同樣的方法將“The Restaurant”、“Catering Services”、“Location and Hours”標(biāo)記為二級(jí)標(biāo)題元素h2。 4. 將每個(gè)h2元素后面的一小段文字標(biāo)記為段落p元素 5. 在“Catering Services”的文字部分中,用強(qiáng)調(diào)文本元素em標(biāo)記“well do the cooking.”這一句話形成強(qiáng)調(diào)效果。 6. 保存文檔并在瀏覽器中打開觀察文檔的變化,并使用截圖軟件將頁面同樣保存到 “HTML文檔的變化.doc”中。 請(qǐng)思考:什么是HTML中的塊元素,什么是內(nèi)聯(lián)元素?以上使用的元素中哪些是塊元素,哪些是內(nèi)聯(lián)元素?什么元素是泛型元素? 添加圖像 1. 將圖片文件“blackgoose.gif”保存到“bistro”文件夾中。 2. 將圖像元素插入一級(jí)標(biāo)題元素的開頭標(biāo)記之后,如下所示Black Goose Bistro
3. 保存文檔并在瀏覽器中打開觀察文檔的變化,并使用截圖軟件將頁面同樣保存到 “HTML文檔的變化.doc”中。 使用樣式表改變外觀 1. 打開index.html. 2. 將style元素插入文檔的head部分,如下圖所示。保存文檔并在瀏覽器中打開觀察文檔的變化,并使用截圖軟件將頁面同樣保存到 “HTML文檔的變化.doc”中。 請(qǐng)注意此處無空格 標(biāo)記文本 構(gòu)建塊 1. 請(qǐng)向具有基本文檔結(jié)構(gòu)元素網(wǎng)頁文本(標(biāo)記文本-構(gòu)建塊.txt)中添加塊元素,使其瀏覽效果如圖0-2所示。可能會(huì)用到的文本塊元素可參考表0-1。 表0-1 文本塊元素參考 標(biāo)題 h1-h6 段 p 長引用 blockquote 預(yù)格式化 pre 作者聯(lián)系信息 address 無序列表 ul 有序列表 ol 列表項(xiàng) li 定義列表 dl 術(shù)語 dt 定義 dd 圖0-2 網(wǎng)頁效果示意圖 綜合應(yīng)用 1. 請(qǐng)向具有基本文檔結(jié)構(gòu)元素網(wǎng)頁文本(標(biāo)記文本-綜合練習(xí).txt)中添加塊元素,使其瀏覽效果如圖0-3所示。基本步驟如下: (1) 首先輸入文檔結(jié)構(gòu)元素。給文檔賦予標(biāo)題“Black Goose Bistro Summer Menu”。 (2) 使用div元素將網(wǎng)頁分為四個(gè)獨(dú)立的部分,以此命名為“header”、“appetizers”、“main”和“warning”。 (3) 確定一級(jí)標(biāo)題和二級(jí)標(biāo)題。在一級(jí)標(biāo)題中將直條字符改為項(xiàng)目符號(hào)字符。 (4) 使餐館信息獨(dú)立成段。刪除“Massachusetts”后的冒號(hào),使用br元素在新行開始“hours”。 圖0-3 頁面效果圖 鏈接 相對(duì)路徑和絕對(duì)路徑 注意:絕對(duì)路徑是指在鏈接路徑中使用絕對(duì)URL地址,即包括協(xié)議、域名和文件路徑。相對(duì)路徑描述了鏈接網(wǎng)頁相對(duì)于當(dāng)前文檔的路徑名,不需要協(xié)議或域名,只需要網(wǎng)頁路徑。 網(wǎng)頁路徑遵循Unix習(xí)慣,使用正斜線(/)隔開目錄和文件名,相對(duì)路徑名描述了從當(dāng)前文檔的位置開始,如何獲取鏈接文檔。 當(dāng)要鏈接到高層文件時(shí),使用專用的點(diǎn)點(diǎn)斜(../)約定代表向上一層,向上兩層就用兩個(gè)點(diǎn)點(diǎn)斜(../../),以此類推。 相對(duì)網(wǎng)站根路徑名則在路徑開頭用“/”代表根目錄,然后按照需要書寫后面的路徑。 1. 請(qǐng)?jiān)谌鐖D0-4所示的網(wǎng)站結(jié)構(gòu)中,按要求寫出鏈接的路徑。 鏈接到低層:index.html指向 salmon.html的鏈接; index.html指向 couscous.html的鏈接 鏈接到高層:salmon.html指向index.html的鏈接; couscous.html指向index.html的鏈接 要求寫出相對(duì)鏈接和絕對(duì)鏈接兩種方式。 About.html index.html Image1.gif Image2.gif Salmon.html tapenade.html couscous.html linguine.html 我的廚房 Images/ Recipes/ pasta/ 圖0-4 為文檔添加鏈接 1. 創(chuàng)建外部鏈接 打開jenskitchen文件夾中的文件index.html。將列表項(xiàng)“Epicurious”指向網(wǎng)頁www. epicurious.com,例如,- The Food Network
- epicurious
Back to the home page
保存about.html并在瀏覽器中點(diǎn)擊鏈接查看變化。 3. 鏈接到低層目錄 打開jenskitchen文件夾中的文件index.html。創(chuàng)建列表項(xiàng)“Tapenade(Olive Spread)”到recipes目錄中文件tapenade.html的鏈接。Back to the home page
, 使用相對(duì)路徑使文本鏈接到主頁index.html。完成后保存tapenade.html并在 瀏覽器中打開,點(diǎn)擊鏈接觀察變化。 6. 鏈接到上兩層目錄。 打開linguine.html。在網(wǎng)頁底部可以看到下面段落。Back to the home page
使用相對(duì)路徑使文本鏈接到主頁index.html。完成后保存tapenade.html并在瀏覽器中打開,點(diǎn)擊鏈接觀察變化。 7. 鏈接到網(wǎng)頁中的指定點(diǎn) 打開glossary.html,完成以下步驟: (1) 通過使用id屬性將h2標(biāo)題“A”命名為“startA”,將其確定為鏈接的目的地——即命名錨A
(2) 將網(wǎng)頁頂部的字母“A”鏈接到命名錨,注意一定要加“#”號(hào)。 A (3) 對(duì)網(wǎng)頁頂部的字母和對(duì)應(yīng)的段落重復(fù)上述步驟直至全部完成 (4) 將標(biāo)題“Glossary”設(shè)置成名為“top”的目的地。Glossary
(5) 在每個(gè)字母部分(含字母標(biāo)題和所跟的段落)的最后添加包含“TOP”的段落元素,使TOP鏈接到標(biāo)題“Glossary”。 8. 對(duì)于在新窗口打開鏈接文檔和通過鏈接打開指定的郵件程序請(qǐng)自行練習(xí)。 插入圖片 添加并鏈接圖片 1. 請(qǐng)使用準(zhǔn)備好的tuscany網(wǎng)站文件夾完成下列練習(xí)。打開文件夾中的index.html,將縮略圖及附加文字添加到其中。示例如下:Pozzarello
仿照示例在新的p元素中添加圖片country-side_100.jpg,設(shè)置h2標(biāo)題為“On the Road”,確定路徑、描述、像素大?。▽?00,高75) 在新的p元素中添加圖片sienna_100.jpg和duomo_100.jpg,設(shè)置h2標(biāo)題為“Sienna”,確定路徑、描述、像素大?。▽?00,高75) 設(shè)置完成后在瀏覽器中查看。 2. 將圖片放在單獨(dú)的網(wǎng)頁文件中,示例如下:The View Through My Window
仿照示例將剩余圖片分別添加到countyr-side.html、sienna.html、duomo.html中。照片都是長邊500,短邊375 3. 打開index.html,將縮略圖鏈接到各自的大圖網(wǎng)頁文件。示例如下:Pozzarello
仿照示例完成其他縮略圖的鏈接。 表格 設(shè)計(jì)表格 1. 創(chuàng)建一個(gè)新的html文檔,設(shè)置其基本文檔結(jié)構(gòu)(html元素、head元素、title元素和body元素) 2. 在head部分添加如下的樣式表定義。8. 保存文檔并在瀏覽器中查看頁面效果,點(diǎn)擊提交和重設(shè)按鈕觀察頁面變化。 9. 下面練習(xí)在表單中添加單選按鈕和復(fù)選框。用和步驟3中相同的方法將Color:Feature:Size標(biāo)簽放在一個(gè)fieldset中并將“Custom Shoe Design”設(shè)為fieldset的legend。 10. 為Color選項(xiàng)專門創(chuàng)建另一個(gè)字段集,將介紹信息用作legend。另外將顏色選項(xiàng)標(biāo)記為無序列表。示例如下: 11. 結(jié)構(gòu)布置好后向其中插入表單控件。這里使用單選按鈕。示例如下:
16. 保存文檔并在瀏覽器中查看頁面效果 驗(yàn)證文檔 使用W3C驗(yàn)證服務(wù) 1. 打開瀏覽器訪問validator.w3.org。使用“Validate by File Upload”將提供的blackgoose.html文檔上傳并點(diǎn)擊“Check”按鈕。 2. 對(duì)照列出來的錯(cuò)誤列表修改原文件。 3. 使用同樣的方式驗(yàn)證提供的文檔“x-blackgoose.html”并修改錯(cuò)誤。 實(shí)驗(yàn)二 使用 Dreamweaver 站點(diǎn)(2學(xué)時(shí)) [實(shí)驗(yàn)?zāi)康腯 基本要求: 掌握網(wǎng)站建立的步驟,熟悉可視化地圖的使用 重 點(diǎn): 了解網(wǎng)站創(chuàng)建的完整過程。 難 點(diǎn): 可視化地圖的特殊用法。 [實(shí)驗(yàn)內(nèi)容] 一、 綜合演練 1. 使用 Dreamweaver 站點(diǎn) 2. 使用站點(diǎn)的可視化地圖 [綜合演練1實(shí)驗(yàn)步驟] ——使用 Dreamweaver 站點(diǎn) 設(shè)置 Dreamweaver 站點(diǎn) Dreamweaver 站點(diǎn)由三個(gè)部分(或文件夾)組成,具體取決于開發(fā)環(huán)境和所開發(fā)的 Web 站點(diǎn)類型: l 本地根文件夾存儲(chǔ)您正在處理的文件。Dreamweaver 將此文件夾稱為“ 本地站點(diǎn)”。此文件夾可以位于本地計(jì)算機(jī)上,也可以位于網(wǎng)絡(luò)服務(wù)器上。如果您直接在服務(wù)器上工作,每次您保存文件時(shí) Dreamweaver 都會(huì)將文件上傳到服務(wù)器。 l 遠(yuǎn)程文件夾存儲(chǔ)用于測(cè)試、生產(chǎn)和協(xié)作等用途的文件。Dreamweaver 在“ 文件” 面板中將此文件夾稱為“ 遠(yuǎn)程站點(diǎn)”。遠(yuǎn)程文件夾通常位于運(yùn)行 Web 服務(wù)器的計(jì)算機(jī)上。本地文件夾和遠(yuǎn)程文件夾使您能夠在本地硬盤和 Web 服務(wù)器之間傳輸文件;這使您可以輕松管理 Dreamweaver 站點(diǎn)中的文件。 l 測(cè)試服務(wù)器文件夾Dreamweaver 在其中處理動(dòng)態(tài)頁的文件夾。 使用管理站點(diǎn)對(duì)話框 使用“ 管理站點(diǎn)” 對(duì)話框創(chuàng)建新站點(diǎn)、編輯站點(diǎn)、重制站點(diǎn)、刪除站點(diǎn)或者導(dǎo)入或?qū)С稣军c(diǎn)設(shè)置。 1 選擇“ 站點(diǎn)”>“ 管理站點(diǎn)”,從左側(cè)的列表中選擇一個(gè)站點(diǎn)。 2 單擊一個(gè)按鈕選擇以下選項(xiàng)之一,并單擊“ 完成”。 l 新建使您可以創(chuàng)建新站點(diǎn)。 l 編輯使您可以編輯現(xiàn)有站點(diǎn)。 l 復(fù)制創(chuàng)建所選站點(diǎn)的副本。副本將出現(xiàn)在站點(diǎn)列表窗口中。 l 刪除刪除所選站點(diǎn);此操作無法撤消。 l 導(dǎo)出使您可以將站點(diǎn)設(shè)置導(dǎo)出為 XML 文件 (*.ste)。 l 導(dǎo)入使您可以選擇要導(dǎo)入的站點(diǎn)設(shè)置文件 (*.ste)。 設(shè)置和編輯本地根文件夾 規(guī)劃站點(diǎn)結(jié)構(gòu)后,在 Dreamweaver 中設(shè)置(定義)站點(diǎn)。您還應(yīng)定義一個(gè)站點(diǎn),以便編輯不是由 Dreamweaver 創(chuàng)建的Web 站點(diǎn)。設(shè)置 Dreamweaver 站點(diǎn)是一種組織所有與 Web 站點(diǎn)關(guān)聯(lián)的文檔的方法。 本地根文件夾是 Dreamweaver 站點(diǎn)的工作目錄。此文件夾可以位于本地計(jì)算機(jī)上,也可以位于網(wǎng)絡(luò)服務(wù)器上。如果要開始在計(jì)算機(jī)上編輯文件(而不進(jìn)行發(fā)布),只需設(shè)置一個(gè)本地文件夾,以后再添加遠(yuǎn)程和測(cè)試信息。 即使沒有使用 Dreamweaver 創(chuàng)建原始站點(diǎn),也可以使用 Dreamweaver 編輯本地磁盤上的現(xiàn)有 Web 站點(diǎn)或編輯遠(yuǎn)程站點(diǎn)(或遠(yuǎn)程站點(diǎn)的分支)。 注:如果本地根文件夾位于運(yùn)行 Web 服務(wù)器的系統(tǒng)中,則無需指定遠(yuǎn)程文件夾。這意味著該 Web 服務(wù)器正在您的本地計(jì)算機(jī)上運(yùn)行。 1 選擇以下項(xiàng)之一: l 若要設(shè)置新站點(diǎn),請(qǐng)選擇“ 站點(diǎn)”>“ 新建站點(diǎn)”。 l 若要編輯本地磁盤上的現(xiàn)有站點(diǎn)或遠(yuǎn)程站點(diǎn)(或遠(yuǎn)程站點(diǎn)的分支)的設(shè)置,無論該站點(diǎn)是否在 Dreamweaver 中創(chuàng)建,都可選擇“ 站點(diǎn)”>“ 管理站點(diǎn)”,然后單擊“ 編輯”。 注:如果未定義任何 Dreamweaver 站點(diǎn),將會(huì)出現(xiàn)“ 站點(diǎn)定義” 對(duì)話框,而無需您單擊“ 新建”。 2 輸入設(shè)置信息: l 若要使用站點(diǎn)設(shè)置向?qū)гO(shè)置站點(diǎn),請(qǐng)單擊“ 基本” 選項(xiàng)卡,然后按照提示進(jìn)行操作。 l 若要直接設(shè)置本地文件夾、遠(yuǎn)程文件夾和測(cè)試文件夾(用于處理動(dòng)態(tài)頁),請(qǐng)單擊“ 高級(jí)” 選項(xiàng)卡,選擇“ 本地信息” 類別并設(shè)置各個(gè)選項(xiàng)。 3 單擊“ 確定” 和“ 完成” 以創(chuàng)建站點(diǎn)(在“ 文件” 面板中顯示)。 設(shè)置測(cè)試服務(wù)器 如果計(jì)劃開發(fā)動(dòng)態(tài)頁, Dreamweaver 需要測(cè)試服務(wù)器的服務(wù)以便在您進(jìn)行操作時(shí)生成和顯示動(dòng)態(tài)內(nèi)容。測(cè)試服務(wù)器可以是本地計(jì)算機(jī)、開發(fā)服務(wù)器、中間服務(wù)器或生產(chǎn)服務(wù)器。在設(shè)置測(cè)試服務(wù)器文件夾之前,必須定義本地和遠(yuǎn)程文件夾。您可能經(jīng)常將您的遠(yuǎn)程文件夾的設(shè)置用于您的測(cè)試服務(wù)器,因?yàn)樵谶h(yuǎn)程文件夾中上傳的動(dòng)態(tài)頁通??赡苁怯蓱?yīng)用程序服務(wù)器處理的。 1 選擇以下項(xiàng)之一: l 若要設(shè)置新站點(diǎn),請(qǐng)選擇“ 站點(diǎn)”>“ 新建站點(diǎn)”。 l 若要編輯本地磁盤上現(xiàn)有站點(diǎn)或遠(yuǎn)程站點(diǎn)(或遠(yuǎn)程站點(diǎn)的分支)的設(shè)置,無論該站點(diǎn)是否使用 Dreamweaver 創(chuàng)建,都可選擇“ 站點(diǎn)”>“ 管理站點(diǎn)”,然后從列表中選擇站點(diǎn)并單擊“ 編輯”。 注:如果未定義任何 Dreamweaver 站點(diǎn),將會(huì)出現(xiàn)“ 站點(diǎn)定義” 對(duì)話框,而無需您單擊“ 新建”。 2 在“ 站點(diǎn)定義” 對(duì)話框的“ 高級(jí)” 選項(xiàng)卡中選擇“ 測(cè)試服務(wù)器”。 3 選擇要用于 Web 應(yīng)用程序的服務(wù)器技術(shù)。 4 接受默認(rèn)的“ 測(cè)試服務(wù)器” 設(shè)置,或者輸入不同的設(shè)置。 注:默認(rèn)情況下,Dreamweaver 會(huì)假定應(yīng)用程序服務(wù)器運(yùn)行在與您的Web 服務(wù)器相同的系統(tǒng)上。如果您在“ 站點(diǎn)定義” 對(duì)話框的“ 遠(yuǎn)程信息” 類別中定義了遠(yuǎn)程文件夾,并且如果應(yīng)用程序服務(wù)器運(yùn)行在與遠(yuǎn)程文件夾相同的系統(tǒng)上(包括您的本地計(jì)算機(jī)),則接受“ 測(cè)試服務(wù)器” 類別中的默認(rèn)設(shè)置。 5 在“URL 前綴” 文本框中,輸入用戶在其瀏覽器中打開您的 Web 應(yīng)用程序時(shí)需要鍵入的 URL,但不包括任何文件名。 注:URL 前綴由域名和 Web 站點(diǎn)主目錄的任何一個(gè)子目錄或虛擬目錄(而不是文件名)組成。例如,如果應(yīng)用程序的 URL 是www.adobe.com/mycoolapp/start.jsp,則應(yīng)輸入以下 URL 前綴:www.adobe.com/mycoolapp/。 注:如果 Dreamweaver 與 Web 服務(wù)器在同一系統(tǒng)上運(yùn)行,則可以使用 localhost 選項(xiàng)之一作為域名的占位符。例如,如果運(yùn)行的是 IIS,而應(yīng)用程序的 URL 是 http://buttercup_pc/mycoolapp/start.jsp,請(qǐng)輸入以下 URL 前綴:http://localhost/mycoolapp/ 6 單擊“ 確定”,然后單擊“ 完成” 以將新站點(diǎn)添加到站點(diǎn)列表中。 [綜合演練2實(shí)驗(yàn)步驟] ——使用站點(diǎn)的可視化地圖 可以將 Dreamweaver 站點(diǎn)的本地文件夾視作鏈接的圖標(biāo)的視覺地圖,此視覺地圖稱為站點(diǎn)地圖??梢允褂谜军c(diǎn)地圖將新文件添加到 Dreamweaver 站點(diǎn),或者添加、修改或刪除鏈接。 站點(diǎn)地圖從主頁開始顯示兩個(gè)級(jí)別深度的站點(diǎn)結(jié)構(gòu)。站點(diǎn)地圖將頁面顯示為圖標(biāo),并按在源代碼中出現(xiàn)的順序來顯示鏈接。必須先定義站點(diǎn)的主頁才能顯示站點(diǎn)地圖。站點(diǎn)的主頁是地圖的起點(diǎn),可以是站點(diǎn)中的任何頁面??梢愿闹黜?、顯示的列數(shù)、圖標(biāo)標(biāo)簽顯示文件名還是顯示頁標(biāo)題以及是否顯示隱藏文件和相關(guān)文件。(相關(guān)文件是瀏覽器在加載主頁時(shí)加載的圖像或其它非 HTML 內(nèi)容。) 定義或更改站點(diǎn)的主頁 1 在“ 文件” 面板(“ 窗口”>“ 文件”)中,從顯示當(dāng)前站點(diǎn)、服務(wù)器或驅(qū)動(dòng)器的彈出菜單中選擇一個(gè)站點(diǎn)。 2 右鍵單擊 (Windows) 或按住 Control 鍵單擊 (Macintosh) 要設(shè)為主頁的文件,然后選擇“ 設(shè)成首頁”。 注:還可以在“ 站點(diǎn)定義” 對(duì)話框的“ 站點(diǎn)地圖布局” 選項(xiàng)中設(shè)置主頁。 3 若要更改主頁,請(qǐng)重復(fù)第 2 步。 查看站點(diǎn)地圖 1 在“ 文件” 面板(“ 窗口”>“ 文件”)中,執(zhí)行下列操作之一: l 在折疊的“ 文件” 面板中,選擇“ 站點(diǎn)視圖” 菜單中的“ 地圖視圖”。 l 在展開的“ 文件” 面板中,單擊工具欄中的“ 站點(diǎn)地圖” 按鈕,然后選擇“ 僅地圖”(不包含本地文件結(jié)構(gòu)的站點(diǎn)地圖)或“ 地圖和文件” (包含本地文件結(jié)構(gòu))。 注:如果尚未定義主頁或者 Dreamweaver 在當(dāng)前站點(diǎn)中找不到要用作主頁的 index.html 或 index.htm 頁面,Dreamweaver 將提示您選擇一個(gè)主頁。 2 單擊文件名旁的加號(hào) (+) 或減號(hào) (-) 可顯示或隱藏鏈接在第二級(jí)之下的頁面: l 以紅色顯示的文本指示斷開的鏈接。 l 以藍(lán)色顯示并且標(biāo)有地球圖標(biāo)的文本表示其它站點(diǎn)上的文件或特殊鏈接(如電子郵件或腳本鏈接)。 l 綠色選中標(biāo)記指示您已取出的文件。 l 紅色選中標(biāo)記指示他人取出的文件。 l 鎖形圖標(biāo)指示只讀 (Windows) 或鎖定 (Macintosh) 的文件。 修改站點(diǎn)地圖布局 使用“ 站點(diǎn)地圖布局” 選項(xiàng)可自定義站點(diǎn)地圖的外觀。 1 通過下列操作之一打開“ 站點(diǎn)定義” 對(duì)話框: l 選擇“ 站點(diǎn)”>“ 管理站點(diǎn)”,選擇站點(diǎn),然后單擊“ 編輯”。 l 在“ 文件” 面板中,從顯示當(dāng)前站點(diǎn)、服務(wù)器或驅(qū)動(dòng)器的菜單中選擇“ 管理站點(diǎn)”,然后單擊“ 編輯”。 2 在“ 站點(diǎn)定義” 對(duì)話框中,從左側(cè)的“ 分類” 列表中選擇“ 站點(diǎn)地圖布局” 并設(shè)置各個(gè)選項(xiàng): l 列數(shù)設(shè)置在站點(diǎn)地圖窗口中每行要顯示的列數(shù)。 l 列寬設(shè)置站點(diǎn)地圖的列寬(以像素為單位)。 l 圖標(biāo)標(biāo)簽選擇在站點(diǎn)地圖中與文檔圖標(biāo)一起顯示的名稱是表示為文件名還是頁標(biāo)題。 l 顯示標(biāo)記為隱藏的文件顯示站點(diǎn)地圖中已標(biāo)記為隱藏的 HTML 文件。 l 顯示相關(guān)文件在站點(diǎn)層次結(jié)構(gòu)中顯示所有相關(guān)文件。 3 單擊“ 確定”,然后單擊“ 完成”。 查看站點(diǎn)地圖中的不同分支 通過使某個(gè)分支成為站點(diǎn)地圖的焦點(diǎn),可以查看站點(diǎn)特定部分的詳細(xì)信息。 1 選擇您要查看的頁。 2 請(qǐng)執(zhí)行下列操作之一: l 在站點(diǎn)地圖中右鍵單擊 (Windows) 或按住 Control 單擊 (Macintosh),然后選擇“ 作為根查看”。 l 在默認(rèn)的“文件”面板(“窗口”>“文件”)中,單擊右上角的選項(xiàng)菜單,然后選擇“查看”>“站點(diǎn)地圖選項(xiàng)”>“作為根查看”。 站點(diǎn)地圖在窗口中重新繪制,就象指定頁位于站點(diǎn)的根目錄一樣。站點(diǎn)地圖之上的“ 站點(diǎn)導(dǎo)航” 文本框顯示從主頁到指定頁的路徑。通過一次單擊選擇路徑中的任意項(xiàng),從該級(jí)別開始查看站點(diǎn)地圖。 3 若要展開和收縮站點(diǎn)地圖中的分支,請(qǐng)單擊分支的加號(hào) (+) 或減號(hào) (-) 按鈕。 在站點(diǎn)地圖中選擇若干個(gè)頁面 請(qǐng)執(zhí)行下列操作之一: l 從視圖的空白部分開始在一組文件周圍拖動(dòng),以選擇這些文件。 l 按住 Ctrl 單擊 (Windows) 或按住 Command 單擊 (Macintosh),以選擇不相鄰的頁。 l 按住 Shift 單擊以選擇某一范圍的相鄰頁。 在站點(diǎn)地圖中打開某頁進(jìn)行編輯 ? 雙擊文件,或者右鍵單擊 (Windows) 或按住 Control 單擊 (Macintosh) 文件,然后選擇“ 打開”。 向站點(diǎn)中添加現(xiàn)有文件 ? 將文件從 Windows 資源管理器或 Macintosh Finder 中拖動(dòng)到站點(diǎn)地圖中的一個(gè)文件,或者在站點(diǎn)地圖中右鍵單擊(Windows) 或按住 Control 鍵單擊 (Macintosh) 該文件,然后選擇“ 鏈接到已有文件” 并瀏覽到該文件。 創(chuàng)建新文件并在站點(diǎn)地圖中添加鏈接 1 在站點(diǎn)地圖中選擇一個(gè)文件,或者右鍵單擊 (Windows) 或按住 Control 鍵單擊 (Macintosh),然后選擇“ 鏈接到新文件”。 2 輸入該鏈接的名稱、標(biāo)題和文本,然后單擊“ 確定”。 Dreamweaver 將該文件保存在與選定文件相同的文件夾中。如果向隱藏的分支目錄中添加一個(gè)新文件,則該新文件也會(huì)被設(shè)置為隱藏。 在站點(diǎn)地圖中修改頁的標(biāo)題 1 單擊折疊的“ 文件” 面板右上角的選項(xiàng)菜單,然后選擇“ 文件”>“ 重命名視圖”>“ 顯示頁面標(biāo)題”,以顯示頁面標(biāo)題。 2 從站點(diǎn)地圖中選擇一個(gè)文件,然后執(zhí)行下列操作之一: l 單擊標(biāo)題,然后輸入新的標(biāo)題。 l 單擊右上角的選項(xiàng)菜單,然后選擇“ 文件”>“ 重命名”。 3 鍵入新名稱,然后按 Enter (Windows) 或 Return (Macintosh)。 注:當(dāng)您在“ 文件” 面板中進(jìn)行操作時(shí), Dreamweaver 會(huì)更新所有指向更改了名稱的文件的鏈接。 在進(jìn)行更改后更新站點(diǎn)地圖顯示 ? 單擊站點(diǎn)地圖中的任意位置,以取消選擇任何文件,然后單擊“ 文件” 面板工具欄中的“ 刷新”。 [實(shí)驗(yàn)報(bào)告](請(qǐng)按照要求提交實(shí)驗(yàn)報(bào)告電子版) 1. 實(shí)驗(yàn)報(bào)告由課堂回顧和綜合演練兩部分內(nèi)容組成,課堂回顧部分答案用word文檔保存,演練部分將站點(diǎn)文件夾整體提交。然后將這兩部分放在一個(gè)文件夾下,統(tǒng)一命名為“學(xué)號(hào)+時(shí)間”,例如:信管三班十四號(hào)同學(xué)第一次實(shí)驗(yàn)報(bào)告保存在名為“信管070314-100331”的文件夾中,以此類推。 2. 到最后一周上機(jī)后,將個(gè)人所有上機(jī)作業(yè)文件夾匯總到一個(gè)文件夾中,統(tǒng)一命名為“學(xué)號(hào)+網(wǎng)頁設(shè)計(jì)上機(jī)作業(yè)匯總”,例如:信管三班十四號(hào)同學(xué)所有上機(jī)作業(yè)文件夾匯總保存在名為“信管070314網(wǎng)頁設(shè)計(jì)上機(jī)作業(yè)匯總”的文件夾中,并將其做成壓縮文件包,以此類推。 3. 課程結(jié)束時(shí),各班同學(xué)將各自的上機(jī)作業(yè)壓縮文件包交給各班班長統(tǒng)一收齊刻成光盤上交指導(dǎo)教師。 實(shí)驗(yàn)三 創(chuàng)建和管理文件(2學(xué)時(shí)) [實(shí)驗(yàn)?zāi)康腯 基本要求: 掌握Dreamweaver中創(chuàng)建、處理和測(cè)試頁面的方法和步驟。 重 點(diǎn): Dreamweaver常見的文件類型,操作文件的基本方法。 難 點(diǎn): 靈活使用測(cè)試報(bào)告查找文件中存在的錯(cuò)誤。 [實(shí)驗(yàn)內(nèi)容] 一、 綜合演練 創(chuàng)建和管理文件 [綜合演練實(shí)驗(yàn)步驟] ——?jiǎng)?chuàng)建和管理文件 在 Dreamweaver 中可以使用多種文件類型。使用的主要文件類型是HTML文件。HTML文件(或超文本標(biāo)記語言文件)包含基于標(biāo)簽的語言,負(fù)責(zé)在瀏覽器中顯示W(wǎng)eb頁面。可以使用.html或.htm擴(kuò)展名保存HTML文件。Dreamweaver默認(rèn)情況下使用.html擴(kuò)展名保存文件。 以下是使用 Dreamweaver 時(shí)可能會(huì)用到的其它一些常見文件類型: l CSS 層疊樣式表文件的擴(kuò)展名為 .css。它們用于設(shè)置 HTML 內(nèi)容的格式并控制各個(gè)頁面元素的位置。 l GIF 圖形交換格式文件的擴(kuò)展名為 .gif。GIF 格式是用于卡通、徽標(biāo)、具有透明區(qū)域的圖形、動(dòng)畫的常用 Web 圖形格式。GIF 最多包含 256 種顏色。 l JPEG 聯(lián)合圖像專家組文件(根據(jù)創(chuàng)建該格式的組織命名)的擴(kuò)展名為 .jpg,通常是照片或色彩較鮮明的圖像。JPEG 格式最適合用于數(shù)碼照片或掃描的照片、使用紋理的圖像、具有漸變色過渡的圖像以及需要 256 種以上顏色的任何圖像。 l XML 可擴(kuò)展標(biāo)記語言文件的擴(kuò)展名為 .xml。它們包含原始形式的數(shù)據(jù),可使用 XSL (Extensible Stylesheet Language:可擴(kuò)展樣式表語言)設(shè)置這些數(shù)據(jù)的格式。 l XSL 可擴(kuò)展樣式表語言文件的擴(kuò)展名為 .xsl 或 .xslt。它們用于設(shè)置要在 Web 頁中顯示的 XML 數(shù)據(jù)的樣式。 l CFML ColdFusion 標(biāo)記語言文件的擴(kuò)展名為 .cfm。它們用于處理動(dòng)態(tài)頁面。 l ASPX ASP.NET 文件的擴(kuò)展名為 .aspx,用于處理動(dòng)態(tài)頁。 l PHP 超文本預(yù)處理器文件的擴(kuò)展名為 .php,可用于處理動(dòng)態(tài)頁。 創(chuàng)建空白頁 可以創(chuàng)建包含預(yù)設(shè)計(jì) CSS 布局的頁面,或者先創(chuàng)建一個(gè)完全空白的頁,然后創(chuàng)建自己的布局。 1 選擇“ 文件”>“ 新建”。 2 在“ 新建文檔” 對(duì)話框的“ 空白頁” 類別中,從“ 頁面類型” 列選擇要?jiǎng)?chuàng)建的頁面類型。例如,選擇HTML來創(chuàng)建一個(gè)純HTML 頁,選擇 ColdFusion 來創(chuàng)建一個(gè) ColdFusion 頁,等等。 3 如果希望新頁面包含CSS 布局,請(qǐng)從“布局”列中選擇一個(gè)預(yù)設(shè)計(jì)的CSS 布局;否則,選擇“無”?;谀倪x擇,在對(duì)話框的右側(cè)將顯示選定布局的預(yù)覽和說明。 注:預(yù)設(shè)計(jì)的 CSS 布局提供了下列類型的列: l 固定列寬是以像素指定的。列的大小不會(huì)根據(jù)瀏覽器的大小或站點(diǎn)訪問者的文本設(shè)置來調(diào)整。 l 彈性列寬是以相對(duì)于文本大小的度量單位(全方)指定的。如果站點(diǎn)訪問者更改了文本設(shè)置,該設(shè)計(jì)將會(huì)進(jìn)行調(diào)整,但不會(huì)基于瀏覽器窗口的大小來更改列寬度。 l 液態(tài)列寬是以站點(diǎn)訪問者的瀏覽器寬度的百分比形式指定的。如果站點(diǎn)訪問者將瀏覽器變寬或變窄,該設(shè)計(jì)將會(huì)進(jìn)行調(diào)整,但不會(huì)基于站點(diǎn)訪問者的文本設(shè)置來更改列寬度。 混合用上述三個(gè)選項(xiàng)的任意組合來指定列類型。例如,兩列混合,右側(cè)欄布局具有可縮放至瀏覽器大小的液態(tài)主列,而右側(cè)的彈性列可縮放至站點(diǎn)訪問者的文本設(shè)置的大小。 4 從“ 文檔類型” 彈出菜單中選擇文檔類型。大多數(shù)情況下,可以使用默認(rèn)選擇,即 XHTML 1.0 Transitional。 從“ 文檔類型” 菜單中選擇一種 XHTML 文檔類型定義使頁面符合 XHTML。例如,可從菜單中選擇“XHTML 1.0Transitional” 或“XHTML 1.0 Strict”,使 HTML 文檔符合 XHTML 規(guī)范。XHTML (可擴(kuò)展超文本標(biāo)記語言)是以XML 應(yīng)用的形式重新組織的 HTML。通常,利用 XHTML,可以獲得 XML 的優(yōu)點(diǎn),同時(shí)還能確保 Web 文檔的向后和向前兼容性。 5 如果在“ 布局” 列中選擇了 CSS 布局,則從“ 布局 CSS 位置” 彈出菜單中為布局的 CSS 選擇一個(gè)位置。 l 添加到文檔頭將布局的 CSS 添加到要?jiǎng)?chuàng)建的頁面頭中。 l 新建文件將布局的 CSS 添加到新的外部 CSS 文件并將新的樣式表附加到要?jiǎng)?chuàng)建的頁面中。 l 鏈接到現(xiàn)有文件可以通過此選項(xiàng)指定已包含布局所需的CSS 規(guī)則的現(xiàn)有CSS 文件。為此,請(qǐng)單擊“ 附加CSS 文件” 窗格上方的“ 附加樣式表” 圖標(biāo)并選擇一個(gè)現(xiàn)有CSS 樣式表。當(dāng)您希望在多個(gè)文檔上使用相同的CSS 布局(CSS 布局的CSS 規(guī)則包含在一個(gè)文件中)時(shí),此選項(xiàng)特別有用。 6 (可選)創(chuàng)建頁面時(shí),還可以將 CSS 樣式表附加到新頁面(與 CSS 布局無關(guān))。為此,請(qǐng)單擊“ 附加 CSS 文件” 窗格上方的“ 附加樣式表” 圖標(biāo)并選擇一個(gè) CSS 樣式表。 7 如果要設(shè)置文檔的默認(rèn)首選參數(shù)(如文檔類型、編碼和文件擴(kuò)展名),請(qǐng)單擊“ 首選參數(shù)”。 8 如果要打開可在其中下載更多頁面設(shè)計(jì)內(nèi)容的 Dreamweaver Exchange,請(qǐng)單擊“ 獲取更多內(nèi)容”。 9 單擊“ 創(chuàng)建” 按鈕。 10 保存新文檔(“ 文件”>“ 保存”)。 11 在出現(xiàn)的對(duì)話框中,瀏覽到要用來保存文件的文件夾。 注:最好將文件保存在 Dreamweaver 站點(diǎn)中。 12 在“ 文件名” 框中,鍵入文件名。 注:請(qǐng)不要在文件名和文件夾名中使用空格和特殊字符,文件名也不要以數(shù)字開頭。具體說來就是不要在打算放到遠(yuǎn)程服務(wù)器上的文件名中使用特殊字符(如 、 或 )或標(biāo)點(diǎn)符號(hào)(如冒號(hào)、斜杠或句號(hào));很多服務(wù)器在上傳時(shí)會(huì)更改這些字符,這會(huì)導(dǎo)致與這些文件的鏈接中斷。 創(chuàng)建基于現(xiàn)有模板的頁面 可以選擇、預(yù)覽文檔并通過現(xiàn)有模板創(chuàng)建新的文檔??梢允褂谩?新建文檔”對(duì)話框從Dreamweaver 定義的任何站點(diǎn)中選擇模板,也可以使用“資源”面板從現(xiàn)有模板創(chuàng)建新的文檔。 創(chuàng)建基于模板的文檔 1 選擇“ 文件”>“ 新建”。 2 在“ 新建文檔” 對(duì)話框中,選擇“ 模板中的頁” 類別。 3 在“ 站點(diǎn)” 列中,選擇包含要使用的模板的 Dreamweaver 站點(diǎn),然后從右側(cè)的列表中選擇一個(gè)模板。 4 如果您不希望在每次更改該頁面所基于的模板后都更新此頁面,請(qǐng)取消選擇“ 當(dāng)模板改變時(shí)更新頁面”。 5 如果要設(shè)置文檔的默認(rèn)首選參數(shù)(如文檔類型、編碼和文件擴(kuò)展名),請(qǐng)單擊“ 首選參數(shù)”。 6 如果要打開可在其中下載更多頁面設(shè)計(jì)內(nèi)容的 Dreamweaver Exchange,請(qǐng)單擊“ 獲取更多內(nèi)容”。 7 單擊“ 創(chuàng)建” 并保存文檔(“ 文件”>“ 保存”)。 在資源面板中從模板創(chuàng)建文檔 1 如果“ 資源” 面板尚未打開,請(qǐng)將其打開(“ 窗口”>“ 資源”)。 2 在“ 資源” 面板中,單擊左側(cè)的“ 模板” 圖標(biāo)以查看當(dāng)前站點(diǎn)中的模板列表。 3 右鍵單擊 (Windows) 或按住 Control 單擊 (Macintosh) 要應(yīng)用的模板,然后選擇“ 從模板新建”。將在“ 文檔” 窗口中打開文檔。 4 保存文檔。 創(chuàng)建基于 Dreamweaver 示例文件的頁面 Dreamweaver 附帶了幾種以專業(yè)水準(zhǔn)開發(fā)的頁面布局和設(shè)計(jì)元素文件??梢曰谶@些示例文件開始設(shè)計(jì)站點(diǎn)頁面。當(dāng)創(chuàng)建基于示例文件的文檔時(shí),Dreamweaver 會(huì)創(chuàng)建文件的副本。 可以在“新建文檔”對(duì)話框中預(yù)覽示例文件并閱讀文檔的設(shè)計(jì)元素的簡(jiǎn)要說明。如果選擇了“CSS 樣式表”類別,可以復(fù)制預(yù)先設(shè)計(jì)的樣式表,然后將其應(yīng)用于您的文檔。 注:如果創(chuàng)建基于預(yù)定義框架集的文檔,則僅復(fù)制框架集結(jié)構(gòu),而不復(fù)制框架內(nèi)容。另外,必須分別保存每個(gè)框架文件。 1 選擇“ 文件”>“ 新建”。 2 在“ 新建文檔” 對(duì)話框中,選擇“ 示例中的頁” 類別。 3 在“ 示例文件夾” 列中,選擇“CSS 樣式表”、“ 框架集”、“ 起始頁(主題)” 或“ 起始頁(基本)” ;然后從右側(cè)的列表中選擇一個(gè)示例文件。 4 單擊“ 創(chuàng)建” 按鈕。 新文檔在“ 文檔” 窗口中打開(“ 設(shè)計(jì)” 視圖)。如果選擇了“CSS 樣式表”,則 CSS 樣式表將在“ 代碼” 視圖中打開 5 保存該文檔(“ 文件”>“ 保存”)。 6 如果出現(xiàn)“ 復(fù)制相關(guān)文件” 對(duì)話框,請(qǐng)?jiān)O(shè)置該選項(xiàng),然后單擊“ 復(fù)制”,將資源復(fù)制到所選的文件夾中。 在文件面板中處理文件 打開文件 1 在“ 文件” 面板(“ 窗口”>“ 文件”)中,從彈出菜單(其中顯示當(dāng)前站點(diǎn)、服務(wù)器或驅(qū)動(dòng)器)中選擇站點(diǎn)、服務(wù)器或驅(qū)動(dòng)器。 2 定位到要打開的文件。 3 請(qǐng)執(zhí)行下列操作之一: l 雙擊該文件的圖標(biāo)。 l 右鍵單擊 (Windows) 或按住 Control 單擊 (Macintosh) 該文件的圖標(biāo),然后選擇“ 打開”。Dreamweaver 會(huì)在“ 文檔” 窗口中打開該文件。 創(chuàng)建文件或文件夾 1 在“ 文件” 面板(“ 窗口”>“ 文件”)中,選擇一個(gè)文件或文件夾。 Dreamweaver 將在當(dāng)前選定的文件夾中(或者在與當(dāng)前選定文件所在的同一個(gè)文件夾中)新建文件或文件夾。 2 右鍵單擊 (Windows) 或按住 Control 單擊 (Macintosh),然后選擇“ 新建文件” 或“ 新建文件夾”。 3 輸入新文件或新文件夾的名稱。 4 按 Enter (Windows) 或 Return (Macintosh)。 刪除文件或文件夾 1 在“ 文件” 面板(“ 窗口”>“ 文件”)中,選擇要?jiǎng)h除的文件或文件夾。 2 右鍵單擊 (Windows) 或按住 Control 并單擊 (Macintosh),然后選擇“ 刪除”。 重命名文件或文件夾 1 在“ 文件” 面板(“ 窗口”>“ 文件”)中,選擇要重命名的文件或文件夾。 2 執(zhí)行下列操作之一,激活文件或文件夾的名稱: l 單擊文件名,稍停片刻,然后再次單擊。 l 右鍵單擊 (Windows) 或按住 Control 單擊 (Macintosh) 該文件的圖標(biāo),然后選擇“ 重命名”。 3 鍵入新名稱,覆蓋現(xiàn)有名稱。 4 按 Enter (Windows) 或 Return (Macintosh)。 移動(dòng)文件或文件夾 1 在“ 文件” 面板(“ 窗口”>“ 文件”)中,選擇要移動(dòng)的文件或文件夾。 2 請(qǐng)執(zhí)行下列操作之一: l 復(fù)制該文件或文件夾,然后粘貼在新位置。 l 將該文件或文件夾拖到新位置。 3 刷新“ 文件” 面板可以看到該文件或文件夾在新位置上。 刷新文件面板 ? 請(qǐng)執(zhí)行下列操作之一: l 右鍵單擊 (Windows) 或按住 Control 單擊 (Macintosh) 該文件和文件夾,然后選擇“ 刷新”。 l ( 僅對(duì) Dreamweaver 站點(diǎn))單擊“ 文件” 面板工具欄上的“ 刷新” 按鈕(此選項(xiàng)刷新兩個(gè)窗格)。 注:當(dāng)在另一個(gè)應(yīng)用程序中進(jìn)行了更改并返回到 Dreamweaver 時(shí),Dreamweaver 會(huì)刷新“ 文件” 面板。 標(biāo)識(shí)和刪除未使用的文件 1 選擇“ 站點(diǎn)”>“ 檢查站點(diǎn)范圍的鏈接”。 注:Dreamweaver 檢查站點(diǎn)中的所有鏈接,并在“ 結(jié)果” 面板中顯示斷開的鏈接。 2 在“ 鏈接檢查器” 面板上的菜單中選擇“ 孤立的文件”。 注:Dreamweaver 將顯示沒有入站鏈接的所有文件。這意味著站點(diǎn)中沒有鏈接到這些文件的文件。 3 選擇要?jiǎng)h除的文件,按Delete(Windows)或Command+Delete (Macintosh)。 注:盡管站點(diǎn)中沒有其它文件引用列出的文件,但列出的某些文件可能鏈接到了其它文件。因此刪除這些文件時(shí)要謹(jǐn)慎。 使用報(bào)告測(cè)試站點(diǎn) 運(yùn)行報(bào)告以測(cè)試站點(diǎn) 1 選擇“ 站點(diǎn)”>“ 報(bào)告”。 注:若要僅為站點(diǎn)運(yùn)行輔助功能報(bào)告,可以選擇“文件”>“檢查頁”>“檢查輔助功能”,報(bào)告將出現(xiàn)在“結(jié)果”面板組的“站點(diǎn)報(bào)告” 面板中。 2 從“ 報(bào)告在” 彈出菜單中選擇要報(bào)告的內(nèi)容,并設(shè)置要運(yùn)行的任意一種報(bào)告類型(工作流程或 HTML)。只有在“ 文件” 面板中已經(jīng)有選定文件的情況下,才能運(yùn)行“ 站點(diǎn)中的已選文件” 報(bào)告。 3 如果您選擇了工作流程報(bào)告,請(qǐng)單擊“ 報(bào)告設(shè)置”。否則,跳過這一步。 注:如果選擇不止一個(gè)工作流程報(bào)告,則對(duì)每個(gè)報(bào)告都需要單擊“ 報(bào)告設(shè)置” 按鈕進(jìn)行設(shè)置。選擇一個(gè)報(bào)告,單擊“ 報(bào)告設(shè)置”,輸入設(shè)置,然后對(duì)任何其它工作流程報(bào)告重復(fù)該過程。 l 取出者創(chuàng)建一個(gè)報(bào)告,列出某特定小組成員取出的所有文檔。輸入小組成員的名稱,然后單擊“ 確定”,返回到“ 報(bào)告” 對(duì)話框。 l 設(shè)計(jì)備注創(chuàng)建一個(gè)報(bào)告,列出選定文檔或站點(diǎn)的所有設(shè)計(jì)備注。輸入一對(duì)或多對(duì)名稱和值,然后從相應(yīng)的彈出菜單中選擇對(duì)比值。單擊“ 確定”,返回到“ 報(bào)告” 對(duì)話框。 l 最近修改創(chuàng)建一個(gè)報(bào)告,列出在指定時(shí)間段內(nèi)發(fā)生更改的文件。輸入要查看文件的日期范圍和所在位置。 4 如果選擇 HTML 報(bào)告,則從以下報(bào)告中選擇: l 可合并嵌套字體標(biāo)簽創(chuàng)建一個(gè)報(bào)告,列出所有可以合并的嵌套字體標(biāo)簽以便清理代碼。例如,將報(bào)告STOP! 。 l 沒有替換文本會(huì)創(chuàng)建一個(gè)報(bào)告,列出所有沒有替換文本的img 標(biāo)簽。 注:在純文本瀏覽器或設(shè)為手動(dòng)下載圖像的瀏覽器中,替換文本將替代圖像出現(xiàn)在應(yīng)顯示圖像的位置。屏幕閱讀器將讀出替換文本,而且有些瀏覽器可在用戶鼠標(biāo)經(jīng)過圖像時(shí)顯示替換文本。 l 取出者創(chuàng)建一個(gè)報(bào)告,列出某特定小組成員取出的所有文檔。 l 輔助功能創(chuàng)建一個(gè)報(bào)告,詳細(xì)列出您的內(nèi)容與 1998 年康復(fù)法案的第 508 款輔助功能準(zhǔn)則之間的沖突。 l 多余的嵌套標(biāo)簽建一個(gè)報(bào)告,詳細(xì)列出應(yīng)該清理的嵌套標(biāo)簽。 l 例如,將報(bào)告 The rain in Spain stays mainly in the plain 。 l 可移除的空標(biāo)簽創(chuàng)建一個(gè)報(bào)告,詳細(xì)列出所有可以移除的空標(biāo)簽以便清理 HTML 代碼。例如,可能在“ 代碼” 視圖中已刪除了某項(xiàng)或某個(gè)圖像,卻留下了應(yīng)用于該項(xiàng)的標(biāo)簽。 l 無標(biāo)題文檔創(chuàng)建一個(gè)報(bào)告,列出在選定參數(shù)中找到的所有無標(biāo)題的文檔。 5 單擊“ 運(yùn)行”,創(chuàng)建報(bào)告。 根據(jù)運(yùn)行的報(bào)告的類型,可能會(huì)提示保存文件、定義站點(diǎn)或選擇文件夾(如果尚未執(zhí)行這些操作)。 “ 站點(diǎn)報(bào)告” 面板(在“ 結(jié)果” 面板組中)中將顯示一個(gè)結(jié)果列表。 使用和保存報(bào)告 1 運(yùn)行報(bào)告(請(qǐng)參閱前面的步驟)。 2 在“ 站點(diǎn)報(bào)告” 面板中,執(zhí)行以下任一操作來查看報(bào)告: l 單擊要按其排序的列標(biāo)題以對(duì)結(jié)果進(jìn)行排序。 注:可以按文件名、行號(hào)或說明進(jìn)行排序。還可以運(yùn)行若干不同的報(bào)告并讓不同的報(bào)告保持打開狀態(tài)。 l 選擇報(bào)告中的任一行,然后單擊“ 站點(diǎn)報(bào)告” 面板左側(cè)的“ 更多信息” 按鈕可以了解問題說明。信息即會(huì)出現(xiàn)在“ 參考” 面板中。 l 雙擊報(bào)告中的任一行可以在“ 文檔” 窗口中查看相應(yīng)的代碼。 注:如果您正在使用“ 設(shè)計(jì)” 視圖, Dreamweaver 將更改顯示以拆分視圖,以顯示代碼中報(bào)告的問題。 3 單擊“ 保存報(bào)告”
- 1.請(qǐng)仔細(xì)閱讀文檔,確保文檔完整性,對(duì)于不預(yù)覽、不比對(duì)內(nèi)容而直接下載帶來的問題本站不予受理。
- 2.下載的文檔,不會(huì)出現(xiàn)我們的網(wǎng)址水印。
- 3、該文檔所得收入(下載+內(nèi)容+預(yù)覽)歸上傳者、原創(chuàng)作者;如果您是本文檔原作者,請(qǐng)點(diǎn)此認(rèn)領(lǐng)!既往收益都?xì)w您。
下載文檔到電腦,查找使用更方便
9.9 積分
下載 |
- 配套講稿:
如PPT文件的首頁顯示word圖標(biāo),表示該P(yáng)PT已包含配套word講稿。雙擊word圖標(biāo)可打開word文檔。
- 特殊限制:
部分文檔作品中含有的國旗、國徽等圖片,僅作為作品整體效果示例展示,禁止商用。設(shè)計(jì)者僅對(duì)作品中獨(dú)創(chuàng)性部分享有著作權(quán)。
- 關(guān) 鍵 詞:
- 電子政務(wù) 實(shí)驗(yàn) 總結(jié)
鏈接地址:http://m.jqnhouse.com/p-9640163.html