《網(wǎng)頁設(shè)計綜合實訓(xùn)實訓(xùn)指導(dǎo)方案》由會員分享，可在線閱讀，更多相關(guān)《網(wǎng)頁設(shè)計綜合實訓(xùn)實訓(xùn)指導(dǎo)方案（39頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1、1網(wǎng)頁設(shè)計綜合實訓(xùn)網(wǎng)頁設(shè)計綜合實訓(xùn)實訓(xùn)指導(dǎo)方案實訓(xùn)指導(dǎo)方案一、一、 實訓(xùn)目的與要求實訓(xùn)目的與要求網(wǎng)頁設(shè)計綜合實訓(xùn)主要目的是讓學(xué)生通過這門實踐課程的學(xué)習(xí)了解和掌握網(wǎng)頁設(shè)計的基本方法，通過不斷上機實習(xí)訓(xùn)練達到解決實際的問題。因此，在本學(xué)期特設(shè)置此課程設(shè)計，集中一段時間使學(xué)生綜合運用所學(xué)習(xí)的網(wǎng)頁制作知識及以前所學(xué)習(xí)的計算機方面的知識，按照網(wǎng)站制作的流程，完成一個相對具體、綜合的網(wǎng)站，全面鞏固學(xué)生的知識，培養(yǎng)學(xué)生解決實際問題的能力，從而達到學(xué)以致用的目的。二、二、 實訓(xùn)內(nèi)容實訓(xùn)內(nèi)容1. 實例實訓(xùn)以一個電子商務(wù)靜態(tài)網(wǎng)站設(shè)計的實例指導(dǎo)學(xué)生如何獨立完成電子商務(wù)靜態(tài)站點的設(shè)計和制作。讓學(xué)生在機房實際操作，按照

2、給定的實例完成實例中站點的創(chuàng)建和設(shè)計制作。2. 自建站點實訓(xùn)讓學(xué)生自行選擇站點的主題，從規(guī)劃站點到上傳文件一步一步完成整個站點的創(chuàng)建、調(diào)試和上傳工作。3. 總結(jié)對學(xué)生的全部作品進行考核，并選擇典型的案例對實訓(xùn)的結(jié)果進行考核。2三、三、 參考課時參考課時標(biāo)題標(biāo)題實訓(xùn)內(nèi)容實訓(xùn)內(nèi)容實訓(xùn)課時實訓(xùn)課時預(yù)備實訓(xùn)動員1實訓(xùn)一基本知識回顧1實訓(xùn)四實訓(xùn)作品的站點規(guī)劃2實訓(xùn)五整體布局設(shè)計3實訓(xùn)六搜集和創(chuàng)建資源3實訓(xùn)七頁面素材設(shè)計3實訓(xùn)八樣式設(shè)計3實訓(xùn)九首頁模板設(shè)計2實訓(xùn)十二級頁面模板設(shè)計2實訓(xùn)十一各頁面的細化、測試和上傳作品4實訓(xùn)十二總結(jié)1總計24四、四、 實訓(xùn)材料準(zhǔn)備實訓(xùn)材料準(zhǔn)備1.軟件準(zhǔn)備Dreamweave

3、r 8 中文版 、PhotoShop7.0 以上版本、Flash 中文版（本實訓(xùn)對 FLASH 技術(shù)不做要求） 。2.硬件準(zhǔn)備網(wǎng)絡(luò)條件：與因特網(wǎng)連接的局域網(wǎng)。教師用機：Windows2000 Server 及以上版本。學(xué)生用機：Windows2000 Professional 及以上版本。3五、五、 綜合實訓(xùn)考核辦法：綜合實訓(xùn)考核辦法：1) 系統(tǒng)文檔 20 分2) 編寫代碼 30 分3) 程序調(diào)試 10 分4) 實訓(xùn)出勤 20 分5) 技術(shù)含量 10 分6) 美工設(shè)計 10 分4目目 錄錄實訓(xùn)一 基本知識回顧1實訓(xùn)二 實例一講解4實訓(xùn)三 實例一操作6實訓(xùn)四 實訓(xùn)作品的站點規(guī)劃8實訓(xùn)五 整體布局

4、設(shè)計10實訓(xùn)六 搜集和創(chuàng)建資源13實訓(xùn)七 頁面素材設(shè)計15實訓(xùn)八 樣式設(shè)計17實訓(xùn)九 首頁模板設(shè)計19實訓(xùn)十 二級頁面模板設(shè)計20實訓(xùn)十一 各頁面的細化、測試和上傳作品21實訓(xùn)十二 總結(jié)23附錄一 網(wǎng)站規(guī)劃書書寫格式25附錄二 CUTEFTP 使用說明271實訓(xùn)一實訓(xùn)一 基本知識回顧基本知識回顧一、一、 實訓(xùn)目的和要求實訓(xùn)目的和要求溫習(xí)網(wǎng)頁制作的課程重點難點，使學(xué)生對 Dreamweaver 8 各方面的操作知識系統(tǒng)的由“片”的認識轉(zhuǎn)向“面”的認識。二、二、 實訓(xùn)內(nèi)容實訓(xùn)內(nèi)容Dreamweaver 8 的基本操作：站點、表格、圖像、鏈接、框架等。三、三、 實訓(xùn)準(zhǔn)備實訓(xùn)準(zhǔn)備Dreamweaver

5、 8 中文版。四、四、 實訓(xùn)步驟實訓(xùn)步驟各實訓(xùn)指導(dǎo)教師按照所代學(xué)生的情況不同選擇性地按下列步驟溫習(xí) Dreamweaver 8 的重點難點知識。(一) 站點創(chuàng)建和規(guī)劃1. 本地站點的創(chuàng)建管理2. 站點視圖的使用方法(二) 鏈接的處理方式1. 相對路徑2. 鏈接到命名錨3. 管理鏈接(三) 圖像的處理方法1. 插入圖像的相關(guān)操作2. 使用導(dǎo)航條23. 客戶端圖像映象(四) 布局視圖、表格和層的應(yīng)用1. 使用布局視圖的相關(guān)操作2. 自動伸展類型的版面寬度3. 草稿圖的使用4. 關(guān)于插入表格的相關(guān)操作5. 創(chuàng)建分層、使用分層時的操作6. 使用分層面板7. 利用分層排版時的注意事項(五) 框架1. 框

