網(wǎng)頁設(shè)計與制作任務(wù)驅(qū)動教程(第4版)
定 價:55 元
叢書名:“十三五”職業(yè)教育同家規(guī)劃教材,高等職業(yè)教育計算機類課程新形態(tài)一體化教材,“互聯(lián)網(wǎng)+”教材“用微課學(xué)”系列
- 作者:陳承歡著
- 出版時間:2022/2/1
- ISBN:9787040563481
- 出 版 社:高等教育出版社
- 中圖法分類:TP393.092.2
- 頁碼:296
- 紙張:膠版紙
- 版次:4
- 開本:16開
《網(wǎng)頁設(shè)計與制作任務(wù)驅(qū)動教程(第4版)》是“十三五”職業(yè)教育同家規(guī)劃教材,也是國家精品資源共享課程“網(wǎng)頁設(shè)計LJ制作”的配套教材,是課程結(jié)構(gòu)創(chuàng)新、教學(xué)方法創(chuàng)新、訓(xùn)練過程創(chuàng)新的特色教材。
該書以訓(xùn)練網(wǎng)頁制作技能為中心,在真實的開發(fā)環(huán)境中,以真實的制作流程,執(zhí)行真實的開發(fā)要求,制作真實的旅游網(wǎng)站。對網(wǎng)頁設(shè)計與制作類職業(yè)崗位的從業(yè)需求進行再調(diào)研、再分析,面對網(wǎng)頁設(shè)計的新技術(shù)、新變化、新要求,根據(jù)從業(yè)崗位的知識、技能、素養(yǎng)的新需求,全面優(yōu)化課程結(jié)構(gòu)、整合教學(xué)內(nèi)容,將“網(wǎng)頁設(shè)計與制作”課程劃分為11個教學(xué)單元,圍繞旅游這個主題精心設(shè)計了38個網(wǎng)頁,以網(wǎng)頁制作為主線設(shè)計了50項主任務(wù)、44項子任務(wù)。面向教學(xué)全過程設(shè)置了8個必要的教學(xué)環(huán)節(jié):知識疏理→操作準備→引導(dǎo)訓(xùn)練→引導(dǎo)訓(xùn)練考核評價→同步訓(xùn)練→同步訓(xùn)練考核評價→問題探究→單元習(xí)題。技能訓(xùn)練力求做到課內(nèi)與課外相結(jié)合,教師引導(dǎo)示范與學(xué)生白主訓(xùn)練相結(jié)合,注重能力培養(yǎng)與關(guān)注態(tài)度養(yǎng)成相結(jié)合。
該書配有微課視頻、授課用PPT、案例素材、任務(wù)工作單、學(xué)習(xí)指導(dǎo)等豐富的數(shù)字化學(xué)習(xí)資源。與該書配套的數(shù)字課程“網(wǎng)頁設(shè)計與制作”在“智慧職教”平臺(www.icve.com.cn)上線,讀者可以登錄平臺進行在線學(xué)習(xí)及資源下載,教師也可發(fā)郵件至編輯郵箱1548103297@qq.com獲取相關(guān)教學(xué)資源。
《網(wǎng)頁設(shè)計與制作任務(wù)驅(qū)動教程(第4版)》可以作為高等職業(yè)院校各相關(guān)專業(yè)的網(wǎng)頁設(shè)計與制作課程教材,也可以作為網(wǎng)頁制作的培訓(xùn)教材和網(wǎng)站開發(fā)的參考用書。
Dreamweaver是由Adobe公司開發(fā)的網(wǎng)頁設(shè)計與制作軟件。它功能強大。易學(xué)易用、深受用戶的喜愛和好評。使用Dreamweaver這款優(yōu)秀的網(wǎng)頁制作工具制作網(wǎng)頁,在網(wǎng)頁制作過程中熟悉網(wǎng)頁制作方法、體驗Dreamweaver功能、積累網(wǎng)頁制作經(jīng)驗、培養(yǎng)網(wǎng)頁制作興趣。通過網(wǎng)頁制作訓(xùn)練,讓學(xué)習(xí)者體會HTML5的功能、CSS3的優(yōu)勢,JavaScript+iQuery程序的神奇,學(xué)會使用Dreamweaver設(shè)計與制作網(wǎng)頁的方法,逐步掌握網(wǎng)頁布局、CSS設(shè)計、頁面元素美化、網(wǎng)頁特效制作的方法,為后續(xù)課程做好準備,激發(fā)其學(xué)習(xí)興趣。
本書具有如下特色和創(chuàng)新。
。1)應(yīng)用新技術(shù)、適用新變化、取得新作為
在HTML5、CSS3、iQuery等技術(shù)成為業(yè)界主流技術(shù),移動端與PC端平分秋色的新時代,HTML5提供了很多新功能,使用CSS3布局與美化網(wǎng)頁成為新常態(tài),iQuery具有實現(xiàn)網(wǎng)頁特效的新方法,業(yè)界對網(wǎng)頁設(shè)計與制作人員也提出了與時俱進的新要求,因此網(wǎng)頁設(shè)計與制作教材要不斷進行優(yōu)化完善,適應(yīng)新變化、滿足新需求,在新時代教學(xué)改革有新作為、教學(xué)案例有新特色。
。2)全面優(yōu)化課程結(jié)構(gòu)、精心設(shè)計教學(xué)案例、合理設(shè)計教學(xué)流程
·對網(wǎng)頁設(shè)計與制作類職業(yè)崗位的從業(yè)需求進行再調(diào)研、再分析,面對網(wǎng)頁設(shè)計的新技術(shù)、新變化、新要求,根據(jù)從業(yè)崗位的知識、技能、素養(yǎng)的新需求,全面優(yōu)化課程結(jié)構(gòu)、整合教學(xué)內(nèi)容,將“網(wǎng)頁設(shè)計與制作”課程劃分為11個教學(xué)單元:創(chuàng)建站點與瀏覽網(wǎng)頁,制作文本網(wǎng)頁,制作圖文混排網(wǎng)頁,制作包含列表和表格的網(wǎng)頁,制作包含超鏈接和導(dǎo)航欄的網(wǎng)頁,制作包含表單的網(wǎng)頁,使用模板和庫制作網(wǎng)頁,制作包含特效與交互的網(wǎng)頁,制作包含音頻與視頻的網(wǎng)頁,網(wǎng)頁整體和網(wǎng)頁元素布局與美化,設(shè)計網(wǎng)站主頁與整合網(wǎng)站。
·以真實的旅游網(wǎng)站作為教學(xué)案例,圍繞旅游這個主題精心設(shè)計了38個網(wǎng)頁,以網(wǎng)頁制作為主線設(shè)計了50項主任務(wù)、44項子任務(wù)。
·面向教學(xué)全過程設(shè)置完整的教學(xué)環(huán)節(jié),每個教學(xué)單元設(shè)置了8個必要的教學(xué)環(huán)節(jié):知識疏理一操作準備→引導(dǎo)訓(xùn)練→引導(dǎo)訓(xùn)練考核評價→同步訓(xùn)練→同步訓(xùn)練考核評價→問題探究→單元習(xí)題。
。3)創(chuàng)新技能訓(xùn)練過程、創(chuàng)新課堂教學(xué)方法、創(chuàng)新教學(xué)組織方式
·本書將操作技能訓(xùn)練與理論知識學(xué)習(xí)相對分離,每個教學(xué)單元理論知識學(xué)習(xí)設(shè)置為兩個環(huán)節(jié):【知識疏理】環(huán)節(jié)學(xué)習(xí)基礎(chǔ)知識和基本方法,【問題探究】環(huán)節(jié)學(xué)習(xí)綜合性知識、化解疑難問題,首先熟悉基礎(chǔ)理論知識,然后制作網(wǎng)頁形成感性認識,最后學(xué)習(xí)綜合性知識、化解疑難問題。知識學(xué)習(xí)采用線下學(xué)習(xí)和在線學(xué)習(xí)相結(jié)合的方式。每個教學(xué)單元的技能訓(xùn)練過程分為3個階段:操作準備(準備做)、引導(dǎo)訓(xùn)練(跟著做)、同步訓(xùn)練(試著做)。
·課程教學(xué)以完成網(wǎng)頁制作任務(wù)為主線,實行“任務(wù)驅(qū)動、理論實踐一體化”的教學(xué)方法,融“教、學(xué)、做、評”于一體,體現(xiàn)了“做中學(xué)、做中會”的教學(xué)理念,全方位促進網(wǎng)頁設(shè)計技能的提升,以滿足職業(yè)崗位的需求。
·本書的教學(xué)組織方式可以為串行方式(連續(xù)安排3~4周)組織教學(xué),也可以為并行方式
。恐馨才4~6課時)組織教學(xué)。
。4)遵循學(xué)生認知規(guī)律、遵循技能形成規(guī)律、遵循技術(shù)發(fā)展規(guī)律
·教學(xué)內(nèi)容和操作任務(wù)的安排充分考慮學(xué)習(xí)者的認知水平和學(xué)習(xí)能力,把握由局部到整體、由簡單到復(fù)雜、由具體到抽象的認知規(guī)律。主要分為3個教學(xué)階段:創(chuàng)建站點與瀏覽網(wǎng)頁,制作網(wǎng)頁,設(shè)計網(wǎng)站首頁與整合網(wǎng)站。第1階段賞析精美網(wǎng)頁、留下直觀印象、認知基本概念、激發(fā)學(xué)習(xí)興趣;第2階段完成45項操作任務(wù),制作34個難易程度不同的網(wǎng)頁;第3階段設(shè)計與制作網(wǎng)站主頁,將多個網(wǎng)頁整合為一個網(wǎng)站,同時學(xué)會測試網(wǎng)站和發(fā)布網(wǎng)站。將網(wǎng)頁中的文字輸入、圖片插入、音視頻插入、鏈接設(shè)置、表單設(shè)計、網(wǎng)頁布局、顏色搭配、特效制作等方面的操作方法合理穿插到各個網(wǎng)頁的制作過程中。
·技能訓(xùn)練遵循技能形成規(guī)律:網(wǎng)頁內(nèi)容由純文本、圖文混排到文字、圖片、音視頻多元素混排;網(wǎng)頁布局由自然布局到HTML+CSS布局;顏色搭配由單一顏色到主、輔顏色合理搭配;網(wǎng)頁特效由簡單特效至復(fù)雜特效;從制作網(wǎng)頁到設(shè)計網(wǎng)頁。
·本書的網(wǎng)頁制作工具選用Dreamweaver。Dreamweaver集網(wǎng)頁制作與網(wǎng)站管理于一身,不必編寫復(fù)雜的源代碼,即可快速生成網(wǎng)頁,具有功能強、效率高的優(yōu)點。設(shè)計與制作網(wǎng)頁時全面應(yīng)用HTML5、CSS3、iQuery等新技術(shù)。
。5)關(guān)注教學(xué)評價、關(guān)注態(tài)度養(yǎng)成、關(guān)注能力培養(yǎng)
·本書以訓(xùn)練網(wǎng)頁制作技能為中心,在訓(xùn)練過程中學(xué)習(xí)知識、訓(xùn)練技能、積累經(jīng)驗、養(yǎng)成習(xí)慣、固化能力。技能訓(xùn)練過程力求做到課內(nèi)與課外相結(jié)合、教師引導(dǎo)示范與學(xué)生自主訓(xùn)練相結(jié)合、注重能力培養(yǎng)與關(guān)注態(tài)度養(yǎng)成相結(jié)合。
·為了合理評價教學(xué)情況和任務(wù)完成情況,充分調(diào)動學(xué)生的學(xué)習(xí)積極性和主動性,培養(yǎng)團隊合作意識和工作責(zé)任心,各個教學(xué)單元都設(shè)置兩個考核評價環(huán)節(jié):引導(dǎo)訓(xùn)練考核評價和同步訓(xùn)練考核評價。引導(dǎo)訓(xùn)練考核評價主要反映學(xué)習(xí)者對課堂教學(xué)內(nèi)容的掌握程度,評價教學(xué)效果。同步訓(xùn)練考核評價主要對學(xué)習(xí)者完成同步訓(xùn)練任務(wù)情況進行客觀、公正的評價,作為考核自主學(xué)習(xí)情況的依據(jù)?己嗽u價方式包括自我評價、小組評價和教師評價,讓小組成員通過自我評價和相互評價取長補短、相互借鑒、增強自信、共同提高。
·每個教學(xué)單元所制作的網(wǎng)頁都注重了網(wǎng)頁的完整性、真實性和美觀性。在制作網(wǎng)頁時,注重命名的規(guī)范化、代碼的標準化,并對HTML、CSS、JavaScript代碼添加了必要的注釋,有助于了解代碼的含義,對日后代碼維護提供了很大的方便。
。6)真實的環(huán)境、真實的過程、真實的要求、真實的項目在真實的開發(fā)環(huán)境中,以真實的制作流程,執(zhí)行真實的開發(fā)要求,制作真實的旅游網(wǎng)站。
·真實的環(huán)境:在真實的網(wǎng)站開發(fā)環(huán)境中完成網(wǎng)頁制作任務(wù)。
·真實的過程:執(zhí)行完整的作業(yè)流程,體驗真實的工作過程。
·真實的要求:以職業(yè)化技術(shù)標準規(guī)范網(wǎng)頁制作和代碼編寫。
·真實的項目:以真實的旅游網(wǎng)站作為教學(xué)案例,每個教學(xué)單元完成若干網(wǎng)頁。
本書由湖南鐵道職業(yè)技術(shù)學(xué)院陳承歡教授編著,湖南鐵道職業(yè)技術(shù)學(xué)院的湯夢姣、侯偉、張軍、肖素華、林?怠㈩佌淦、郭外萍、顏謙和、張麗芳等多位老師參加了部分章節(jié)的編寫和教學(xué)案例的制作。
由于作者水平有限,書中難免存在疏漏之處,敬請各位專家和讀者批評指正,作者QQ為1574819688,感謝您使用本書,期待本書能成為您的良師益友。
單元1 創(chuàng)建站點與瀏覽網(wǎng)頁
【知識疏理】
【操作準備】
【引導(dǎo)訓(xùn)練】
【任務(wù)1-1】創(chuàng)建“單元1”站點并瀏覽
大美阿壩網(wǎng)頁
【任務(wù)1-1-1】創(chuàng)建本地站點“單元1”
【任務(wù)1-1-2】認識Dreamweaver的工作
界面
【任務(wù)1-1-3】打開與保存網(wǎng)頁文檔0101.html
【任務(wù)1-1-4】在瀏覽器中瀏覽大美阿壩網(wǎng)頁
【引導(dǎo)訓(xùn)練考核評價】
【同步訓(xùn)練】
【任務(wù)1-2】打開并瀏覽阿壩概況網(wǎng)頁
【同步訓(xùn)練考核評價】
【問題探究】
【單元習(xí)題】
單元2 制作文本網(wǎng)頁
【知識疏理】
【操作準備】
【引導(dǎo)訓(xùn)練】
【任務(wù)2-1】制作阿壩概況的文本網(wǎng)頁
【任務(wù)2-1-1】建立站點目錄結(jié)構(gòu)
【任務(wù)2-1-2】創(chuàng)建與保存網(wǎng)頁文檔0201.html
【任務(wù)2-1-3】設(shè)置網(wǎng)頁的首選項
【任務(wù)2-1-4】設(shè)置頁面的整體屬性
【任務(wù)2-1-5】在網(wǎng)頁中輸入文字
【任務(wù)2-1-6】輸入與編輯網(wǎng)頁中的文本
【任務(wù)2-1-7】網(wǎng)頁文本的格式化
【任務(wù)2-1-8】設(shè)置超鏈接與瀏覽網(wǎng)頁效果
【任務(wù)2-1-9】在【代碼】視圖查看CSS代碼和HTML代碼
【任務(wù)2-2】使用CSS美化文本標題和文本段落
【引導(dǎo)訓(xùn)練考核評價】
【同步訓(xùn)練】
【任務(wù)2-3】制作九寨溝概況的文本網(wǎng)頁
【同步訓(xùn)練考核評價】
【問題探究】
【單元習(xí)題】
單元3 制作圖文混排網(wǎng)頁
【知識疏理】
【操作準備】
【引導(dǎo)訓(xùn)練】
【任務(wù)3-1】制作介紹九寨溝景區(qū)
景點的圖文混排網(wǎng)頁
【任務(wù)3-1-1】使用【管理站點】對話框
創(chuàng)建站點”單元3
【任務(wù)3-1-2】使用【文件】面板新建網(wǎng)頁0301.html
【任務(wù)3-1-3】設(shè)置頁面的背景圖像
【任務(wù)3-1-4】在網(wǎng)頁中輸入所需的文本內(nèi)容與設(shè)置文本格式
【任務(wù)3-1-5】在網(wǎng)頁中插入多幅圖像與設(shè)置圖像屬性
【任務(wù)3-1-6】在【代碼】視圖中查看CSS代碼和HTML代碼
【任務(wù)3-2】使用CSS美化網(wǎng)頁文本與圖片
【任務(wù)3-3】制作多幅圖片并行排列的網(wǎng)頁
【引導(dǎo)訓(xùn)練考核評價】
【同步訓(xùn)練】
【任務(wù)3-4】在網(wǎng)頁中設(shè)置圖片與背景屬性
【任務(wù)3-5】制作阿壩州景區(qū)景點的圖文混排網(wǎng)頁
【同步訓(xùn)練考核評價】
【問題探究】
【單元習(xí)題】
單元4 制作包含列表和表格的網(wǎng)頁
【知識疏理】
【操作準備】
【引導(dǎo)訓(xùn)練】
【任務(wù)4-1】制作以項目列表形式表現(xiàn)新聞標題的網(wǎng)頁
【任務(wù)4-2】制作以項目列表形式表現(xiàn)圖文按鈕的網(wǎng)頁
【任務(wù)4-3】制作應(yīng)用表格存放數(shù)據(jù)的網(wǎng)頁
【任務(wù)4-4】制作包含個性化表格的網(wǎng)頁
【引導(dǎo)訓(xùn)練考核評價】
【同步訓(xùn)練】
【任務(wù)4-5】制作項目列表為主的旅游攻略標題網(wǎng)頁
【任務(wù)4-6】制作包含一個5行3列表格的網(wǎng)頁
【同步訓(xùn)練考核評價】
【問題探究】
【單元習(xí)題】
單元5 制作包含超鏈接和導(dǎo)航欄的網(wǎng)頁
【知識疏理】
【操作準備】
【引導(dǎo)訓(xùn)練】
……
單元6 制作包含表單的網(wǎng)頁
單元7 使用模板和庫制作網(wǎng)頁
單元8 制作包含特效與交互的網(wǎng)頁
單元9 制作包含音頻與視頻的網(wǎng)頁
單元10 網(wǎng)頁整體和網(wǎng)頁元素布局與美化
單元11 設(shè)計網(wǎng)站主頁與整合網(wǎng)站
參考文獻