37271-00-網(wǎng)頁設計與制作任務驅(qū)動式教程(第2版)-陳承歡-案例結(jié)果-課程設計_第1頁
37271-00-網(wǎng)頁設計與制作任務驅(qū)動式教程(第2版)-陳承歡-案例結(jié)果-課程設計_第2頁
37271-00-網(wǎng)頁設計與制作任務驅(qū)動式教程(第2版)-陳承歡-案例結(jié)果-課程設計_第3頁
37271-00-網(wǎng)頁設計與制作任務驅(qū)動式教程(第2版)-陳承歡-案例結(jié)果-課程設計_第4頁
37271-00-網(wǎng)頁設計與制作任務驅(qū)動式教程(第2版)-陳承歡-案例結(jié)果-課程設計_第5頁
已閱讀5頁,還剩11頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權,請進行舉報或認領

文檔簡介

1、37271-00-網(wǎng)頁設計與制作任務 驅(qū)動式教程(第2版)-陳承歡-案 例結(jié)果-課程設計附錄A 網(wǎng)頁設計與制作類職業(yè)崗位需求分析從2009年開始,通過對前程無憂、智聯(lián)招 聘、中華英才等專業(yè)招聘網(wǎng)站的網(wǎng)頁制作、網(wǎng) 站設計、網(wǎng)頁設計、網(wǎng)頁版面設計、網(wǎng)站編輯、 網(wǎng)站美編等職業(yè)崗位的調(diào)查分析,對網(wǎng)頁設計 與制作相關崗位的職位描述和任職資格有了深 入的了解,從而對網(wǎng)頁設計與制作課程的知識、 技能、素質(zhì)要求有了全面的認識,這些職業(yè)崗 位的工作職責和職位要求如下表所示。1 網(wǎng)頁制作類職業(yè)崗位的工作職責和職位要求職位名稱網(wǎng)頁制作工作職責(1)參與網(wǎng)站策劃與設計參與公司及客戶網(wǎng)站的總體及各個欄目的內(nèi)容策戈y、功

2、能需求分析制作公司及客戶網(wǎng)站架構(gòu)設計,樹立統(tǒng)一的品牌形象(2) 網(wǎng)頁設計與制作:負責確定公司及客戶網(wǎng)站頁面內(nèi)容和風格按照行業(yè)及公司的規(guī)范完成網(wǎng)站原型設計和頁面制作為網(wǎng)站W(wǎng)eb程序開發(fā)團隊提供腳本和網(wǎng)頁模板(3) 網(wǎng)站維護負責定期分析競爭對手產(chǎn)品,并對自有產(chǎn)品提岀整改計劃,定期策劃網(wǎng)上活動根據(jù)審定的方案參與網(wǎng)站項目的上線升級實施工作,對方案實施的準確性負責 協(xié)助網(wǎng)站開發(fā)人員對網(wǎng)站程序功能進行測試(4) 與其他相關人員的協(xié)調(diào)與溝通與團隊其他成員進行有效溝通,了解其他團隊成員工作情況、工作進度,定期進行技術交流與共享 與客戶進行有效溝通,了解客戶有效需求,以便對網(wǎng)站進行更新職位要求(1) 知識與技能

3、 附錄A熟悉網(wǎng)站制作與設計流程,能跟蹤最新的網(wǎng)頁設計與制作技術熟練運用HTML、CSS、JavaScript等Web開發(fā)技術,制作符合 Web標準的網(wǎng)頁 熟悉常用圖像制作軟件和 Flash制作技術,能夠使用 Dreamweaver等工具制作網(wǎng)頁 能夠?qū)⒕W(wǎng)頁設計師的效果圖快速轉(zhuǎn)換為 Web標準原型(2) 素質(zhì)要求溝通協(xié)調(diào)能力:正確理解別人的感受和想法,善于傾聽,能夠理解他人思想和行為背后的原因團隊合作:愿意與他人合作,主動與其他成員進行溝通交流,分享信息、知識和資源,愿意幫助其他成 員解決所遇到的問題,無保留地將自己所掌握的技能傳授給其他成員思維能力:頭腦靈活、思路清晰,具備縝密的邏輯思維能力以

