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