6、架和框架集的一些標(biāo)識性概念2. 創(chuàng)建框架3. 框架文件的存儲4. 框架和框架集屬性的設(shè)置5. 在框架中使用鏈接(六) CSS 樣式1. 創(chuàng)建三種類型的 CSS 樣式2. 創(chuàng)建外部鏈接的 CSS 樣式單。五、五、 實訓(xùn)方法實訓(xùn)方法使用投影進行講解演示，并抽樣進行檢查。六、六、 考核辦法考核辦法此部分實訓(xùn)內(nèi)容采用抽樣考察的方法，考核以操作的熟練程度3和正確性為評分標(biāo)準(zhǔn)，以 A（優(yōu)秀） 、B（良好） 、C（及格） 、D（不及格）為成績標(biāo)準(zhǔn)。七、七、 思考和練習(xí)思考和練習(xí)1. 創(chuàng)建一個表格，預(yù)覽效果為各邊框格式是虛線、顏色是紅色、各邊框的寬度為 1 像素（px） 。2. 在制作站點時，會遇到 CSS

7、樣式的處理，而 CSS 樣式有兩種處理方法：一是應(yīng)用于單一文檔的 CSS 樣式；二是外部連接的 CSS 樣式單。請問建立站點時如何選擇為最優(yōu)。3. 怎樣解決因為瀏覽分辨率的不同所造成的網(wǎng)頁布局錯位的現(xiàn)象。4. 怎樣利用層(Layer)來制作下拉式菜單。4實訓(xùn)二實訓(xùn)二 實例一講解實例一講解一、一、 實訓(xùn)目的和要求實訓(xùn)目的和要求通過對一個具體的靜態(tài)電子商務(wù)網(wǎng)站的解析，使學(xué)生了解制作電子商務(wù)靜態(tài)站點的步驟，讓同學(xué)們對靜態(tài)電子商務(wù)網(wǎng)站的粗略和宏觀認識得到細化，使其懂得如何獨立面對靜態(tài)電子商務(wù)網(wǎng)站的設(shè)計。由實訓(xùn)指導(dǎo)教師自行選擇站點作為實例。實例要求如下：1. 站點系電子商務(wù)相關(guān)站點。2. 站點模塊功能清

8、晰，雖然是靜態(tài)站點，但也能反映各模塊的基本功能。3. 為了便于教學(xué)，站點應(yīng)該具有布局（表格/布局視圖/層/框架） 、圖像、鏈接、CSS 樣式等網(wǎng)頁設(shè)計制作中常用的知識點和操作。二、二、 實訓(xùn)內(nèi)容實訓(xùn)內(nèi)容講解和演示整個站點的制作過程和設(shè)計方法。三、三、 實訓(xùn)準(zhǔn)備實訓(xùn)準(zhǔn)備Dreamweaver 8 中文版。四、四、 實訓(xùn)步驟實訓(xùn)步驟1. 由實訓(xùn)指導(dǎo)教師詳細講解靜態(tài)電子商務(wù)站點（靜態(tài)公司站點）的設(shè)計方法和組成模塊。2. 由實訓(xùn)指導(dǎo)教師詳細演示首頁和一個以上的二級頁面的整個制作過程（從站點創(chuàng)建開始） 。53. 抽樣檢查學(xué)生的聽課效果，在時間允許的條件下，讓學(xué)生上教師機獨立完成頁面制作。4. 對學(xué)生的抽

9、樣檢查進行分析，重點講解其失誤或錯誤的地方。五、五、 實訓(xùn)方法實訓(xùn)方法使用投影講解演示，并抽樣進行檢查。六、六、 考核辦法考核辦法此部分實訓(xùn)內(nèi)容采用抽樣考察的方法，考核以操作的熟練程度和正確性為評分標(biāo)準(zhǔn)，以 A（優(yōu)秀） 、B（良好） 、C（及格） 、D（不及格）為成績標(biāo)準(zhǔn)。七、七、 思考和練習(xí)思考和練習(xí)1. 怎樣優(yōu)化公司站點創(chuàng)建規(guī)劃階段的公共資源和獨有資源的存儲方法？2. 靜態(tài)電子商務(wù)站點的創(chuàng)建應(yīng)該遵循那些基本要素？6實訓(xùn)三實訓(xùn)三 實例一操作實例一操作一、一、 實訓(xùn)目的和要求實訓(xùn)目的和要求將實訓(xùn)二的內(nèi)容在機房進行操作，讓學(xué)生切實地對靜態(tài)電子商務(wù)站點的設(shè)計進行操作。二、二、 實訓(xùn)內(nèi)容實訓(xùn)內(nèi)容對給

10、定的實例站點進行分析，并進行制作，最后由實訓(xùn)指導(dǎo)教師為每一位學(xué)生的制作成品進行考核。三、三、 實訓(xùn)準(zhǔn)備實訓(xùn)準(zhǔn)備Dreamweaver 8 中文版、PhotoShop 7.0 以上版本、制作站點時不能在機房完成的或以學(xué)生能力不能制作的素材。四、四、 實訓(xùn)步驟實訓(xùn)步驟1. 準(zhǔn)備工作：1) 站點的創(chuàng)建和規(guī)劃。2) 設(shè)計素材和內(nèi)容素材的準(zhǔn)備。3) CSS 樣式的準(zhǔn)備。2. 設(shè)計工作：1) 草稿圖的制作。2) 映射草稿圖，按照草稿圖的設(shè)計利用布局視圖進行版面布局。3) 布局完畢后，進行內(nèi)容素材和設(shè)計素材等相關(guān)素材對象的插入工作。3. 細化工作：71) 對內(nèi)容、表格、鏈接、圖片等進行 CSS 樣式的應(yīng)用。

