HTML+CSS+JavaScript網(wǎng)頁(yè)設(shè)計(jì)實(shí)用教程

定　價(jià)：￥39.80

作　者：	金景文化編著
出版社：	人民郵電出版社
叢編項(xiàng)：
標(biāo)　簽：	計(jì)算機(jī)/網(wǎng)絡(luò) 圖形圖像多媒體網(wǎng)頁(yè)設(shè)計(jì)

購(gòu)買(mǎi)這本書(shū)可以去

ISBN：	9787115368423	出版時(shí)間：	2015-02-01	包裝：
開(kāi)本：		頁(yè)數(shù)：		字?jǐn)?shù)：

內(nèi)容簡(jiǎn)介

　　本書(shū)介紹了網(wǎng)站前臺(tái)設(shè)計(jì)中的設(shè)計(jì)語(yǔ)言HTML+CSS+JavaScript，從多方面講解了設(shè)計(jì)語(yǔ)言所涉及的知識(shí)點(diǎn)并配合大量的實(shí)用案例。由淺入深、由點(diǎn)到面地詮釋網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言在網(wǎng)頁(yè)設(shè)計(jì)制作中使用的方法和技巧。全書(shū)采用了知識(shí)點(diǎn)加案例的方法，將設(shè)計(jì)語(yǔ)言在設(shè)計(jì)中具體的實(shí)用方法貫穿整本書(shū)的脈絡(luò)，從而達(dá)到更加有效的學(xué)習(xí)效果。全書(shū)共分為22章，其中包括HTML基礎(chǔ)知識(shí)、HTML整體結(jié)構(gòu)設(shè)置、HTML中文本與段落的設(shè)置、HTML中列表設(shè)置、HTML中圖像設(shè)置、HTML中超鏈接設(shè)置、HTML中多媒體設(shè)置、HTML中表單元素設(shè)置、HTML中表格和Div的應(yīng)用、HTML中的框架設(shè)置、CSS樣式基礎(chǔ)、使用CSS設(shè)置文字和段落樣式、使用CSS設(shè)置列表和背景樣式、使用CSS設(shè)置圖片和超鏈接樣式、使用鼠標(biāo)效果和CSS濾鏡、CSS布局、JavaScript基礎(chǔ)知識(shí)、JavaScript的語(yǔ)法基礎(chǔ)、JavaScript中的事件響應(yīng)、JavaScript中的函數(shù)、JavaScript實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁(yè)效果和綜合案例等內(nèi)容。本書(shū)配套光盤(pán)中提供了書(shū)中所有實(shí)例的源文件和相關(guān)素材，以及書(shū)中的視頻教程，方便讀者的學(xué)習(xí)和參考。本書(shū)適合初級(jí)和中級(jí)讀者以及想進(jìn)入網(wǎng)頁(yè)前臺(tái)領(lǐng)域的讀者朋友與網(wǎng)頁(yè)設(shè)計(jì)相關(guān)的大中專學(xué)生閱讀。同時(shí)，也可作為廣大網(wǎng)頁(yè)設(shè)計(jì)愛(ài)好者的參考書(shū)以及網(wǎng)頁(yè)前臺(tái)制作的培訓(xùn)教材。

作者簡(jiǎn)介

　　金景文化是行業(yè)內(nèi)知名的設(shè)計(jì)團(tuán)隊(duì)，其主要成員包括Adobe網(wǎng)頁(yè)設(shè)計(jì)師認(rèn)證講師、 Adobe專家組成員。具有豐富的設(shè)計(jì)開(kāi)發(fā)經(jīng)驗(yàn)，曾參與中央電大網(wǎng)頁(yè)設(shè)計(jì)課程體系開(kāi)發(fā)、參與設(shè)計(jì)了999集團(tuán)設(shè)計(jì)宣傳冊(cè)、以及國(guó)務(wù)院國(guó)資委電子資料室設(shè)計(jì)制作網(wǎng)站。同時(shí)，具有豐富的教學(xué)經(jīng)驗(yàn)，曾在北京大學(xué)、北京師范大學(xué)等重點(diǎn)院校以及Adobe創(chuàng)意大學(xué)和新東方等培訓(xùn)機(jī)構(gòu)教授網(wǎng)頁(yè)設(shè)計(jì)課程。對(duì)網(wǎng)頁(yè)色彩搭配有獨(dú)特見(jiàn)解。出版網(wǎng)頁(yè)設(shè)計(jì)與設(shè)計(jì)類(lèi)書(shū)籍?dāng)?shù)十種。

圖書(shū)目錄

