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