11、2) 細化整個版面。4. 測試整個站點并交由實訓(xùn)指導(dǎo)教師進行考核。五、五、 實訓(xùn)方法實訓(xùn)方法在機房進行實訓(xùn)，由實訓(xùn)指導(dǎo)教師親臨指導(dǎo)。六、六、 考核辦法考核辦法此部分實訓(xùn)內(nèi)容采用全體考察的方法，考核以操作的熟練程度和正確性為評分標(biāo)準(zhǔn)，以 A（優(yōu)秀） 、B（良好） 、C（及格） 、D（不及格）為成績標(biāo)準(zhǔn)。七、七、 思考和練習(xí)思考和練習(xí)通過此部分實訓(xùn)，你是否熟練掌握建立靜態(tài)電子商務(wù)站點所需要各知識點的操作技能？由那些需要進一步的由教師在今后的課堂中進行講解和演示。8實訓(xùn)四實訓(xùn)四 實訓(xùn)作品的站點規(guī)劃實訓(xùn)作品的站點規(guī)劃一、一、 實訓(xùn)目的和要求實訓(xùn)目的和要求使學(xué)生在創(chuàng)建站點之前對站點有總體的規(guī)劃，讓學(xué)生對

12、自己即將設(shè)計和制作的站點進行規(guī)劃并完成站點規(guī)劃書的撰寫。實訓(xùn)作品的選題范圍：1、班級網(wǎng)站2、個人網(wǎng)站3、電子商務(wù)消費網(wǎng)站（為一種消費品制作電子商務(wù)站點）4、電子商務(wù)公司網(wǎng)站（為某個企業(yè)制作電子商務(wù)站點）因為是建立靜態(tài)的電子商務(wù)站點，所以在講解和分析站點規(guī)劃書時應(yīng)該著重于站點的設(shè)計，而不是其他方面，靜態(tài)的電子商務(wù)站點沒有交互式的訪問模式和系統(tǒng)，所以只能是發(fā)布信息的工具，這點請實訓(xùn)指導(dǎo)教師在授課和指導(dǎo)時予以關(guān)切。正式站點規(guī)劃書見附錄。二、二、 實訓(xùn)內(nèi)容實訓(xùn)內(nèi)容讓學(xué)生在因特網(wǎng)上申請免費的個人主頁空間，向?qū)W生講解站點規(guī)劃的重要性以及站點規(guī)劃書的撰寫方法，并由學(xué)生自行思考并完成實訓(xùn)指導(dǎo)書的撰寫。三、三、

13、 實訓(xùn)準(zhǔn)備實訓(xùn)準(zhǔn)備Dreamweaver 8 中文版 7、WORD2000 以上版本。四、四、 實訓(xùn)步驟實訓(xùn)步驟1. 進行實訓(xùn)作品的選題并申請個人主頁空間。92. 站點規(guī)劃書的書寫格式和方法的講解。3. 詳細講解靜態(tài)電子商務(wù)站點創(chuàng)建和制作的步驟，并分析制作站點規(guī)劃書的重要性和必要性，使學(xué)生規(guī)范網(wǎng)站設(shè)計的流程。4. 學(xué)生思考并撰寫自行創(chuàng)建站點的站點規(guī)劃書。五、五、 實訓(xùn)方法實訓(xùn)方法首先由實訓(xùn)指導(dǎo)教師在機房講解站點規(guī)劃書的書寫方法和基本格式，其次由學(xué)生針對所選的主題進行站點規(guī)劃。六、六、 考核辦法考核辦法此部分實訓(xùn)內(nèi)容采用全體考察的方法，考核以站點規(guī)劃書的完整性、實用性和創(chuàng)造性為評分標(biāo)準(zhǔn)，以 A（

14、優(yōu)秀） 、B（良好） 、C（及格） 、D（不及格）為成績標(biāo)準(zhǔn)。七、七、 思考和練習(xí)思考和練習(xí)作為電子商務(wù)專業(yè)，你覺得在撰寫電子商務(wù)站點規(guī)劃書應(yīng)該著重突出哪幾個方面，為什么？10實訓(xùn)五實訓(xùn)五 整體布局設(shè)計整體布局設(shè)計一、一、實訓(xùn)目的和要求實訓(xùn)目的和要求在站點規(guī)劃完成的基礎(chǔ)上，按照站點規(guī)劃書進行網(wǎng)站整體的布局設(shè)計。要求: 1. 設(shè)計作品中的各種文件夾和文件名均使用英文名（小寫） ；2. 設(shè)計作品首頁文件名為 index.htm、default.htm 等；3. 設(shè)計作品中中文字體設(shè)定為簡體字；4. 網(wǎng)頁應(yīng)有較好的瀏覽兼容性，同時應(yīng)考慮顯示分辨率（以800*600 為顯示標(biāo)準(zhǔn)） ，瀏覽器為 IE 7

15、.0 以上；5. 主題鮮明，具有實用性，清晰表達設(shè)計意圖；6. 結(jié)構(gòu)清楚合理，便于瀏覽查找；7. 色彩搭配協(xié)調(diào)，頁面美觀，具有藝術(shù)品位；8. 注意下載速度、語言代碼、導(dǎo)航效果、實用性、時效性；二、二、 實訓(xùn)內(nèi)容實訓(xùn)內(nèi)容1. 站點的創(chuàng)建。2. 繪制草稿圖。3. 利用草稿圖對網(wǎng)站各頁面進行布局設(shè)計。三、三、 實訓(xùn)準(zhǔn)備實訓(xùn)準(zhǔn)備Dreamweaver 8 中文版/英文版、PhotoShop7.0 以上版本。四、四、 實訓(xùn)步驟實訓(xùn)步驟1. 指導(dǎo)學(xué)生完成站點的創(chuàng)建。要求如下：111) 站點文件夾以自己的班級和自己的學(xué)號的組合命名。2) 在站點文件夾中建立相關(guān)頁面，以確保連接和圖像處理操作中路徑的正確性。3