4、及耐心細致的觀察能力,處理事務有清晰 的條理性,工作重點明確,具備較強的執(zhí)行能力,學習能力強,有創(chuàng)新意識堅韌性:處于較大的工作壓力下或產(chǎn)生可能會影響工作的消極情緒時,能夠有效地控制自己的情緒,通 過建設性的工作化解工作壓力或消極情緒2 網(wǎng)站設計類職業(yè)崗位的工作職責和職位要求職位名稱網(wǎng)站設計工作職責(1) 負責網(wǎng)站設計的需求溝通,確定網(wǎng)頁設計的視覺標準和風格標準等(2) 負責客戶網(wǎng)站創(chuàng)意、設計與頁面制作(3) 負責網(wǎng)站整體版式設計、通過良好的視覺傳達與表現(xiàn),增加品牌感染力,提高用戶使用效率(4) 負責網(wǎng)站相關項目、活動、專題的設計與創(chuàng)意工作(5) 與團隊配合,提升網(wǎng)站的視覺表現(xiàn)力及易用性,跟蹤產(chǎn)

5、品效果,分享設計經(jīng)驗,提岀設計改善方案(6) 熟練運用各種不同類型的設計表現(xiàn)形式,準確傳達信息(7) 完成網(wǎng)站日常的頁面設計、制作及維護工作(8) 進行網(wǎng)站圖片設計與制作(9) 完成網(wǎng)站日常的 Flash動畫設計、制作及更新工作(10) 負責網(wǎng)站廣告的設計與制作(11) 完成網(wǎng)站日常所需的平面設計及維護工作職位要求(1) 具有一定的美術功底及良好的創(chuàng)意構(gòu)思能力,很好地把握視覺色彩與網(wǎng)站布局,思想敏銳活躍,具有一定的視覺創(chuàng)作經(jīng)驗和獨到的審美修養(yǎng);對商業(yè)需求有非常敏感的把握和表現(xiàn)能力(2) 熟練運用 Photoshop、Illustrator、Al、Flash, Dreamweaver等工具或同類

6、軟件,擅長頁面效果圖 制作和文字的編排,具有較強效果圖制作及網(wǎng)頁設計能力(3) 熟悉網(wǎng)頁制作,能與Web前端工程師緊密配合(4) 對色彩有深刻的把握力、獨特的設計風格、獨到的創(chuàng)意視點與創(chuàng)新意識(5) 熟悉HTML,Div,熟練運用Div + CSS布局與美化網(wǎng)頁,能夠手寫HTML代碼(6) 具有較強圖片制作、處理能力。精通Photoshop、Fireworks Illustrator等圖片處理相關軟件(7) 熟悉 Flash Action3 網(wǎng)頁設計類職業(yè)崗位的工作職責和職位要求職位名稱網(wǎng)頁設計工作職責(1) 負責公司網(wǎng)站整體視覺、UI、LOGO、宣傳手冊等設計與創(chuàng)意,負責網(wǎng)站設計的需求溝通,

7、確定網(wǎng) 頁設計的視覺標準和風格標準等。(2)負責客戶網(wǎng)站創(chuàng)意、設計、頁面制作;負責頻道、專題、網(wǎng)頁的美工設計(3)負責公司網(wǎng)站的設計、改版與更新(4)負責網(wǎng)頁、圖片設計與制作(5)負責客戶及系統(tǒng)內(nèi)的廣告和專題的設計(6)負責與開發(fā)人員配合完成所轄網(wǎng)站等前臺頁面設計和編輯(7)其他與美術設計相關的工作職位要求(1)具有扎實的美術功底、良好的藝術審美觀、優(yōu)秀的審美力、良好的創(chuàng)意思維和理解能力,能及時把 握客戶需求,能獨立完成整個網(wǎng)站頁面設計與制作工作(2)具有良好的網(wǎng)站版式設計能力,色彩感和整體布局感較強(3)熟練使用常用圖片設計和處理軟件,對圖片渲染和視覺效果有較好的認識(4)能熟練使用 Fla

