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