16、) 所有的資源都保存在 assets 資源文件夾中，assets 文件夾可以細分為 pic、animation、sound 等子文件夾。4) 如果需要 CSS 樣式單文件，則 CSS 樣式單文件單獨放置于 css 文件夾中。2. 指導(dǎo)學(xué)生完成草稿圖的繪制，包括首頁和二級頁面。要求如下：1) 為了便于布局視圖的繪制，草稿圖的寬度統(tǒng)一為 777 像素，高度根據(jù)站點內(nèi)容進行設(shè)置。2) 草稿圖統(tǒng)一用 photoshop 進行繪制。3) 草稿圖上必須表明每板塊的內(nèi)容名稱。3. 指導(dǎo)學(xué)生利用草稿圖進行網(wǎng)頁各個頁面的布局設(shè)計（使用布局視圖） 。方法簡述如下：1) 進入布局視圖。2) 載入草稿圖。3) 繪制一

17、個布局表格覆蓋整個草稿圖，即繪制一個寬度為777 的表格。保證在分辨率變化的情況下，網(wǎng)頁不會出現(xiàn)異?，F(xiàn)象。4) 分別對個板塊繪制布局表格。5) 進行保存。12五、五、 實訓(xùn)方法實訓(xùn)方法機房操作。六、六、 考核辦法考核辦法此部分實訓(xùn)內(nèi)容采用全體考察的方法，以百分制為滿分，具體評分標(biāo)準(zhǔn)如下：1. 站點創(chuàng)建的規(guī)范性和熟練程度（25 分）2. 草稿圖的繪制（20 分）3. 草稿圖的載入（5 分）布局視圖的相關(guān)操作（50 分）七、七、 思考和練習(xí)思考和練習(xí)布局視圖和表格視圖在版面布局中各有優(yōu)勢和劣勢？對怎樣的版面布局應(yīng)該用布局視圖，又對怎樣的版面布局應(yīng)該用表格視圖？13實訓(xùn)六實訓(xùn)六 搜集和創(chuàng)建資源搜集和

18、創(chuàng)建資源一、一、 實訓(xùn)目的和要求實訓(xùn)目的和要求1. 按照實訓(xùn)四所完成的站點規(guī)劃書的要求完成站點設(shè)計和制作中資源的搜集和創(chuàng)建工作。要求如下：a) 為了維護機房秩序，與因特網(wǎng)互聯(lián)期間，由老師監(jiān)督，不可利用實訓(xùn)時間進行任何與實訓(xùn)無關(guān)的活動。b) 實訓(xùn)指導(dǎo)教師推薦資源站點供學(xué)生參考。c) 實訓(xùn)指導(dǎo)教師嚴格把關(guān)，保證資源創(chuàng)建和搜集的完整性。二、二、 實訓(xùn)內(nèi)容實訓(xùn)內(nèi)容在因特網(wǎng)上搜索資源或在本機上創(chuàng)建所需資源。三、三、 實訓(xùn)準(zhǔn)備實訓(xùn)準(zhǔn)備Dreamweaver 8 中文版 、WORD2000 以上版本、Photoshop7.0以上版本、 與因特網(wǎng)連接的局域網(wǎng)。四、四、 實訓(xùn)步驟實訓(xùn)步驟根據(jù)網(wǎng)站規(guī)劃書的內(nèi)容和網(wǎng)

19、站建設(shè)的需要，在因特網(wǎng)上搜索素材，素材包括網(wǎng)頁的信息內(nèi)容和網(wǎng)頁的主題設(shè)計內(nèi)容。五、五、 實訓(xùn)方法實訓(xùn)方法機房上網(wǎng)并利用本機軟件完成。六、六、 考核辦法考核辦法 此部分是學(xué)生在因特網(wǎng)和本機上進行資源的搜集和創(chuàng)建，故無需進行考核，但需要指導(dǎo)學(xué)生按照站點規(guī)劃書的要求完成站點資源14的搜集和創(chuàng)建工作。七、七、 思考與練習(xí)思考與練習(xí)此部分是學(xué)生在因特網(wǎng)和本機上進行資源的搜集和創(chuàng)建，故無練習(xí)。15實訓(xùn)七實訓(xùn)七 頁面素材設(shè)計頁面素材設(shè)計一、一、 實訓(xùn)目的和要求實訓(xùn)目的和要求按照實訓(xùn)四所完成的站點規(guī)劃書的要求完成站點設(shè)計和制作中的頁面素材的設(shè)計工作。要求如下：1. 嚴格按照站點規(guī)劃書的內(nèi)容進行頁面素材設(shè)計。2

20、. 實訓(xùn)指導(dǎo)教師給予頁面主題的相關(guān)指導(dǎo)。二、二、 實訓(xùn)內(nèi)容實訓(xùn)內(nèi)容在本機上進行頁面素材設(shè)計。三、三、 實訓(xùn)準(zhǔn)備實訓(xùn)準(zhǔn)備Dreamweaver 8 中文版 、WORD2000 以上版本、Photoshop7.0以上版本 。與因特網(wǎng)連接的局域網(wǎng)。四、四、 實訓(xùn)步驟實訓(xùn)步驟1. 公共頁面素材的設(shè)計。2. 首頁獨有頁面素材的設(shè)計。3. 各二級頁面獨有頁面素材的設(shè)計。4. 將設(shè)計好的素材文件存放在資源文件夾中。五、五、 實訓(xùn)方法實訓(xùn)方法機房利用本機軟件完成。六、六、 考核辦法考核辦法 此部分是學(xué)生在本機上進行頁面素材的搜集和創(chuàng)建，故無需進行考核，但需要指導(dǎo)學(xué)生按照站點規(guī)劃書的要求完成頁面素材的創(chuàng)建工作。

