HTML,CSS,JavaScript網頁製作從入門到精通

《HTML、CSS、JavaScript網頁製作從入門到精通》是人民郵電出版社2013年出版的圖書，作者是劉西傑。

基本介紹

• 書名：HTML、CSS、JavaScript網頁製作從入門到精通
• 作者：劉西傑
• 類別：計算機語言
• 頁數：450
• 出版社：人民郵電出版社
• 出版時間：2013年1月1日
• 開本：16

基本信息

出版社: 人民郵電出版社; 第1版 (2013年1月1日)

平裝: 450頁

語種： 簡體中文

開本: 16

ISBN: 7115299714, 9787115299710

商品尺寸: 25.6 x 18.4 x 2.2 cm

商品重量: 721 g

內容簡述

劉西傑編著的《HTML\CSS\JavaScript網頁製作從入門到精通》系統、全面地介紹了各種HTML網頁製作標記，不僅包括基本的語法、說明和範例演示，還穿插了在Dreamweaver中套用HTML的範例效果，便於讀者更好地利用HTML完成網頁中各部分的細節製作。

《HTML\CSS\JavaScript網頁製作從入門到精通》語言簡潔、內容豐富，適合網頁設計與製作人員、網站建設與開發人員、大中專院校相關專業師生、網頁製作培訓班學員、個人網站愛好者閱讀。

圖書目錄

第1章HTML基礎

1.1HTML的基本概念

1.1.1HTML簡介

1.1.2HTML檔案的基本結構

1.1.3認識HTML標記

1.2HTML檔案的編寫方法

1.2.1使用記事本手工編寫HTML

1.2.2使用Dreamweaver編寫HTML檔案

1.3使用瀏覽器瀏覽HTML檔案

1.3.1查看頁面效果

1.3.2查看源檔案

1.4練習題

第2章HTML基本標記

2.1HTML頭部標記head

2.2標題標記title

2.3元信息標記meta

2.3.1設定頁面關鍵字

2.3.2設定頁面說明

2.3.3定義編輯工具

2.3.4設定作者信息

2.3.5設定網頁文字及語言

2.3.6設定網頁的定時跳轉

2.4網頁的主體標記body

2.4.1網頁背景色bgcolor

2.4.2網頁背景圖片background

2.4.3文字顏色text

2.4.4連結文字屬性link

2.4.5邊距margin

2.5頁面注釋標記

2.6練習題

第3章文字與段落標記

3.1標題字

3.1.1標題字標記h

3.1.2標題字對齊屬性align

3.2文本基本標記

3.2.1字型屬性face

3.2.2字號屬性size

3.2.3顏色屬性color

3.3文本格式化標記

3.3.1粗體標記b、strong

3.3.2斜體標記i、em、cite

3.3.3上標標記sup

3.3.4下標標記sub

3.3.5大字號標記big

3.3.6小字號標記small

3.3.7下畫線標記u

3.4段落標記

3.4.1段落標記p

3.4.2換行標記br

3.4.3不換行標記nobr

3.5水平線

3.5.1插入水平線hr

3.5.2水平線寬度width

3.5.3水平線高度size

3.5.4水平線去掉陰影noshade

3.5.5水平線顏色color

3.5.6水平線排列align

3.6其他標記

3.6.1插入空格

3.6.2插入特殊符號

3.7練習題

第4章使用圖像

4.1圖像的格式

4.2插入圖像

4.2.1插入圖像標記img

4.2.2圖像的源檔案src

4.2.3圖像的提示文字alt

4.2.4圖像的寬度和高度width、height

4.2.5圖像的框線border

4.2.6圖像的垂直邊距vspace

4.2.7圖像的水平間距hspace

4.2.8圖像的排列align

4.3圖像的超連結

4.3.1圖像的超連結

4.3.2圖像熱區連結

4.4練習題

第5章使用列表

5.1認識列表標記

5.2有序列表

5.2.1有序列表ol

5.2.2有序列表的序號類型type

5.2.3有序列表的起始數值start

5.3無序列表

