網(wǎng)頁設(shè)計與制作項目化教程(HTML5+CSS3+JavaScript+DW+PS)
定 價:59 元
叢書名:高職高專精品課程系列教材
- 作者:蔣建瓊
- 出版時間:2023/8/1
- ISBN:9787560670331
- 出 版 社:西安電子科技大學(xué)出版社
- 中圖法分類:TP393.092.2
- 頁碼:408
- 紙張:
- 版次:1
- 開本:16開
本書以項目化形式組織內(nèi)容,介紹如何利用HTML5+CSS3+JavaScript+Dreamweaver CC+Photoshop制作網(wǎng)頁及網(wǎng)站。本書內(nèi)容由14個項目組成,前8個項目全面地介紹了網(wǎng)頁制作和前端開發(fā)技術(shù)的基本理論和實際應(yīng)用,項目9~項目12主要介紹利用Dreamweaver CC 2017設(shè)計視圖制作網(wǎng)頁,最后2個項目主要介紹利用Photoshop+Dreamweaver CC設(shè)計和制作網(wǎng)頁。書中內(nèi)容經(jīng)過認(rèn)真的設(shè)計,將網(wǎng)頁設(shè)計行業(yè)標(biāo)準(zhǔn)和制作流程很好地融入教學(xué)中,并且配套精品在線課程、微課視頻等數(shù)字化學(xué)習(xí)資源。
本書可以作為高職高專院校計算機相關(guān)專業(yè)網(wǎng)頁制作和Web前端開發(fā)課程的教材,也可以作為Web前端開發(fā)愛好者學(xué)習(xí) Web前端程序設(shè)計的參考書。
隨著移動互聯(lián)網(wǎng)技術(shù)的蓬勃發(fā)展,網(wǎng)頁已成為各行各業(yè)對外宣傳的窗口,“網(wǎng)頁設(shè)計與制作”也成為高職院校計算機網(wǎng)絡(luò)專業(yè)和信息技術(shù)類相關(guān)專業(yè)開設(shè)的一門專業(yè)必修課。
本書依據(jù)網(wǎng)頁設(shè)計的行業(yè)標(biāo)準(zhǔn)和設(shè)計流程,采用項目化教學(xué)法,將職業(yè)技能的要求分為“會”“能”“精通”三個等級,安排了三大部分共14個項目:第1部分介紹網(wǎng)頁制作前端開發(fā)技術(shù),包括項目1~項目8;第2部分講解利用Dreamweaver CC 2017設(shè)計視圖制作網(wǎng)頁,包括項目9~項目12;第3部分為設(shè)計綜合,包括項目13和項目14,其中項目14的內(nèi)容以二維碼的形式呈現(xiàn),讀者可使用微信掃碼閱讀學(xué)習(xí)。
本書具有以下特點:
(1) 以學(xué)生為中心。本書主要以HTML5+CSS3+JavaScript+Dreamweaver CC+Photoshop技術(shù)為編寫對象,前8個項目主要介紹HTML5+CSS3+JavaScript前端開發(fā)技術(shù),項目9~項目12主要介紹利用Dreamweaver CC設(shè)計視圖制作網(wǎng)頁,讓讀者能熟練地在代碼視圖和設(shè)計視圖中切換及設(shè)計網(wǎng)頁,提高讀者學(xué)習(xí)的興趣和降低學(xué)習(xí)的難度,讓網(wǎng)頁制作變得更加高效。
(2) 產(chǎn)教融合。后2個項目加入Photoshop+Dreamweaver共同設(shè)計和制作網(wǎng)頁的內(nèi)容,將行業(yè)制作網(wǎng)頁的流程融入教學(xué)中,將好的設(shè)計運用到網(wǎng)頁制作過程中,讓技術(shù)融入藝術(shù)設(shè)計,在藝術(shù)設(shè)計中融入技術(shù)制作,讓數(shù)字藝術(shù)類專業(yè)的學(xué)習(xí)者也能簡單有效地設(shè)計和制作網(wǎng)頁,讓信息技術(shù)類的學(xué)習(xí)者亦能在技術(shù)中體會到設(shè)計的藝術(shù)。
(3) 本書結(jié)構(gòu)合理,內(nèi)容豐富,實用性強,配有微課視頻、教學(xué)設(shè)計、授課PPT、案例素材等數(shù)字化學(xué)習(xí)資源。與本書配套的數(shù)字課程“網(wǎng)頁設(shè)計與制作”已在“學(xué)銀在線”平臺(www.xueyinonline.com)上線,課程網(wǎng)址為https://www.xueyinonline.com/detail/232613455,學(xué)習(xí)者可以登錄該網(wǎng)址進(jìn)行在線學(xué)習(xí)和資料下載。授課教師可以調(diào)用本課程構(gòu)建符合自身教學(xué)的SPOC(Small Private Online Course,小規(guī)模限制性在線課程),也可以發(fā)郵件至編者郵箱645865463@qq.com獲取相關(guān)的資源。
本書的參考學(xué)時為64學(xué)時,也可根據(jù)教學(xué)內(nèi)容的取舍作出適當(dāng)調(diào)整。
本書由從事多年網(wǎng)頁設(shè)計和廣告設(shè)計專業(yè)一線教學(xué)的教師共同編寫完成,蔣建瓊、劉蕓華、楊浩宇擔(dān)任主編,楊雪、王曉丁、柳光凱擔(dān)任副主編。蔣建瓊編寫項目1、2、5、6、7、9、14,劉蕓華編寫項目10~項目12,楊浩宇編寫項目4,柳光凱編寫項目3,王曉丁編寫項目8,楊雪編寫項目13,呂鳳花負(fù)責(zé)全書的統(tǒng)稿工作,全書由趙樹權(quán)主審。本書目前已作為昆明工業(yè)職業(yè)技術(shù)學(xué)院校本教材使用。
由于編者水平和經(jīng)驗有限,書中難免有不足之處,懇請讀者批評指正。本書的所有素材、源代碼、教學(xué)PPT、微課視頻、技能拓展資料均可與編者聯(lián)系獲得。
編 者
2023年5月
項目1 學(xué)習(xí)網(wǎng)站建設(shè)基礎(chǔ)知識 1
任務(wù)1 認(rèn)識網(wǎng)站和網(wǎng)頁 1
任務(wù)2 了解常用瀏覽器 7
任務(wù)3 了解Web的標(biāo)準(zhǔn) 9
任務(wù)4 了解網(wǎng)頁設(shè)計規(guī)范 11
任務(wù)5 了解網(wǎng)頁設(shè)計的流行趨勢 14
任務(wù)6 了解常用的網(wǎng)頁設(shè)計工具 19
項目2 網(wǎng)站的規(guī)劃與建設(shè) 22
任務(wù)1 網(wǎng)站的設(shè)計與規(guī)劃 22
任務(wù)2 Dreamweaver CC 2017站點建設(shè) 30
項目3 掌握HTML5基礎(chǔ)知識 42
任務(wù)1 初識HTML 42
任務(wù)2 HTML常用編輯器的使用 46
任務(wù)3 HTML5常用標(biāo)簽的使用 51
任務(wù)4 HTML5新增標(biāo)簽的使用 90
項目4 學(xué)習(xí)CSS 3樣式基礎(chǔ) 110
任務(wù)1 認(rèn)識CSS 3 110
任務(wù)2 CSS 3選擇器的使用 113
任務(wù)3 CSS 3樣式的引用 122
任務(wù)4 CSS 3常用屬性的使用 129
項目5 CSS 3高級篇學(xué)習(xí) 147
任務(wù)1 CSS 3高級選擇器的使用 147
任務(wù)2 CSS 3高級特效的使用 159
任務(wù)3 導(dǎo)航制作 177
項目6 創(chuàng)建CSS 3盒子模型 186
任務(wù)1 認(rèn)識盒子模型 186
任務(wù)2 理解盒子模型的相關(guān)屬性 189
任務(wù)3 盒子模型的定位 202
項目7 DIV?+?CSS布局頁面 222
任務(wù)1 DIV?+?CSS布局骨架 222
任務(wù)2 DIV?+?CSS布局實例 231
項目8 JavaScript與jQuery Mobile 241
任務(wù)1 使用客戶腳本 241
任務(wù)2 JavaScript編程 250
任務(wù)3 使用jQuery Mobile 261
任務(wù)4 使用Bootstrap 266
項目9 Dreamweaver CC制作網(wǎng)頁 273
任務(wù)1 新建網(wǎng)頁 273
任務(wù)2 編輯網(wǎng)頁 277
任務(wù)3 使用CSS樣式 305
任務(wù)4 響應(yīng)式網(wǎng)頁設(shè)計 313
項目10 創(chuàng)建模板和庫 322
任務(wù)1 創(chuàng)建模板 322
任務(wù)2 創(chuàng)建庫 337
項目11 jQuery UI使用 350
任務(wù) 使用jQuery UI創(chuàng)建小插件 350
項目12 創(chuàng)建行為 365
任務(wù)1 行為概述 365
任務(wù)2 制作圖像特效 368
任務(wù)3 運用行為制作相冊 375
項目13 使用Photoshop制作網(wǎng)頁素材 383
任務(wù)1 使用Photoshop軟件制作圖片素材 383
任務(wù)2 導(dǎo)航和banner設(shè)計 386
任務(wù)3 頁面版面設(shè)計 389
任務(wù)4 頁面切圖 393
項目14 綜合項目實踐—“關(guān)愛留守兒童”網(wǎng)站制作 400
參考文獻(xiàn) 401