21、16七、七、 思考與練習(xí)思考與練習(xí)此部分是學(xué)生在本機上進行頁面素材的創(chuàng)建，故無練習(xí)。17實訓(xùn)八實訓(xùn)八 樣式設(shè)計樣式設(shè)計一、一、 實訓(xùn)目的和要求實訓(xùn)目的和要求按照實訓(xùn)四所完成的站點規(guī)劃書的要求完成站點設(shè)計和制作中的 HTML 樣式和 CSS 樣式的創(chuàng)建。二、實訓(xùn)內(nèi)容實訓(xùn)內(nèi)容1. HTML 樣式的創(chuàng)建。1) 創(chuàng)建字符型的 HTML 樣式。2) 創(chuàng)建段落型的 HTML 樣式。2. CSS 樣式的創(chuàng)建。1) 創(chuàng)建自定義的 CSS 樣式。2) 創(chuàng)建 HTML 標(biāo)記的的 CSS 樣式。3) 創(chuàng)建 CSS 選擇器的 CSS 樣式。 （用于創(chuàng)建偽錨名） 。三、三、 實訓(xùn)準(zhǔn)備實訓(xùn)準(zhǔn)備Dreamweaver 8

22、中文版 。四、四、 實訓(xùn)步驟實訓(xùn)步驟1. HTML 樣式的創(chuàng)建。 2. CSS 樣式的創(chuàng)建 1)內(nèi)部 CSS 樣式創(chuàng)建。2)外部鏈接 CSS 樣式單文件的創(chuàng)建。五、五、 實訓(xùn)方法實訓(xùn)方法機房利用本機軟件完成。六、六、 考核辦法考核辦法18此部分實訓(xùn)內(nèi)容采用全體考察的方法，以百分制為滿分，具體評分標(biāo)準(zhǔn)如下：1. HTML、CSS 樣式（內(nèi)部、外部）創(chuàng)建的熟練程度（30 分）2. HTML、CSS 樣式（內(nèi)部、外部）創(chuàng)建的操作正確性（40 分）HTML、CSS 樣式（內(nèi)部、外部）創(chuàng)建的結(jié)果正確性（30 分）七、七、 思考與練習(xí)思考與練習(xí)1、 導(dǎo)入外部鏈接的 CSS 樣式單文件和鏈接外部的 CSS

23、樣式單文件有什么區(qū)別？2、 CSS 樣式中自定義的 CSS 樣式、HTML 標(biāo)記的 CSS 樣式和CSS 選擇器樣式各有什么獨特的作用 ？19實訓(xùn)九實訓(xùn)九 首頁模板設(shè)計首頁模板設(shè)計一、一、 實訓(xùn)目的和要求實訓(xùn)目的和要求按照實訓(xùn)四所完成的站點規(guī)劃書的要求以及實訓(xùn)五的整體布局設(shè)計中的首頁布局設(shè)計完成首頁模板的整體設(shè)計和填充。二、實訓(xùn)內(nèi)容實訓(xùn)內(nèi)容首頁模板的制作和內(nèi)容的填充。三、三、 實訓(xùn)準(zhǔn)備實訓(xùn)準(zhǔn)備Dreamweaver 8 中文版 。四、四、 實訓(xùn)步驟實訓(xùn)步驟1. 根據(jù)實訓(xùn)五 整體布局設(shè)計中的首頁布局設(shè)計制作首頁模板。2. 在模板中插入實訓(xùn)六、七、八所設(shè)計好的資源和素材進行模板內(nèi)容的填充，形成站點

24、的首頁。五、五、 實訓(xùn)方法實訓(xùn)方法機房利用本機軟件完成。六、六、 考核辦法考核辦法此部分實訓(xùn)內(nèi)容采用全體考察的方法，以百分制為滿分，具體評分標(biāo)準(zhǔn)如下：1. 關(guān)于模板操作的熟練程度（50 分）2. 關(guān)于模板操作的正確性（50 分）七、七、 思考與練習(xí)思考與練習(xí)無20實訓(xùn)十實訓(xùn)十 二級頁面模板設(shè)計二級頁面模板設(shè)計一、一、 實訓(xùn)目的和要求實訓(xùn)目的和要求按照實訓(xùn)四所完成的站點規(guī)劃書的要求以及實訓(xùn)五的整體布局設(shè)計中的首頁布局設(shè)計完成二級模板的整體設(shè)計和填充。二、實訓(xùn)內(nèi)容實訓(xùn)內(nèi)容二級頁面模板的設(shè)計和填充。三、三、 實訓(xùn)準(zhǔn)備實訓(xùn)準(zhǔn)備Dreamweaver 8 中文版 。四、四、 實訓(xùn)步驟實訓(xùn)步驟1. 根據(jù)實

25、訓(xùn)五 整體布局設(shè)計中的各二級頁面布局設(shè)計制作二級頁面模板。2. 在模板中插入實訓(xùn)六、七、八所設(shè)計好的資源和素材進行模板內(nèi)容的填充，形成站點的各個二級頁面。五、五、 實訓(xùn)方法實訓(xùn)方法機房利用本機軟件完成。六、六、 考核辦法考核辦法此部分實訓(xùn)內(nèi)容采用全體考察的方法，以百分制為滿分，具體評分標(biāo)準(zhǔn)如下：1. 關(guān)于模板操作的熟練程度（50 分）2. 關(guān)于模板操作的正確性（50 分）七、七、 思考與練習(xí)思考與練習(xí)無 21實訓(xùn)十一實訓(xùn)十一 各頁面的細化、測試和上傳作品各頁面的細化、測試和上傳作品一、一、 實訓(xùn)目的和要求實訓(xùn)目的和要求按照實訓(xùn)四所完成的站點規(guī)劃書的要求細化頁面，使其達到最優(yōu)的效果并進行測試和上