8、sh、Dreamweaver、Firework、Photoshop、Illustrator 等軟件,熟悉 HTML、Div、 CSS、JavaScript等,有手工編寫和修改代碼能力優(yōu)先(5) 對Web設計及相關技術有很好的見解,能和Web程序員進行溝通和合作(6)工作積極主動、責任心強、思路開闊、有敬業(yè)精神,能在較大壓力下完成工作(7)善于與人溝通,有高度的責任感和創(chuàng)新精神,保證工作質(zhì)量(8)富于工作熱情及團隊合作精神,勇于接受挑戰(zhàn)(9) 有網(wǎng)頁設計及平面設計工作經(jīng)驗優(yōu)先,有過Web和WAP等相關產(chǎn)品設計開發(fā)者優(yōu)先,有手機UI、美術、設計經(jīng)驗者優(yōu)先,具有大型網(wǎng)站美工經(jīng)驗者優(yōu)先4 網(wǎng)頁版面設計

9、類職業(yè)崗位的工作職責和 職位要求職位名稱網(wǎng)站編輯工作職責(1)負責網(wǎng)站創(chuàng)意、網(wǎng)頁設計、頁面制作管理和維護,負責網(wǎng)站頁面結(jié)構(gòu)的設計和實施。(2)負責網(wǎng)站整體架構(gòu)的設計和網(wǎng)站風格的把握(3)負責網(wǎng)站的設計、改版和更新(4)負責網(wǎng)站廣告和專題的設計(5)獨立制作flash廣告,負責頁面特效、網(wǎng)站圖片、動畫設計制作等(6)負責與開發(fā)人員配合完成網(wǎng)站前臺頁面設計和編輯(7)協(xié)調(diào)其他部門完成網(wǎng)站的開發(fā)職位要求(1)具有優(yōu)秀的審美力、獨特的創(chuàng)意、扎實的美術功底,對于藝術有著自己的追求和熱愛(2)對于網(wǎng)站的美工開發(fā)有獨到的見解和意見。對于色彩的搭配有著獨到的見解和體會(3) 有創(chuàng)意及品味,有較強視覺創(chuàng)作能力,

10、扎實的色彩感和色彩把握能力,對色彩構(gòu)圖等元素敏感,對網(wǎng)頁配色與排版有一定的經(jīng)驗(4) 對網(wǎng)站的結(jié)構(gòu)、整體布局、色彩感覺良好;有豐富的想象力和創(chuàng)新力;思路開闊能較好的理解用戶 界面的要求,能根據(jù)要求設計頁面(5) 對網(wǎng)頁美感有駕權和品評能力,能很好的把握網(wǎng)站整體風格設計,注重理解需求和用戶體驗(6) 有較強的網(wǎng)頁設計和制作能力,能勝任欄目、網(wǎng)頁的規(guī)劃和制作,能夠獨立完成大型網(wǎng)站的靜態(tài)美 工頁面制作、排版及輸岀(7) 精通創(chuàng)意設計和網(wǎng)頁設計相關的軟件工具 (例如Dreamweaver ),能熟練使用Photoshop、Fireworks、 Illustrator、Coredraw、Flash等相關