5.3.1無序列表標記

63

5.3.2無序列表的類型type

5.3.3目錄列表標記

66

5.3.4定義列表標記

67

5.3.5選單列表標記

68

5.4練習題

第6章使用表格

6.1創建表格

6.1.1表格的基本構成table、tr、td

6.1.2設定表格的標題caption

6.1.3表頭th

6.2表格基本屬性

6.2.1表格寬度width

6.2.2表格高度height

6.2.3表格對齊方式align

6.3表格的框線

6.3.1表格框線寬度border

6.3.2表格框線顏色bordercolor

6.3.3內框寬度cellspacing

6.3.4表格內文字與框線間距cellpadding

6.4表格背景

6.4.1表格背景顏色bgcolor

6.4.2表格背景圖像

6.5表格的行屬性

6.5.1高度控制height

6.5.2框線顏色bordercolor

6.5.3行背景bgcolor、background

6.5.4行文字的水平對齊方式align

6.5.5行文字的垂直對齊方式valign

6.6單元格屬性

6.6.1單元格大小width、height

6.6.2水平跨度colspan

6.6.3垂直跨度rowspan

6.6.4對齊方式align、valign

6.6.5單元格的背景色

6.6.6單元格的框線顏色bordercolor

6.6.7單元格的亮框線bordercolorlight

6.6.8單元格的暗框線bordercolordark

6.6.9單元格的背景圖像background

6.7表格的結構

6.7.1表格的表首標記

6.7.2表格的表主體標記

6.7.3表格的表尾標記

6.8練習題

第7章建立超連結

7.1超連結的基本知識

7.1.1絕對路徑

7.1.2相對路徑

7.2內部連結

7.2.1認識內部連結

7.2.2連結的目標視窗

7.3錨點連結

7.3.1建立錨點

7.3.2連結同一頁面中的錨點

7.3.3連結到其他頁面中的錨點

7.4外部連結

7.4.1連結到外部網站

7.4.2連結到E—mail

7.4.3連結到FTP

7.4.4連結到Telnet

7.4.5下載檔案

7.5練習題

第8章添加多媒體

8.1設定滾動效果

8.1.1滾動標記marquee

8.1.2滾動方向direction

8.1.3滾動方式behavior

8.1.4滾動速度scrollamount

8.1.5滾動延遲scrolldelay

8.1.6滾動循環loop

8.1.7滾動範圍width、height

8.1.8滾動背景顏色bgcolor

8.1.9空白空間hspace、vspace

8.2插入多媒體檔案

8.2.1插入Flash動畫

8.2.2插入音頻和視頻檔案

8.3設定背景音樂

8.3.1背景音樂bgsound

8.3.2循環次數loop

8.4插入JavaApplet

8.5練習題

第9章使用框架結構

9.1框架的基本概念

9.2設定框架集的屬性frameset

9.2.1水平分割視窗rows

9.2.2垂直分割視窗cols

9.2.3嵌套分割視窗

9.2.4框架的框線frameborder

9.2.5框架的框線寬度framespacing

9.2.6框架的框線顏色bordercolor

9.3設定視窗屬性frame

9.3.1頁面源檔案src

9.3.2頁面名稱name

9.3.3禁止調整視窗的尺寸noresize

9.3.4框線與頁面內容的水平邊距marginwidth

9.3.5框線與頁面內容的垂直邊距marginheight

9.3.6控制框架滾動條顯示scrolling

9.3.7不支持框架標記noframes

9.4浮動框架iframe

9.4.1頁面源檔案src

9.4.2浮動框架的寬和高width、height

9.4.3浮動框架的對齊方式align

9.4.4浮動框架滾動條顯示屬性scrolling

9.5創建框架連結

9.5.1普通框架結構的連結

9.5.2浮動框架的連結

9.6練習題

第10章使用表單

10.1表單標記form

10.1.1提交表單action

10.1.2表單名稱name

10.1.3傳送方法method

10.1.4編碼方式enctype

10.1.5目標顯示方式target

10.2插入表單對象

10.2.1文字欄位text