26、傳作品。二、實訓(xùn)內(nèi)容實訓(xùn)內(nèi)容1. CSS 樣式的應(yīng)用和調(diào)整。2. 頁面布局的調(diào)整。3. 頁面文本、圖片以及媒體內(nèi)容的進一步細化。4. 鏈接的測試。5. 作品的上傳。三、三、 實訓(xùn)準(zhǔn)備實訓(xùn)準(zhǔn)備Dreamweaver 8 中文版 、PhotoShop7.0 以上中文版本 。連接因特網(wǎng)的局域網(wǎng)。四、四、 實訓(xùn)步驟實訓(xùn)步驟1. 按照站點規(guī)劃書的內(nèi)容要求對各個頁面進行 CSS 樣式的應(yīng)用。 2. 細化各個頁面，對各個頁面的圖像、表格、鏈接進行適當(dāng)?shù)恼{(diào)整，使站點更加美觀。3. 測試所有鏈接。4. 在本地站點中測試整個站點的運作情況，并進行相應(yīng)的調(diào)整。5. 利用 CuteFtp 工具進行作品上傳。 。22五

27、、五、 實訓(xùn)方法實訓(xùn)方法機房利用本機軟件完成。六、六、 考核辦法考核辦法此部分實訓(xùn)內(nèi)容采用全體考察的方法，以百分制為滿分，具體評分標(biāo)準(zhǔn)如下：1. CSS 應(yīng)用操作的熟練程度（20 分） 。2. 頁面布局的微操作（表格、布局視圖、層等）熟練程度（10分） 。3. 圖片、鏈接調(diào)整的為操作熟練程度（10 分） 。4. CuteFtp 的使用熟練程度。 （50 分） 。七、七、 思考與練習(xí)思考與練習(xí)完成整個站點后，對自己的站點的建設(shè)進行總結(jié)。23實訓(xùn)十二實訓(xùn)十二 總結(jié)總結(jié)一、一、 實訓(xùn)目的和要求實訓(xùn)目的和要求將學(xué)生制作的作品進行綜合的考核，并進行總結(jié)。二、實訓(xùn)內(nèi)容實訓(xùn)內(nèi)容1. 對學(xué)生作品進行考核。2.

28、 選擇典型的（優(yōu)秀的和劣質(zhì)的）作品分別進行總結(jié)。三、三、 實訓(xùn)準(zhǔn)備實訓(xùn)準(zhǔn)備Dreamweaver 8 中文版、PhotoShop7.0 以上中文版本。連接因特網(wǎng)的局域網(wǎng)。四、四、 實訓(xùn)步驟實訓(xùn)步驟1. 對學(xué)生的作品依次進行綜合考核。2. 抽取典型（優(yōu)秀和劣質(zhì)）的作品進行全面的解析。五、五、 實訓(xùn)方法實訓(xùn)方法機房利用本機軟件完成。六、六、 考核辦法考核辦法此部分實訓(xùn)以考核為主，對學(xué)生組品進行整體的考核。采用全體考察的方法，以百分制為滿分，具體評分標(biāo)準(zhǔn)如下：a) 系統(tǒng)文檔 20 分b) 編寫代碼 30 分c) 程序調(diào)試 10 分d) 實訓(xùn)出勤 20 分e) 技術(shù)含量 10 分24f)美工設(shè)計 10

29、 分七、七、 思考與練習(xí)思考與練習(xí)無。25附錄一附錄一 網(wǎng)站規(guī)劃書書寫格式網(wǎng)站規(guī)劃書書寫格式一、一、 建設(shè)網(wǎng)站前的市場分析建設(shè)網(wǎng)站前的市場分析1、相關(guān)行業(yè)的市場是怎樣的,市場有什么樣的特點，是否能夠在互聯(lián)網(wǎng)上開展公司業(yè)務(wù)。 2、市場主要競爭者分析，競爭對手上網(wǎng)情況及其網(wǎng)站規(guī)劃、功能作用。3、公司自身條件分析、公司概況、市場優(yōu)勢，可以利用網(wǎng)站提升哪些競爭力，建設(shè)網(wǎng)站的能力（費用、技術(shù)、人力等） 。二、二、 網(wǎng)站內(nèi)容規(guī)劃網(wǎng)站內(nèi)容規(guī)劃1. 根據(jù)網(wǎng)站的目的和功能規(guī)劃網(wǎng)站內(nèi)容，一般企業(yè)網(wǎng)站應(yīng)包括：公司簡介、產(chǎn)品介紹、服務(wù)內(nèi)容、價格信息、聯(lián)系方式、網(wǎng)上定單等基本內(nèi)容。2. 電子商務(wù)類網(wǎng)站要提供會員注冊、詳

30、細的商品服務(wù)信息、信息搜索查詢、定單確認、付款、個人信息保密措施、相關(guān)幫助等。3. 如果網(wǎng)站欄目比較多，則考慮采用網(wǎng)站編程專人負責(zé)相關(guān)內(nèi)容。 注意：網(wǎng)站內(nèi)容是網(wǎng)站吸引瀏覽者最重要的因素，無內(nèi)容或不實用的信息不會吸引匆匆瀏覽的訪客?？墒孪葘θ藗兿Ｍ喿x的信息進行調(diào)查，并在網(wǎng)站發(fā)布后調(diào)查人們對網(wǎng)站內(nèi)容的滿意度，以及時調(diào)整網(wǎng)站內(nèi)容。三、三、 網(wǎng)頁設(shè)計網(wǎng)頁設(shè)計1. 網(wǎng)站的主顏色代碼。262. 網(wǎng)站首頁的基本框架（附圖） 。3. 網(wǎng)站內(nèi)容中的字體、樣式、顏色等相關(guān)內(nèi)容。 （為建立 CSS 做準(zhǔn)備） 。4. 網(wǎng)站的整體瀏覽機制（建立站點地圖） 。四、四、 網(wǎng)站建設(shè)日程表網(wǎng)站建設(shè)日程表各項規(guī)劃任務(wù)的開始完成