11、設計類軟件, 熟悉頁面設計、平面設計和 CI設計,熟悉ActionScript 者優(yōu)先(8) 熟悉 HTML、DHTML、XHTML、XML、CSS、JavaScript 和 Div+CSS 網(wǎng)頁布局技術、網(wǎng)頁特效 設計技術,能手寫 HTML代碼和CSS樣式(9) 熟悉Web標準和Div+CSS技術,能獨立完成美工及 Div+CSS網(wǎng)頁的靜態(tài)頁面布局,并至少能兼容IE和FireFox兩款瀏覽器(10) 熟悉ASP.NET ( C#)或ASP,能與程序員合作完成網(wǎng)站開發(fā)項目(11) 熟悉網(wǎng)站建設、網(wǎng)頁設計制作流程,能夠配合程序員嵌套界面和程序。能跟蹤最新的網(wǎng)頁設計與 制作技術(12) 具有較強的

12、理解能力、領悟能力、溝通能力、工作協(xié)調(diào)能力和創(chuàng)新精神(13 )積極肯干,吃苦耐勞,具有高度的責任感(14)具有自我激勵和良好的交流、溝通技巧,善于協(xié)作與溝通(15 )具備良好的職業(yè)素養(yǎng)及團隊合作精神,有良好的職業(yè)道德觀念和工作態(tài)度,并能承受工作壓力5 網(wǎng)站編輯類職業(yè)崗位的工作職責和職位要求職位名稱網(wǎng)站編輯工作職責(1) 負責公司網(wǎng)站的內(nèi)容采編、整理、審核及發(fā)布,包括文字、圖片、視頻等資料,為網(wǎng)站提供符合用 戶的有效信息(2) 負責公司網(wǎng)站內(nèi)容的架構(gòu)、欄目和專題的策劃及更新維護;能夠獨立完成選題策劃,稿件組織與編輯工作;針對網(wǎng)站目標受眾提供有吸引力的網(wǎng)站內(nèi)容;保證公司網(wǎng)站的正常運營以及網(wǎng)站推廣活

13、動的實 施,以提升網(wǎng)站用戶數(shù)、網(wǎng)站pv流量和用戶粘著度(3) 負責策劃與制作專題,參與專題和活動的策劃、組織(4) 負責行業(yè)內(nèi)活動的現(xiàn)場采訪以及后續(xù)的稿件撰寫、發(fā)布(5) 負責與技術等部門的溝通協(xié)作職位要求(1) 熟悉網(wǎng)絡基本知識,能熟練使用Office等辦公軟件,熟練 Dreamweaver、Photoshop等網(wǎng)頁制作編 輯工具和圖像處理工具,可以獨立制作、修改網(wǎng)頁(2) 有較強的文字駕馭能力,有良好的文字、圖片編輯能力,能夠清晰而有邏輯的表達自己的想法,具 有創(chuàng)造性的思維;能獨立撰寫策劃文案,有豐富的想象策劃能力,能獨立完成大型網(wǎng)站的策劃方案(3) 熟悉網(wǎng)絡語言,擅長用文字調(diào)動網(wǎng)絡人群的

14、情緒,對網(wǎng)絡文案的策劃、 編輯有一定的實際操作經(jīng)驗, 熟悉網(wǎng)絡編輯、銷售型文案寫作,有較強的文字編輯能力、編輯思維能力和策劃能力,擅長信息的搜集 與整合,能獨立完成各種文案的編輯和創(chuàng)作(4)踏實肯干,思維活躍,誠實守信,具有良好的團隊合作精神(5)工作積極主動、勤奮好學、行為自律;為人誠實、正直,性格開朗、責任心強(6)具有迎接挑戰(zhàn)的信心和對工作的激情6 網(wǎng)站美編類職業(yè)崗位的工作職責和職位要求職位名稱網(wǎng)站美編工作職責(1)負責網(wǎng)站整體美化工作,負責網(wǎng)站的美觀度和友好性的把握(2)負責公司網(wǎng)站的網(wǎng)頁美工設計(3)負責公司網(wǎng)站相關新聞及專題的創(chuàng)意、頁面風格設計及專題制作。(4)負責網(wǎng)站頁面設計和常

15、規(guī)廣告設計(5)負責專題和活動的美術設計工作職位要求(1)有較強的美術功底、良好的創(chuàng)意設計和視覺表現(xiàn)創(chuàng)造能力(2)熟練使用 Photoshop、CorelDraw、Flash等軟件進行圖片及動畫創(chuàng)作(3) 熟悉網(wǎng)站建設流程及構(gòu)架,熟練應用Div+CSS布局制作網(wǎng)頁,能用 Div快速切圖;熟悉 HTML語.言(4)具備獨立策劃能力,能快速在兼顧網(wǎng)站風格、用戶體驗、功能利用、視覺效果等多重角度的情況下設計作品(5)熟悉Web設計與開發(fā)的相關標準(6)具備客戶服務意識,有獨特的見解、獨立思考能力和創(chuàng)新意識(7)具有敬業(yè)精神,良好的人際溝通能力和團隊合作精神和協(xié)作能力,能承擔工作壓力附錄B附錄B課程教

16、學設計1 教學單元設計教學單元設計如下表所示單元序號單元名稱建議課時建議考核分值單元1創(chuàng)建站點與瀏覽網(wǎng)頁24單元2制作文本網(wǎng)頁46單元3制作圖文混排網(wǎng)頁66單元4制作表格布局的網(wǎng)頁610單元5制作包含超級鏈接和 AP Div的網(wǎng)頁610單元6使用模板和庫制作網(wǎng)頁612單元7制作表單網(wǎng)頁610單元8使用CSS布局與美化網(wǎng)頁812單元9制作包含特效的網(wǎng)頁812單元10設計與制作網(wǎng)站主頁812單元11整合與發(fā)布網(wǎng)站46小計641002 教學流程設計教學流程設計如下所示教學環(huán)節(jié)序號教學環(huán)節(jié)名稱說明1教學導航明確教學目標、重點和難點、熟悉教學方法、了解建議課時2操作準備在正式完成網(wǎng)頁制作任務之前做好創(chuàng)建

17、所需的文件夾、拷貝所需的資 源、啟動Dreamweaver CS6、創(chuàng)建本地站點等方面的準備工作3引導訓練引導學習者一步一步完成網(wǎng)頁設計與制作任務4引導訓練 考核評價對單元引導訓練任務的完成情況進行考核評價,包括考核項目、考核 內(nèi)容、評分標準和評價方法等方面5同步訓練參照引導訓練的過程,學習者自主完成類似的網(wǎng)頁設計與制作任務6同步訓練考核評價對單元同步訓練任務的完成情況進行考核評價7拓展訓練自行確定網(wǎng)頁主題、收集所需素材、設計網(wǎng)頁結(jié)構(gòu)、制作類似網(wǎng)頁8拓展訓練考核評價對拓展訓練任務的完成情況進行考核評價9代碼解讀對HTML代碼或CSS樣式代碼進行分析與說明10問題探究對網(wǎng)頁設計與制作方面的關鍵問

18、題進行分析與闡述,熟悉相關理論知 識,對網(wǎng)頁設計與制作提供方法指導和知識支持11單元小結(jié)對本單元所學習的知識和訓練的技能進行簡要歸納總結(jié)12單元習題通過習題測試理論知識的掌握情況和操作技能的熟練情況3 相關知識點與技能點選取與序化以及教學案例設計相關知識點與技能點選取與序化以及教學案例設計如下表所示單元序號相關知識點與技能點導航教學案例設計網(wǎng)頁主題引導訓練同步訓練拓展訓練單元1(1)認識網(wǎng)頁和網(wǎng)站(2)認識瀏覽器窗口的基本組成(3)認識網(wǎng)頁的基本組成元素(4)認識網(wǎng)頁的基本布局結(jié)構(gòu)(5)熟悉 Dreamweaver CS6 的工作界面(6)了解制作網(wǎng)頁、處理圖像、制作動畫的工具(7)創(chuàng)建與管理

19、本地站點(8)瀏覽網(wǎng)頁網(wǎng)站主頁E游天下網(wǎng)快樂旅游網(wǎng)愛旅游網(wǎng)單元2(1)建立站點目錄結(jié)構(gòu)(2)創(chuàng)建與保存網(wǎng)頁文檔(3)設置頁面的首選參數(shù)(4)設置頁面的整體屬性(5)在網(wǎng)頁中輸入文本和編輯文本(6)在網(wǎng)頁中設置項目列表、輸入空格和文本換行(7)網(wǎng)頁文本的格式化(8)在網(wǎng)頁中插入特殊字符、水平線和日期旅游景點概況旅游 景點 總覽中國名河概況中國 名山 概況單元3(1)通過“管理站點”對話框創(chuàng)建站點(2)應用“文件”面板新建網(wǎng)頁(3)設置頁面的背景圖像(4)從外部導入文本與設置文本格式(5)在網(wǎng)頁中插入圖像與設置其屬性(6)插入鼠標經(jīng)過圖像與設置其屬性(7)圖文混排方法瀑泉游名瀑名泉名島單元4(1)

20、使用表格布局網(wǎng)頁(2)在網(wǎng)頁中插入表格(3)在表格中插入嵌套表格、行和列(4)設置表格、行、列及單元格的屬性(5)拆分與合并單元格江湖游千島 湖長江三峽名湖(6)插入與刪除行或列(7) 在表格中輸入文字、插入圖像與 SWF動畫(8)實現(xiàn)滾動文字效果(9)設置網(wǎng)頁頭文件的內(nèi)容單元5(1)繪制或插入 AP Div,設置AP Div的屬性(2)創(chuàng)建外部鏈接(3)創(chuàng)建文本形式的內(nèi)部鏈接(4)創(chuàng)建圖片形式的內(nèi)部鏈接(5)創(chuàng)建電子郵件鏈接(6)創(chuàng)建命名錨記和到該命名錨記的鏈接(7)在圖像中設置熱點區(qū)域,創(chuàng)建圖像熱點鏈接(8)創(chuàng)建文件下載鏈接(9)創(chuàng)建空地址鏈接(10)更改鏈接顏色、設置鏈接的打開方式(11

21、)測試鏈接的有效性(12)創(chuàng)建文字形式的導航欄(13)實現(xiàn)滾動圖片功能(14)插入浮動框架并設置其屬性(15)使用表格布局網(wǎng)頁公園游煒界桂林名河單元6(1)創(chuàng)建與修改庫項目(2)在網(wǎng)頁中插入庫項目(3)創(chuàng)建網(wǎng)頁模板(4)定義與修改可編輯區(qū)域和可選區(qū)域(5)創(chuàng)建基于網(wǎng)頁模板的網(wǎng)頁(6)修改網(wǎng)頁模板并更新網(wǎng)頁(7)修改庫項目并更新網(wǎng)頁(8)插入圖像占位符(9)使用表格布局網(wǎng)頁名城游上海??谀暇﹩卧?(1)在網(wǎng)頁中插入表單域(2)設置表單域的屬性(3)在表單域中插入表單控件(4)預設文本域中文字字體和大?。?)使用Spry驗證表單數(shù)據(jù)的有效性(6)應用行為實現(xiàn)表單網(wǎng)頁所需的功能(7)調(diào)用JavaSc

