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