31、時間，負責(zé)人等。27附錄二附錄二 FlashfxpFlashfxp使用說明使用說明Flashfxp 使用方法： 1.添加新站點2.填寫站點資料: 28 3.填寫選項,取消被動模式前的勾： 4.在上傳文件區(qū)的目錄中選中需上傳文件,彈出右鍵,選擇隊列，將文件添加到已上傳或正在上傳文件區(qū)。在已上傳或正在上傳區(qū)的目錄中選中文件，彈出右鍵，選擇傳送隊列，文件將自動上傳。上傳成功后，在右側(cè)服務(wù)器文件區(qū)會顯示該文件。29 下面是贈送的企業(yè)管理名句下面是贈送的企業(yè)管理名句 100100，歡迎欣賞，歡迎欣賞!30關(guān)于企業(yè)管理的名言名句關(guān)于企業(yè)管理的名言名句 5、對產(chǎn)品質(zhì)量來說，不是 100 分就是 0 分。日本

32、經(jīng)營之神松下幸之助 6、全世界沒一個質(zhì)量差、光靠價格便宜的產(chǎn)品能夠長久地存活下來。華碩總經(jīng)理徐世明 7、把我們頂尖的 20 個人才挖走，那么我告訴你，微軟會變成一家無足輕重的公司。世界首富比爾蓋茨 8、將合適的人請上車，不合適的人請下車。管理學(xué)者詹姆斯柯林斯 9、人才是利潤最高的商品，能夠經(jīng)營好人才的企業(yè)才是最終的大贏家。聯(lián)想集團總裁柳傳志 10、20 世紀(jì)是生產(chǎn)率的世紀(jì)，21 世紀(jì)是質(zhì)量的世紀(jì)，質(zhì)量是和平占領(lǐng)市場最有效的武器。美國著名質(zhì)量管理學(xué)家約瑟夫朱蘭博士 11、質(zhì)量是維護顧客忠誠的最好保證。通用電氣公司總裁杰克韋爾奇 12、多想一下競爭對手。世界首富比爾蓋茨 13、一個偉大的企業(yè)，對待

33、成就永遠都要戰(zhàn)戰(zhàn)兢兢，如覆薄冰。海爾集團總裁張瑞敏 14、企業(yè)即人。日本經(jīng)營之神松下幸之助 15、企業(yè)最大的資產(chǎn)是人。 日本經(jīng)營之神松下幸之助 3116、用人不在于如何減少人的短處，而在于如何發(fā)揮人的長處。著名管理學(xué)家彼得杜拉克17、卓有成效的管理者善于用人之長。著名管理學(xué)家彼得杜拉克 18、造人先于造物。 日本經(jīng)營之神松下幸之助 19、員工培訓(xùn)是企業(yè)風(fēng)險最小，收益最大的戰(zhàn)略性投資。著名的企業(yè)管理學(xué)教授沃倫貝尼斯 20、合作是一切團隊繁榮的根本。美國自由黨領(lǐng)袖大衛(wèi)史提爾 21、最好的 CEO 是構(gòu)建他們的團隊來達成夢想，即便是邁克爾喬丹也需要隊友來一起打比賽。通用電話電子公司董事長查爾斯李 2

34、2、大成功靠團隊，小成功靠個人。世界首富比爾蓋茨 23、不創(chuàng)新，就滅亡。福特公司創(chuàng)始人亨利福特 24、可持續(xù)競爭的惟一優(yōu)勢來自于超過競爭對手的創(chuàng)新能力。著名管理顧問詹姆斯莫爾斯 25、企業(yè)管理過去是溝通，現(xiàn)在是溝通，未來還是溝通。松下幸之助 26、管理就是溝通、溝通再溝通。通用電氣公司總裁杰克韋爾奇 27、溝通是管理的濃縮。沃爾瑪公司總裁山姆沃爾頓 28、質(zhì)量等于利潤。管理思想家湯姆彼得斯 29、將良品率預(yù)定為 85%，那么便表示容許 15%的錯誤存在。質(zhì)量管理大師菲利普克勞斯比 30、產(chǎn)品質(zhì)量是生產(chǎn)出來的，不是檢驗出來的。美國質(zhì)量管理大師威廉戴明博士 31、企業(yè)的成功靠團隊，而不是靠個人。管

35、理大師羅伯特凱利 32、千方百計請一個高招的專家醫(yī)生，還不如請一個隨叫隨到且價格便宜的江湖郎中。管理學(xué)者詹姆斯柯林斯 33、一個公司要發(fā)展迅速得力于聘用好的人才，尤其是需要聰明的人才。世界首富比爾蓋茨 34、管理者的最基本能力：有效溝通。英國管理學(xué)家 L威爾德 35、不善于傾聽不同的聲音，是管理者最大的疏忽。美國女企業(yè)家瑪麗凱 36、企業(yè)管理過去是溝通，現(xiàn)在是溝通，未來還是溝通。日本經(jīng)營之神松下幸之助 37、管理就是決策。美國著名管理學(xué)家赫伯特西蒙32 38、世界上每 100 家破產(chǎn)倒閉的大企業(yè)中，85%是因為企業(yè)管理者的決策不慎造成的。世界著名的咨詢公司美國蘭德公司 39、正確的決策來自眾人

36、的智慧。美國社會學(xué)家 T戴伊 40、一個成功的決策，等于 90%的信息加上 10%的直覺。美國企業(yè)家 SM沃爾森 41、猶豫不決固然可以免去一些做錯事的可能，但也失去了成功的機會。美籍華裔企業(yè)家王安博士 42、在沒出現(xiàn)不同意見之前，不做出任何決策。美國通用汽車公司總裁艾爾弗雷德斯隆 43、不要把所有的雞蛋放在同一個籃子里。美國經(jīng)濟學(xué)家托賓 44、一次良好的撤退，應(yīng)和一次偉大的勝利一樣受到獎賞。瑞士軍事理論家菲米尼 45、抓住時機并快速決策是現(xiàn)代企業(yè)成功的關(guān)鍵。美國斯坦福大學(xué)教授艾森哈特 46、決不能在沒有選擇的情況下，作出重大決策。美國克萊斯勒汽車公司總裁李艾柯卡 47、如果有一個項目，首先要