22、ript腳本文件實現(xiàn)表單網(wǎng)頁所需功 能(8)使用表格布局網(wǎng)頁表單E游調(diào)查E游留 言薄E游注冊單元8(1)使用Div + CSS布局網(wǎng)頁(2)設計頁面的布局結(jié)構(gòu)(3)創(chuàng)建頁面布局樣式(4)創(chuàng)建美化頁面元素的樣式山岳游黃山泰山廬山(5) 插入Div標簽對頁面進行布局(6) 新建代碼片斷(7) 在頁面區(qū)塊中輸入文字(8) 在頁面區(qū)塊中插入頁面元素:SWF動畫、代碼 片斷、表格、圖像、項目列表、底部導航欄等單元9(1) 使用Div + CSS布局網(wǎng)頁(2) 在網(wǎng)頁中顯示當前日期(3) 不同時間段顯示不同問候語(4) 滾動網(wǎng)頁標題欄中的文字(5) 動態(tài)改變網(wǎng)頁中文本字體大小(6) 關閉網(wǎng)頁時自動彈岀小窗

23、口(7) 鼠標指針指向不同的超級鏈接時,切換不同圖 片(8) 轉(zhuǎn)動鼠標滾輪縮放圖片生態(tài)游云南九寨溝地質(zhì) 公園 和森 林公園單元10(1) 使用“ Div + CSS”和表格聯(lián)合布局網(wǎng)頁(2) 應用CSS樣式設計網(wǎng)站主頁的主體布局結(jié)構(gòu)(3) 應用CSS樣式設計網(wǎng)站主頁的局部布局結(jié)構(gòu)(4) 設計與制作導航欄,使用浮動框架(5) 插入Flv視頻、AP Div對象和SWF動畫(6) 設計連續(xù)滾動圖片的特效(7) 創(chuàng)建包含底部導航欄和版權信息的腳本文件, 在網(wǎng)頁中插入外部腳本文件(8) 設計用戶登錄表單(9) 實現(xiàn)狀態(tài)欄中文字移動功能旅游網(wǎng)主頁E游天下 網(wǎng)主 頁快樂 旅游 網(wǎng)主頁愛旅游網(wǎng)主頁單元11(1

24、) 優(yōu)化網(wǎng)頁(2) 將多個網(wǎng)頁整合成一個網(wǎng)站(3) 創(chuàng)建超級鏈接(4) 測試網(wǎng)站(5) 申請網(wǎng)站域名和網(wǎng)頁空間(6) 發(fā)布網(wǎng)站(7) 宣傳與推廣網(wǎng)站旅游E游天下網(wǎng)快樂 旅游 網(wǎng)愛旅游網(wǎng)4 網(wǎng)頁設計與制作任務設計網(wǎng)頁設計與制作任務設計如下表所示單元序號網(wǎng)頁設計與制作任務單元1【任務1-1】創(chuàng)建“ E游天下”站點并瀏覽網(wǎng)頁【任務1-1-1】創(chuàng)建本地站點“ E游天下”【任務1-1-2】認識Dreamweaver CS6的工作界面【任務1-1-3】打開與保存網(wǎng)頁文檔0101.html【任務1-1-4】在瀏覽器中瀏覽網(wǎng)頁 0101.html【任務1-2】賞析“快樂旅游”網(wǎng)的主頁【任務1-3】賞析“愛旅游