10.2.2密碼域password

10.2.3單選按鈕radio

10.2.4複選框checkbox

10.2.5普通按鈕button

10.2.6提交按鈕submit

10.2.7重置按鈕reset

10.2.8圖像域image

10.2.9隱藏域hidden

10.2.10檔案域file

10.3選單和列表

10.3.1下拉選單

10.3.2列表項

10.4文本域標記textarea

10.5id標記

10.6創建表單實例

10.7練習題

第11章使用XHTML

11.1XHTML簡介

11.1.1什麼是XHTML

11.1.2為什麼要升級到XHTML

11.2XHTML頁面結構

11.2.1文檔類型聲明

11.2.2元素和名字空間

11.2.3網頁頭部元素

11.2.4頁面標題元素

11.2.5頁面主體元素

11.3XHTML語法規範

11.3.1XHTML元素必須是完全嵌套的

11.3.2XHTML文檔格式必須規範

11.3.3標籤名必須是小寫的

11.3.4所有的XHTML元素都必須有始有終

11.3.5用id屬性代替name屬性

11.3.6DOCTYPE聲明是不可缺少的

11.3.7屬性必須加上英文雙引號

11.3.8明確所有屬性的值

11.4在Dreamweaver中編輯XHTML檔案

11.5將現有的HTML網站轉換成XHTML

11.6練習題

第12章使用CSS樣式表

12.1認識CSS

12.2使用CSS

12.2.1CSS的基本語法

12.2.2添加CSS的方法

12.3字型屬性

12.3.1字型font—family

12.3.2字號font—size

12.3.3字型風格font—style

12.3.4加粗字型font—weight

12.3.5小寫字母轉為大寫font—variant

12.3.6字型複合屬性

12.4顏色和背景屬性

12.4.1顏色屬性color

12.4.2背景顏色background—color

12.4.3背景圖像background—image

12.4.4背景重複background—repeat

12.4.5背景附屬檔案background—attachment

12.4.6背景位置background—position

12.4.7背景複合屬性background

12.5段落屬性

12.5.1單詞間隔word—spacing

12.5.2字元間隔letter—spacing

12.5.3文字修飾text—decoration

12.5.4垂直對齊方式vertical—align

12.5.5文本轉換text—transform

12.5.6水平對齊方式text—align

12.5.7文本縮進text—indent

12.5.8文本行高line—height

12.5.9處理空白white—space

12.5.10文本反排unicode—bidi、direction

12.6外邊距與內邊距屬性

12.6.1上邊距margin—top

12.6.2其他邊距margin—bottom、margin—left、margin—right

12.6.3外邊距複合屬性margin

12.6.4頂端內邊距padding—top

12.6.5其他內邊距padding—bottom、padding—right、padding—left

12.6.6內邊距複合屬性padding

12.7框線屬性

12.7.1框線樣式border—style

12.7.2框線寬度border—width

12.7.3框線顏色border—color

12.7.4框線屬性border

12.8定位屬性

12.8.1定位方式position

12.8.2元素位置top、right、bottom、left

12.8.3層疊順序z—index

12.8.4浮動屬性float

12.8.5清除屬性clear

12.8.6可視區域clip

12.8.7層的寬度和高度width、height

12.8.8超出範圍overflow

12.8.9可見屬性visibility

12.9列表屬性

12.9.1列表符號list—style—type

12.9.2圖像符號list—style—image

12.9.3列表縮進list—style—position

12.9.4列表複合屬性list—style

12.10游標屬性cursor

12.11濾鏡屬性

12.11.1不透明度alpha

12.11.2動感模糊blur

12.11.3對顏色進行透明處理chroma

12.11.4陰影效果dropShadow

12.11.5對象翻轉flipH、flipV

12.11.6發光效果glow

12.11.7灰度處理gray

12.11.8反相invert

12.11.9X光片效果xray

12.11.10遮罩效果mask

12.11.11波形濾鏡wave

12.12練習題

第13章Web標準與CSS網頁布局實例

13.1Web標準與CSS布局