37、考慮有沒有人來做。如果沒有人做，就要放棄，這是一個必要條件。聯(lián)想集團總裁柳傳志 48、愛你的員工吧，他會百倍地愛你的企業(yè)。法國企業(yè)界名言 49、創(chuàng)新是做大公司的惟一之路。管理大師杰弗里 50、顧客是重要的創(chuàng)新來源。管理學(xué)家湯姆彼得斯 51、創(chuàng)新是惟一的出路，淘汰自己，否則競爭將淘汰我們。英特爾公司總裁安迪格羅夫 52、創(chuàng)造性模仿不是人云亦云，而是超越和再創(chuàng)造。哈佛大學(xué)教授西奧多萊維特 53、創(chuàng)新就是創(chuàng)造一種資源。管理大師彼得杜拉克33 54、把你的競爭對手視為對手而非敵人，將會更有益。哈佛商學(xué)院教授羅莎貝斯莫斯坎特 55、21 世紀(jì)，沒有危機感是最大的危機。哈佛商學(xué)院教授理查德帕斯卡爾 56、

38、獎勵什么，就會得到什么。管理專家米契爾拉伯福 57、惟一持久的競爭優(yōu)勢，就是比你的競爭對手學(xué)習(xí)得更快的能力。殼牌石油公司德格 58、我今天就要打敗你，我不睡覺也要打敗你，這是我們的文化。甲骨文中國公司總理胡伯林 59、管理是一種嚴肅的愛。美國國際農(nóng)機商用公司董事長西洛斯梅考克 60、以愛為凝聚力的公司比靠畏懼維系的公司要穩(wěn)固得多。美國西南航空公司總裁赫伯凱萊赫 61、感情投資是在所有投資中，花費最少，回報率最高的投資。日本麥當(dāng)勞董事長藤田田 63、信任固然好，監(jiān)控更重要。前蘇聯(lián)國家領(lǐng)導(dǎo)人列寧 64、授權(quán)就像放風(fēng)箏，部屬能力弱線就要收一收，部屬能力強了就要放一放。國際戰(zhàn)略管理顧問林正大65、授權(quán)

39、并信任才是有效的授權(quán)之道。管理專家柯維34 66、用他，就要信任他；不信任他，就不要用他。經(jīng)營之神松下幸之助 68、管理就是把復(fù)雜的問題簡單化，混亂的事情規(guī)劃化。通用電氣公司總裁杰克韋爾奇 69、在企業(yè)內(nèi)部，只有成本。美國管理大師彼得杜拉克 70、自始自終把人放在第一位，尊重員工是成功的關(guān)鍵。IBM 創(chuàng)始人托馬斯沃森 71、是員工養(yǎng)活了公司。亞州首富李嘉誠 72、管得少，就是管得好。通用電氣公司總裁杰克韋爾奇 73、能用他人智慧去完成自己工作的人是偉大的。管理專家旦恩皮阿特 74、成功的企業(yè)領(lǐng)導(dǎo)不僅是授權(quán)高手，更是控權(quán)的高手。管理專家彼特史坦普 75、多掙錢的方法只有兩個：不是多賣，就是降低管

40、理費?？巳R斯勒汽車公司總裁李艾柯卡 76、省錢就是掙錢。美國石油大王約翰洛克菲勒77、經(jīng)營管理，成本分析，要追根究底，分析到最后一點。臺塑集團董事長王永慶 78、為顧客節(jié)省每一分錢。沃爾瑪創(chuàng)始人山姆沃爾頓 79、不只獎勵成功，而且獎勵失敗。通用電氣公司總裁杰克韋爾奇 80、無法評估，就無法管理。管理學(xué)家瓊瑪格麗塔 83、三流的點子加一流的執(zhí)行力，永遠比一流的點子加三流的執(zhí)行力更好。日本軟銀公司董事長孫正義 84、讓流程說話，流程是將說轉(zhuǎn)化為做的惟一出路。戰(zhàn)略專家姜汝祥 85、企業(yè)的執(zhí)行力靠的就是紀(jì)律。中國臺灣華建公司總裁盧正昕 86、競爭對手就像磨刀石一樣，它把我們磨得非常的鋒利，然后我們就手

41、起刀落，把競爭對手給砍掉了。3721 網(wǎng)站總裁周鴻祎 87、細節(jié)的不等式意味著 1%的錯誤會導(dǎo)致 100%的錯誤。細節(jié)決定成敗作者汪中求 88、管理就是做好無數(shù)小的細節(jié)工作。國際戰(zhàn)略管理顧問林正大 89、制定正確的戰(zhàn)略固然重要，但更重要的是戰(zhàn)略的執(zhí)行。聯(lián)想集團總裁兼 CEO 楊元慶 90、戰(zhàn)略越精煉，就越容易被徹底地執(zhí)行。花旗銀行董事長約翰里德35 91、如果通用公司不能在某一個領(lǐng)域坐到第一或者第二把交椅，通用公司就會把它在這個領(lǐng)域的生意買掉或退出這個領(lǐng)域。通用電氣公司總裁杰克韋爾奇 92、如果你不能戰(zhàn)勝對手，就加入到他們中間。美國企業(yè)界名言 93、速度就是一切，它是競爭不可或缺的因素。通用電氣公司總裁杰克韋爾奇 94、新經(jīng)濟時代，不是大魚吃小魚，而是快魚吃慢魚。美國思科公司總裁錢伯斯 95、魔鬼存在于細節(jié)之中。國際建筑大師密斯凡德羅 96、不放過任何細節(jié)。日本經(jīng)營之神松下幸之助 97、差錯發(fā)生在細節(jié)，成功取決于系統(tǒng)。全球最大的連鎖飯店馬瑞特總裁比爾馬瑞特 98、把一件簡單的事做好就不簡單，把每一件平凡的事做好就不平凡。海爾公司總裁張瑞敏 99、企業(yè)未來的競爭，就是細節(jié)的競爭。商業(yè)教皇布魯諾蒂茨 100、我們宣布講究實績、注重實效，卻往往獎勵了那些專會做表面文章、投機取巧的人。管理專家米契爾拉伯福