25、”網(wǎng)的主頁單元2【任務2-1】制作總覽旅游景點的文本網(wǎng)頁【任務2-1-1】建立站點目錄結(jié)構(gòu)【任務2-1-2】創(chuàng)建與保存網(wǎng)頁文檔 0201.html【任務2-1-3】設置網(wǎng)頁的首選參數(shù)【任務2-1-4】設置頁面的整體屬性【任務2-1-5】在網(wǎng)頁中輸入文字【任務2-1-6】輸入與編輯網(wǎng)頁中的文本【任務2-1-7】網(wǎng)頁文本的格式化【任務2-1-8】插入與文本相關的元素并設置其屬性【任務2-1-9】設置超鏈接與瀏覽網(wǎng)頁效果【任務2-2】制作介紹中國名河的文本網(wǎng)頁【任務2-3】制作介紹中國名山的文本網(wǎng)頁單元3【任務3-1】制作介紹中國瀑布的圖文混排網(wǎng)頁【任務3-1-1】使用“管理站點”對話框創(chuàng)建站點“單

26、元3”【任務3-1-2】應用“文件”面板新建網(wǎng)頁“0301.html”【任務3-1-3】設置頁面的背景圖像【任務3-1-4】從外部導入文本與設置文本格式【任務3-1-5】插入圖像與設置圖像屬性【任務3-1-6】插入鼠標經(jīng)過圖像及設置其屬性【任務3-2】制作介紹中國名泉的圖文混排網(wǎng)頁【任務3-3】制作介紹中國名島的圖文混排網(wǎng)單元4【任務4-1】制作以表格布局的展示千島湖旅游景點的網(wǎng)頁【任務4-1-1】插入表格1并設置其屬性【任務4-1-2】在表格1中插入SWF動畫并設置其屬性【任務4-1-3】設置表格1單元格的背景圖像【任務4-1-4】在表格1的單元格中輸入文本【任務4-1-5】設置滾動文本效果

