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