目錄
第1章　HTML基礎(chǔ) 2
1.1　了解Internet相關(guān)知識(shí) …………………………… 2
1.1.1　TCP/IP協(xié)議 ………………………………………… 2
1.1.2　IP地址和域名 ……………………………………… 2
1.1.3　URL ………………………………………………… 1
1.1.4　Web瀏覽器 ………………………………………… 1
1.2　網(wǎng)頁(yè)與網(wǎng)站 ……………………………………… 2
1.2.1　網(wǎng)頁(yè)與網(wǎng)站的關(guān)系 ………………………………… 2
1.2.2　靜態(tài)網(wǎng)頁(yè)與動(dòng)態(tài)網(wǎng)頁(yè) ……………………………… 2
1.3　HTML、CSS與JavaScript ……………………… 3
1.3.1　HTML、CSS和JavaScript代碼 …………………… 3
1.3.2　HTML在網(wǎng)頁(yè)中的作用……………………………… 4
1.3.3　CSS在網(wǎng)頁(yè)中的作用 ……………………………… 4
1.3.4　JavaScript在網(wǎng)頁(yè)中的作用 ………………………… 4
1.4　HTML網(wǎng)頁(yè)技術(shù) ………………………………… 5
1.4.1　HTML概述…………………………………………… 5
1.4.2　HTML文檔結(jié)構(gòu)……………………………………… 5
1.4.3　HTML中的標(biāo)簽形式………………………………… 6
1.4.4　編寫(xiě)HTML時(shí)需要注意的問(wèn)題……………………… 6
1.5　了解XHTML ……………………………………… 6
1.5.1　什么是XHTML ……………………………………… 6
1.5.2　XHTML的文檔結(jié)構(gòu) ………………………………… 7
1.5.3　XHTML的代碼規(guī)范 ………………………………… 7
1.5.4　XHTML的文檔類(lèi)型 ………………………………… 9
1.5.5　名字空間 …………………………………………… 9
1.5.6　使用XHTML的優(yōu)勢(shì) ………………………………… 9
1.6　兩種編寫(xiě)HTML的方法 …………………………10
1.6.1　使用記事本編寫(xiě) ……………………………………10
課堂案例　使用記事本編寫(xiě)HTML頁(yè)面 ……………………10
1.6.2　使用Dreamweaver編寫(xiě) …………………………… 11
課堂案例　使用Dreamweaver編寫(xiě)網(wǎng)頁(yè) …………………13
1.7　網(wǎng)頁(yè)設(shè)計(jì)制作流程 ………………………………14
1.7.1　前期網(wǎng)站策劃 ………………………………………14
1.7.2　規(guī)劃站點(diǎn)結(jié)構(gòu) ………………………………………14
1.7.3　收集網(wǎng)站相關(guān)素材 …………………………………15
1.7.4　網(wǎng)頁(yè)的版式與布局分析 ……………………………15
1.7.5　確定網(wǎng)頁(yè)配色 ………………………………………15
1.7.6　設(shè)計(jì)網(wǎng)站頁(yè)面 ………………………………………16
1.7.7　切割和優(yōu)化網(wǎng)頁(yè)圖像 ………………………………16
1.7.8　制作網(wǎng)站HTML頁(yè)面…………………………………16
1.7.9　開(kāi)發(fā)動(dòng)態(tài)網(wǎng)站模塊 …………………………………16
1.7.10　申請(qǐng)域名和服務(wù)器空間 ……………………………16
1.7.11　測(cè)試并上傳網(wǎng)站 ……………………………………16
1.8　本章小結(jié) …………………………………………16
1.9　課后習(xí)題 …………………………………………17
1.9.1　課后習(xí)題1：制作簡(jiǎn)單的HTML頁(yè)面 ………………17
第2章　HTML整體結(jié)構(gòu)設(shè)置 18
2.1　網(wǎng)頁(yè)頭部標(biāo)簽 ……………………………18
2.1.1　網(wǎng)頁(yè)標(biāo)題標(biāo)簽…………………………………18
2.1.2　網(wǎng)頁(yè)說(shuō)明description ………………………………19
2.1.3　網(wǎng)頁(yè)關(guān)鍵字keywords ………………………………19
2.1.4　網(wǎng)頁(yè)編碼格式charset ………………………………19
2.1.5　網(wǎng)頁(yè)編輯工具genrator………………………………20
2.1.6　網(wǎng)頁(yè)作者信息author ………………………………20
2.1.7　網(wǎng)頁(yè)定時(shí)跳轉(zhuǎn)refresh ………………………………20
課堂案例　綜合設(shè)置網(wǎng)頁(yè)頭信息 …………………………21
2.1.8　網(wǎng)頁(yè)基址標(biāo)簽 ………………………………21
2.2　網(wǎng)頁(yè)主體標(biāo)簽 ……………………………23
2.2.1　網(wǎng)頁(yè)邊距margin ……………………………………23
2.2.2　網(wǎng)頁(yè)默認(rèn)文字顏色text ………………………………23
課堂案例　設(shè)置網(wǎng)頁(yè)文字 …………………………………24
2.2.3　默認(rèn)鏈接文字link ……………………………………25
課堂案例　設(shè)置網(wǎng)頁(yè)鏈接文字 ……………………………26
2.2.4　網(wǎng)頁(yè)背景顏色bgcolor ………………………………27
2.2.5　網(wǎng)頁(yè)背景圖片background …………………………28
課堂案例　設(shè)置網(wǎng)頁(yè)背景效果 ……………………………28
2.3　本章小結(jié) …………………………………………30
2.4　課后習(xí)題 …………………………………………30
2.4.1　課后習(xí)題1：設(shè)置插畫(huà)設(shè)計(jì)網(wǎng)站頭信息 ……………30
2.4.2　課后習(xí)題2：綜合設(shè)置網(wǎng)頁(yè)整體外觀 ………………30
第3章　HTML中文本與段落設(shè)置 32
3.1　網(wǎng)頁(yè)文本處理 ……………………………………32
3.1.1　在網(wǎng)頁(yè)中輸入文字的方法 …………………………32
3.1.2　在文本中插入空格 …………………………………32
3.1.3　插入特殊字符 ………………………………………33
課堂案例　在網(wǎng)頁(yè)中輸入文本 ……………………………34
課堂案例　對(duì)文本進(jìn)行換行 ………………………………35
3.1.4　文本換行
標(biāo)簽 …………………………………35
3.1.5　文本強(qiáng)制不換行標(biāo)簽 ………………………35
3.1.6　文本分段標(biāo)簽……………………………………36
課堂案例　段落文本處理 …………………………………37
3.1.7　段落文本對(duì)齊 ………………………………………37
3.2　設(shè)置網(wǎng)頁(yè)字體 ……………………………………38
3.2.1　設(shè)置字體 ……………………………………………38
3.2.2　設(shè)置文字大小 ………………………………………39
3.2.3　設(shè)置文字顏色 ………………………………………39
課堂案例　設(shè)置文字效果 …………………………………40
3.2.4　文字加粗和標(biāo)簽 ………………………41
3.2.5　文字傾斜和標(biāo)簽 …………………………41
3.2.6　文字下畫(huà)線標(biāo)簽…………………………………41
課堂案例　修飾網(wǎng)頁(yè)中的文字 ……………………………42
3.2.7　上標(biāo)與下標(biāo)文字 ……………………………………43
3.2.8　標(biāo)題文字至標(biāo)簽 …………………………43
課堂案例　在網(wǎng)頁(yè)中創(chuàng)建標(biāo)題文字 ………………………44
3.3　水平線 ……………………………………………45
3.3.1　在網(wǎng)頁(yè)中插入水平線 ………………………………45
3.3.2　設(shè)置水平線寬度和高度 ……………………………45
3.3.3　設(shè)置水平線的顏色 …………………………………46
3.3.4　水平線對(duì)齊方式 ……………………………………46
3.3.5　去除水平線陰影 ……………………………………46
課堂案例　為網(wǎng)頁(yè)文本添加水平分割線 …………………47
3.4　滾動(dòng)文本 …………………………………………48
3.4.1　文本滾動(dòng)標(biāo)簽 …………………………48
3.4.2　設(shè)置文本滾動(dòng)方向 …………………………………48
3.4.3　文本滾動(dòng)的方式和速度 ……………………………48
課堂案例　制作網(wǎng)站滾動(dòng)公告 ……………………………49
3.5　本章小結(jié) …………………………………………51
3.6　課后習(xí)題 …………………………………………51
3.6.1　課后習(xí)題1：制作廣告促銷(xiāo)頁(yè)面 ……………………51
3.6.2　課后習(xí)題2：制作文章頁(yè)面 …………………………52
第4章　HTML中列表設(shè)置 54
4.1　HTML中列表的組成 ……………………………54
4.2　列表設(shè)置 …………………………………………54
4.2.1　無(wú)序列表標(biāo)簽 …………………………………54
課堂案例　制作無(wú)序新聞列表 ……………………………55
4.2.2　有序列表標(biāo)簽 …………………………………56
課堂案例　制作音樂(lè)排行榜 ………………………………57
4.2.3　定義列表標(biāo)簽 …………………………………58
課堂案例　制作論壇列表 …………………………………58
4.2.4　目錄列表標(biāo)簽 …………………………………59
4.2.5　菜單列表標(biāo)簽 ………………………………60
4.3　本章小結(jié) …………………………………………60
4.4　課后習(xí)題 …………………………………………60
4.4.1　課后習(xí)題1：制作網(wǎng)站新聞公告 ……………………60
4.4.2　課后習(xí)題2：制作玩家排行 …………………………61