27、【任務4-1-6】插入表格2并設置其屬性【任務4-1-7】設置表格2及設置行、列屬性【任務4-1-8】在表格2第1列的單元格中插入圖像并設置其屬性【任務4-1-9】在表格2第2列兩個單元格中輸入文本并設置其屬性【任務4-1-10】在表格2的第3列單元格中插入嵌套表格2-1【任務4-1-11】插入表格3并設置其屬性【任務4-1-12】插入表格4并設置其屬性【任務4-1-13】插入嵌套表格4-1并設置其屬性【任務4-1-14】插入表格5并設置其屬性【任務4-1-15】設置網(wǎng)頁頭文件的內(nèi)容【任務4-2】制作以表格布局的展示三峽旅游景點的網(wǎng)頁【任務4-3】制作以表格布局的介紹中國名湖的網(wǎng)頁單元5【任務

28、5-1】制作包含超級鏈接的展示張家界景點的網(wǎng)頁【任務5-1-1】創(chuàng)建網(wǎng)頁文檔 0501.html【任務5-1-2】在網(wǎng)頁0501.html中繪制或插入AP Div【任務5-1-3】在網(wǎng)頁0501.html中創(chuàng)建多種類型的超級鏈接【任務5-2】制作包含超級鏈接的展示桂林旅游景點的網(wǎng)頁【任務5-3】制作包含超級鏈接的介紹中國名河的網(wǎng)頁單元6【任務6-1】使用模板和庫制作上海游的網(wǎng)頁【任務6-1-1】創(chuàng)建庫項目【任務6-1-2】在網(wǎng)頁中插入庫項目【任務6-1-3】創(chuàng)建網(wǎng)頁模板【任務6-1-4】定義與修改可編輯區(qū)域和可選區(qū)域【任務6-1-5】創(chuàng)建基于網(wǎng)頁模板的網(wǎng)頁【任務6-1-6】修改網(wǎng)頁模板并更新網(wǎng)

29、頁【任務6-1-7】修改庫項目并更新網(wǎng)頁【任務6-2】使用模板和庫制作??谟蔚木W(wǎng)頁【任務6-3】使用模板和庫制作南京游的網(wǎng)頁單元7【任務7-1】制作1個E游調(diào)查的表單網(wǎng)頁【任務7-1-1】插入表單域及其屬性設置【任務7-1-2】插入表單控件與設置其屬性【任務7-1-3】預設文本域中輸入文字的字體和大小【任務7-1-4】使用Spry驗證表單數(shù)據(jù)的有效性【任務7-1-5】應用行為實現(xiàn)表單網(wǎng)頁所需的功能【任務7-1-6】調(diào)用外部JavaScript腳本文件實現(xiàn)表單網(wǎng)頁所需的功能【任務7-2】制作1個E游留言薄【任務7-3】制作1個注冊網(wǎng)頁單元8【任務8-1】使用CSS布局與美化“黃山游”網(wǎng)頁【任務8-1-1】網(wǎng)頁頁面的布局設計【任務8-1-2】創(chuàng)建頁面布局樣式【任務8-1-3】創(chuàng)建美化頁面元素的樣式【任務8-1-4】插入Div標簽

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論