13.1.1什麼是Web標準

13.1.2CSS布局的優勢

13.2DIV+CSS布局網頁基礎

13.2.1認識DIV

13.2.2一列固定寬度

13.2.3一列自適應

13.2.4兩列固定寬度

13.2.5兩列寬度自適應

13.2.6兩列右列寬度自適應

13.3使用CSS設計網站導航欄

13.3.1實現背景變換的導航選單

13.3.2利用CSS製作橫嚮導航

13.4使用CSS設計表單樣式

13.4.1改變按鈕的背景顏色和文字顏色

13.4.2設計文本框的樣式

13.4.3設計文本框中的文字樣式

13.5字型及段落樣式設計

13.5.1利用CSS控制字型大小和行距

13.5.2製作光暈文字效果

13.6使用CSS設計圖片樣式

13.6.1滑鼠指針移上時圖片漸變的效果

13.6.2設計不重複出現的背景

13.7使用CSS控制連結樣式

13.7.1使用CSS實現滑鼠指針形狀改變

13.7.2滑鼠指針移到連結文字上時改變文字大小或顏色

13.8練習題

第14章JavaScript腳本基礎

14.1JavaScript簡介

14.2JavaScript基本語法

14.2.1常量和變數

14.2.2表達式和運算符

14.2.3基本語句

14.2.4函式

14.3JavaScript的事件

14.3.1onClick事件

14.3.2onchange事件

14.3.3onSelect事件

14.3.4onFocus事件

14.3.5onLoad事件

14.3.6onUnload事件

14.3.7onBlur事件

14.3.8onMouseOver事件

14.3.9onMouseOut事件

14.3.10onDblClick事件

14.3.11其他常用事件

14.4瀏覽器的內部對象

14.4.1navigator對象

14.4.2document對象

14.4.3windows對象

14.4.4location對象

14.4.5history對象

14.5練習題

第15章利用JavaScript製作網頁特效

15.1時間特效

15.1.1顯示當前時間

15.1.2顯示當前日期

15.1.3顯示網頁停留時間

15.1.4製作倒計時特效

15.2圖像特效

15.2.1當滑鼠指針經過圖像時圖像震動效果

15.2.2圖片閃爍效果

15.2.3自動切換圖像

15.3視窗特效

15.3.1全螢幕顯示視窗

15.3.2定時關閉視窗

15.4滑鼠特效

15.4.1禁止滑鼠右擊

15.4.2跟隨滑鼠指針移動的圖像

15.4.3跟隨滑鼠指針的滾動字幕

15.5其他特效

15.5.1設定為首頁和加入收藏夾

15.5.2瀏覽器狀態欄顯示信息

15.5.3進入網站的口令設定

15.6練習題

第16章在Dreamweaver中編輯HTML網頁

16.1Dreamweaver的基本操作界面

16.2在網頁中使用文本

16.2.1插入文本

16.2.2設定文本屬性

16.2.3插入特殊字元

16.2.4插入水平線

16.3插入圖像

16.3.1在網頁中插入圖像

16.3.2設定圖像屬性

16.3.3使用圖像編輯器

16.3.4插入滑鼠經過圖像

16.4插入多媒體

16.4.1插入Flash

16.4.2打開瀏覽器視窗

16.4.3插入JavaApplet

16.5設定連結

16.5.1創建文字連結

16.5.2創建圖像連結

16.5.3創建錨點連結

16.6布局網頁

16.6.1使用表格

16.6.2使用DIV

16.7使用表單

16.7.1插入表單

16.7.2插入文本域

16.7.3插入單選按鈕和複選框

16.7.4插入選單和列表

16.7.5插入跳轉選單

16.7.6插入按鈕

16.8使用CSS樣式表

16.8.1CSS的基本概念

16.8.2建立標籤樣式

16.8.3建立類樣式

16.8.4建立複合內容樣式

16.8.5套用CSS固定字型大小

16.9使用行為

16.9.1行為的基本知識

16.9.2使用行為製作特效

16.10在網頁中添加腳本

16.11練習題

