|
關(guān)于我們
 書(shū)單推薦 新書(shū)推薦 |
國(guó)家軟件與集成電路公共服務(wù)平臺(tái)信息技術(shù)緊缺人才培養(yǎng)工程指定教材:網(wǎng)頁(yè)設(shè)計(jì)與制作（HTML5+CSS3+JavaScrip 
定 價(jià)：52 元 叢書(shū)名：國(guó)家軟件與集成電路公共服務(wù)平臺(tái)信息技術(shù)緊缺人才培養(yǎng)工程指定教材
9 7 2 8 5 7 0 1 8 1 4 3 3 
本書(shū)以實(shí)用的案例、通俗易懂的語(yǔ)言詳細(xì)介紹了使用HTML5、CSS3及JavaScript 進(jìn)行網(wǎng)頁(yè)制作的各方面內(nèi)容和技巧。 全書(shū)共13 章，結(jié)合HTML5、CSS3 和JavaScript 的基礎(chǔ)知識(shí)及應(yīng)用，提供了100 多個(gè)課堂案例和1 個(gè)綜合項(xiàng)目。其中，第1、2 章主要講解網(wǎng)頁(yè)制作的基礎(chǔ)知識(shí)，包括網(wǎng)頁(yè)、網(wǎng)站的概念以及網(wǎng)站制作工具的使用技巧；第3～10 章主要講解HTML5/CSS3、盒子模型、列表與超鏈接、表單、元素的浮動(dòng)與定位等靜態(tài)網(wǎng)頁(yè)搭建技巧；第11 章講解使用JavaScript 為網(wǎng)頁(yè)添加動(dòng)態(tài)效果；第12 章講解網(wǎng)站測(cè)試和發(fā)布的相關(guān)知識(shí)；第13 章為一個(gè)綜合項(xiàng)目，帶領(lǐng)讀者按照項(xiàng)目流程開(kāi)發(fā)了一個(gè)包含首頁(yè)、個(gè)人中心頁(yè)、注冊(cè)頁(yè)以及視頻播放頁(yè)的大型網(wǎng)站。 本書(shū)適合作為高等院校相關(guān)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)與制作課程的教材，也可作為網(wǎng)頁(yè)平面設(shè)計(jì)的培訓(xùn)教材，是一本適合網(wǎng)頁(yè)制作、美工設(shè)計(jì)、網(wǎng)站開(kāi)發(fā)、網(wǎng)頁(yè)編程等行業(yè)人員閱讀與參考的優(yōu)秀讀物。
本書(shū)以實(shí)用的案例、通俗易懂的語(yǔ)言詳細(xì)介紹了使用HTML5、CSS3及JavaScript 進(jìn)行網(wǎng)頁(yè)制作的各方面內(nèi)容和技巧。
在這個(gè)以互聯(lián)網(wǎng)產(chǎn)業(yè)為基礎(chǔ)的時(shí)代，很多企業(yè)非常重視網(wǎng)站的建設(shè)。一個(gè)設(shè)計(jì)精良的網(wǎng)站不僅代表了企業(yè)的品牌形象，還能夠推廣宣傳企業(yè)，為企業(yè)發(fā)掘潛在的客戶。HTML5、CSS3、JavaScript作為網(wǎng)站建設(shè)技術(shù)的三要素，已成為網(wǎng)站設(shè)計(jì)人員的技術(shù)。 為什么學(xué)習(xí)本書(shū) 目前關(guān)于網(wǎng)站制作技術(shù)類的書(shū)籍較多，但大多偏向于某一塊的知識(shí)，例如界面設(shè)計(jì)、HTML5、JavaScript等，使得網(wǎng)站建設(shè)人員缺乏對(duì)完整項(xiàng)目實(shí)現(xiàn)過(guò)程的深入了解。如何制作網(wǎng)站？我們學(xué)習(xí)的這些技術(shù)應(yīng)用在網(wǎng)頁(yè)制作的哪個(gè)環(huán)節(jié)？許多初學(xué)者學(xué)完之后，依然會(huì)有這樣的疑問(wèn)。因此，系統(tǒng)全面地學(xué)習(xí)網(wǎng)站制作的相關(guān)知識(shí)，是當(dāng)下網(wǎng)頁(yè)設(shè)計(jì)人員亟待解決的問(wèn)題。 本書(shū)以實(shí)用的課堂案例、通俗易懂的語(yǔ)言詳細(xì)介紹了使用HTML5、CSS3及JavaScript進(jìn)行網(wǎng)頁(yè)制作的各方面內(nèi)容和技巧。同時(shí)以一個(gè)綜合項(xiàng)目對(duì)前面的知識(shí)進(jìn)行總結(jié)回顧，力求讓不同層次的讀者，全面系統(tǒng)快速地掌握網(wǎng)站建設(shè)的基礎(chǔ)知識(shí)，具備搭建靜態(tài)頁(yè)面的能力。 如何使用本書(shū) 本書(shū)涵蓋了靜態(tài)網(wǎng)站搭建中需要重點(diǎn)掌握的技術(shù)，主要針對(duì)零基礎(chǔ)或具備一定網(wǎng)站建設(shè)能力的人群。教材以既定的編寫體例（理論 案例）規(guī)劃所學(xué)知識(shí)點(diǎn)，以網(wǎng)站制作的基本流程為主線，詳細(xì)講解了靜態(tài)頁(yè)面搭建的相關(guān)技巧，力求讓不同層次的網(wǎng)頁(yè)設(shè)計(jì)師快速掌握網(wǎng)站制作技巧。 本書(shū)分為13章，結(jié)合HTML5、CSS3和JavaScript的基礎(chǔ)知識(shí)及應(yīng)用，提供了100多個(gè)課堂案例和1個(gè)綜合實(shí)訓(xùn)項(xiàng)目，在幫助讀者消化吸收知識(shí)的同時(shí)快速掌握網(wǎng)頁(yè)設(shè)計(jì)技巧。各章講解內(nèi)容介紹如下。 第1 章：介紹了網(wǎng)站的基礎(chǔ)知識(shí)，包括網(wǎng)頁(yè)、網(wǎng)站的概念、網(wǎng)頁(yè)設(shè)計(jì)流程以及網(wǎng)頁(yè)設(shè)計(jì)規(guī)范等內(nèi)容； 第2 章：介紹了Dreamweaver 工具的基本操作，包括界面介紹、軟件初始化設(shè)置、站點(diǎn)和模板的建立等內(nèi)容； 第3、4 章：介紹了HTML 和CSS 基礎(chǔ)知識(shí)，包括常用HTML 基礎(chǔ)標(biāo)記、HTML5新增標(biāo)記、CSS 基礎(chǔ)樣式等CSS3 新增選擇器內(nèi)容； 第5～8 章：介紹了靜態(tài)網(wǎng)頁(yè)搭建的應(yīng)用技巧，包括盒子模型、列表、表格、表單、浮動(dòng)和定位布局網(wǎng)頁(yè)等內(nèi)容； 第9 章：介紹了音頻、視頻、動(dòng)畫在網(wǎng)頁(yè)中的應(yīng)用技巧，包括音視頻嵌入網(wǎng)頁(yè)、過(guò)渡、變形、動(dòng)畫等內(nèi)容； 第10 章：介紹了網(wǎng)頁(yè)制作中一些常用的CSS 高階技巧，包括CSS 精靈技術(shù)、滑動(dòng)門技術(shù)、margin 負(fù)值壓線技術(shù)； 第11 章：介紹了JavaScript 基礎(chǔ)知識(shí)，包括JavaScript 語(yǔ)法、數(shù)據(jù)類型、函數(shù)、對(duì)象、事件等內(nèi)容； 第12 章：介紹了網(wǎng)頁(yè)測(cè)試和發(fā)布的相關(guān)知識(shí)，包括網(wǎng)站測(cè)試、域名和空間申請(qǐng)、網(wǎng)站上傳等內(nèi)容； 第13 章：是一個(gè)綜合項(xiàng)目，包括網(wǎng)站規(guī)劃、界面設(shè)計(jì)、靜態(tài)頁(yè)面搭建、網(wǎng)頁(yè)動(dòng)效實(shí)現(xiàn)等一系列完整的網(wǎng)站建設(shè)過(guò)程，是貫穿全書(shū)的綜合項(xiàng)目。 本書(shū)以網(wǎng)站設(shè)計(jì)制作流程為主線，語(yǔ)言通俗易懂，內(nèi)容豐富，知識(shí)涵蓋面廣，非常適合網(wǎng)站開(kāi)發(fā)的初學(xué)者、網(wǎng)站建設(shè)人員以及大學(xué)選修課或自學(xué)網(wǎng)頁(yè)設(shè)計(jì)的學(xué)生閱讀。 本書(shū)附有源代碼、習(xí)題、教學(xué)課件等資源，而且為了幫助初學(xué)者更好地學(xué)習(xí)本書(shū)講解的內(nèi)容，還提供了在線答疑，希望得到更多讀者的關(guān)注。 致謝 本書(shū)的編寫和整理工作由傳智播客教育科技股份有限公司完成，主要參與人員有呂春林、高美云、王哲、孟方思等，全體人員在編寫過(guò)程中付出了很多辛勤的汗水，在此一并表示衷心的感謝。 意見(jiàn)反饋 盡管我們盡了大的努力，但教材中仍難免會(huì)有疏漏與不妥之處，歡迎各界專家和讀者朋友們來(lái)信提出寶貴意見(jiàn)，我們將不勝感激。您在閱讀本書(shū)時(shí)，如發(fā)現(xiàn)任何問(wèn)題或有不認(rèn)同之處可以通過(guò)電子郵件與我們?nèi)〉寐?lián)系。 請(qǐng)發(fā)送電子郵件至：itcast_book@vip.sina.com 黑馬程序員 2018年7月16日于北京
黑馬程序員：江蘇傳智播客教育科技股份有限公司（簡(jiǎn)稱傳智播客）是一家專門致力于高素質(zhì)軟件開(kāi)發(fā)人才培養(yǎng)的高科技公司。傳智播客致力于為企業(yè)優(yōu)選一流的人才的培訓(xùn)理念，經(jīng)過(guò)多年的教學(xué)探索及戰(zhàn)略布局，已向著綜合型職業(yè)教育集團(tuán)發(fā)展。目前，傳智播客旗下已涵蓋傳智播客IT教育培訓(xùn)、黑馬程序員訓(xùn)練營(yíng)及博學(xué)谷三大子品牌。黑馬程序員是傳智播客旗下高端IT教育品牌。
第1章 網(wǎng)頁(yè)和網(wǎng)站概述............ 1 1.1 網(wǎng)頁(yè)和網(wǎng)站簡(jiǎn)介............................... 1 1.1.1 網(wǎng)頁(yè)和網(wǎng)站基本概念............................ 1 1.1.2 網(wǎng)頁(yè)基本構(gòu)成要素..... 2 1.1.3 網(wǎng)站頁(yè)面構(gòu)成............ 4 1.1.4 網(wǎng)站類型.................... 5 1.1.5 瀏覽器概述................ 7 1.2 網(wǎng)站制作流程..................................10 1.3 網(wǎng)頁(yè)設(shè)計(jì)原則..................................14 1.4 網(wǎng)頁(yè)設(shè)計(jì)規(guī)范................................. 16 1.4.1 配色原則.................. 16 1.4.2 設(shè)計(jì)尺寸規(guī)范.......... 19 1.4.3 字體規(guī)范.................. 20 1.4.4 命名規(guī)范.................. 20 習(xí)題................................................. 20 第2章 使用網(wǎng)頁(yè)制作工具......... 22 2.1 初識(shí)Dreamweaver工具......... 22 2.2 界面介紹............................................. 23 2.3 軟件初始化設(shè)置............................ 27 2.4 Dreamweaver工具的基本操作........................................... 29 2.5 創(chuàng)建站點(diǎn)............................................. 31 2.5.1 認(rèn)識(shí)站點(diǎn).................. 32 2.5.2 建立站點(diǎn).................. 32 2.5.3 管理站點(diǎn).................. 33 2.6 創(chuàng)建模板.............................................34 2.6.1 認(rèn)識(shí)模板.................. 35 2.6.2 創(chuàng)建模板.................. 35 2.6.3 編輯模板................... 37 2.6.4 管理模板................... 37 習(xí)題..................................................39 第3章 運(yùn)用HTML5搭建網(wǎng)頁(yè)結(jié)構(gòu).................... 40 3.1 HTML和HTML5........................ 40 3.1.1 認(rèn)識(shí)HTML和HTML5................. 40 3.1.2 認(rèn)識(shí)標(biāo)簽................... 41 3.1.3 文檔基本格式........... 42 3.1.4 標(biāo)簽屬性................... 43 3.1.5 HTML5文檔頭部相關(guān)標(biāo)簽................... 44 3.2 文本控制標(biāo)簽................................. 46 3.2.1 標(biāo)題和段落標(biāo)簽....... 46 3.2.2 文本樣式標(biāo)簽........... 49 3.2.3 文本格式化標(biāo)簽....... 50 3.2.4 特殊字符標(biāo)簽........... 51 3.3 圖像標(biāo)簽.............................................51 3.3.1 常用圖像格式........... 52 3.3.2 圖像標(biāo)簽..... 52 3.3.3 路徑和相對(duì)路徑.......................... 56 3.4 認(rèn)識(shí)HTML5新標(biāo)簽....................57 習(xí)題..................................................58 第4章 運(yùn)用CSS3設(shè)置網(wǎng)頁(yè)樣式... 59 4.1 認(rèn)識(shí)CSS和CSS3...........................59 4.2 CSS核心基礎(chǔ).................................. 60 4.2.1 CSS樣式規(guī)則............ 60 4.2.2 引入CSS樣式表........ 62 4.2.3 CSS基礎(chǔ)選擇器........ 66 4.3 CSS文本樣式.................................. 71 4.3.1 字體樣式屬性.......... 71 4.3.2 文本外觀屬性.......... 74 4.4 CSS高級(jí)屬性..................................80 4.4.1 CSS層疊性和繼承性.................. 80 4.4.2 CSS優(yōu)先級(jí)................ 82 4.5 CSS3新增選擇器.......................... 85 習(xí)題................................................. 87 第5章 運(yùn)用盒子模型劃分網(wǎng)頁(yè)模塊... 88 5.1 盒子模型概述.................................. 88 5.1.1 認(rèn)識(shí)盒子模型.......... 88 5.1.2 標(biāo)簽................ 89 5.1.3 盒子的寬與高.......... 90 5.2 盒子模型相關(guān)屬性....................... 91 5.2.1 邊框?qū)傩?................. 91 5.2.2 內(nèi)邊距屬性.............. 98 5.2.3 外邊距屬性.............. 99 5.2.4 box-shadow屬性.....101 5.2.5 box-sizing屬性........102 5.2.6 背景屬性.................104 5.3 元素類型與轉(zhuǎn)換......................... 112 5.3.1 元素的類型.............112 5.3.2 標(biāo)簽.............113 5.3.3 元素的轉(zhuǎn)換.............115 5.4 塊元素垂直外邊距的合并... 115 5.4.1 相鄰塊元素垂直 外邊距的合并.........115 5.4.2 嵌套塊元素垂直 外邊距的合并.........116 習(xí)題............................................... 117 第6章 為網(wǎng)頁(yè)添加列表和超鏈接...119 6.1 列表標(biāo)簽......................................... 119 6.1.1 無(wú)序列表
6.1.2 有序列表
6.1.3 定義列表
6.2 CSS控制列表樣式.....................123 6.2.1 list-style-type屬性.... 123 6.2.2 list-style-image屬性........................ 125 6.2.3 list-style-position屬性........................ 125 6.2.4 list-style屬性........... 127 6.3 超鏈接標(biāo)簽.....................................128 6.3.1 創(chuàng)建超鏈接............. 128 6.3.2 錨點(diǎn)鏈接................. 130 6.4 鏈接偽類控制超鏈接...............131 習(xí)題................................................133 第7章 為網(wǎng)頁(yè)添加表格和表單.... 134 7.1 表格標(biāo)簽......................................... 134 7.1.1 創(chuàng)建表格................. 134 7.1.2
公司介紹榮譽(yù)資質(zhì)定向推薦書(shū)目出版社授權(quán)采訪數(shù)據(jù)下載(EXCEL格式)采訪數(shù)據(jù)下載(ISO格式)出版社登錄聯(lián)系我們
Copyright 1993-2024 www.wsgph.com Inc.All Rights Reserved
技術(shù)支持：山東中教產(chǎn)業(yè)發(fā)展股份有限公司 客服電話：400-0531-123  |