第17章個人部落格網站布局

17.1部落格網站概述

17.2部落格網站主頁布局設計

17.3部落格網站主頁具體製作過程

17.3.1導入外部CSS

17.3.2製作網頁頭部分

17.3.3製作頁面內容部分

17.3.4製作頁面頁腳部分

17.4練習題

第18章公司宣傳網站的布局

18.1企業網站設計分析

18.1.1企業網站內容設計

18.1.2排版構架

18.2各部分設計

18.2.1Logo與頂部導航

18.2.2左側導航

18.2.3主體內容

18.2.4製作搜尋部分

18.2.5製作公司新聞

18.2.6製作聯繫我們

18.2.7底部版權資訊

18.3練習題

附錄AHTML網頁製作技巧精講

技巧1製作帶背景音樂的網頁

技巧2設定每隔一定的時間自動刷新網頁

技巧3提高站點在搜尋引擎中被搜尋到的機會

技巧4讓站點自動跳轉到另一頁

技巧5避免自己的圖片被其他站點利用

技巧6不用表格而準確地分隔圖片和文字

技巧7跳到頁面的頂部

技巧8在一個站點的不同頁面播放同一個聲音檔案

技巧9清除頁面中的框架結構

技巧10防止站點頁面被任意連結

技巧11為文字連結加上提示

技巧12刪除圖片連結的藍色框線

技巧13讓瀏覽器正確顯示word格式檔案

技巧14利用水平線製作垂直線

技巧15正確選擇JPG和GIF圖片格式

技巧16正確使用分隔線

技巧17去除頁面四周的空白

技巧18去除瀏覽器的滾動條

附錄BCSS常用技巧精講

技巧1去掉網頁超連結的下畫線

技巧2設定浮動背景

技巧3正確對齊文本

技巧4超連結訪問過後防止hover樣式出現問題

技巧5解決list—style—image無法準確定位的問題

技巧6讓文本垂直居中

技巧7使一個層垂直居中於瀏覽器

技巧8給部分內容加上框線

技巧9利用CSS去掉下畫線

技巧10讓div橫向排列

技巧11巧妙設定滾動條顏色

附錄CJavaScript特效製作精講

技巧1添加連結提示

技巧2在網頁中加入最後修改日期

技巧3實現圖片循環隱現的效果

技巧4給圖像添加探照燈效果

技巧5打開一個新的瀏覽器視窗並設定視窗的屬性

技巧6利用單擊來關閉瀏覽器視窗

技巧7禁止保存網頁

技巧8製作網頁中雪花飄飄效果

技巧9在狀態欄中顯示跑馬燈效果

技巧10製作煙花效果

技巧11製作狀態欄數字時鐘

技巧12製作圍繞滑鼠指針旋轉的文本

技巧13製作跟隨滑鼠指針飄動的雙層時鐘

技巧14實現每天不同時間顯示不同信息

技巧15禁止滑鼠右鍵和左鍵對頁面的操作

技巧16實現滑鼠指針移上時圖片加亮的效果

技巧17讓網頁中跳出一個會說話的老人

技巧18讓瀏覽者知道自己訪問網頁的次數

技巧19禁止頁面最小化

技巧20設定網頁由中間向外擴大變化

附錄DDreamweaver常用技巧精講

技巧1在Dreamweaver中插入空格

技巧2在Dreamweaver中設定Flash動畫的背景透明

技巧3在Dreamweaver中準確定位層

技巧4把別人網頁上的背景音樂保存下來

技巧5使網頁在不同解析度下都全螢幕鋪開

技巧6在Dreamweaver中給水平線加顏色

技巧7在網頁中實現Flash的全螢幕播放

技巧8怎么樣讓在800×600解析度下生成的網頁在1024×768解析度下居中顯示

技巧9清除網頁中不必要的HTML代碼

技巧10在網頁中添加E—mail連結並顯示預定的主題

技巧11在網頁中添加電子郵件表單提交

技巧12防止別人把自己的網頁放在框架里

技巧13巧妙實現兩個表格的並排