內容簡介

本書緊密圍繞網頁設計師在制作網頁過程中的實際需要和應該掌握的技術，全面介紹了使用HTML、CSS、JavaScript進行網頁設計和制作的各方面內容和技巧。

本書不僅僅將筆墨局限於語法講解上，並通過一個個鮮活、典型的實例來達到學以致用的目的。

每個語法都有相應的實例，每章后面又配有綜合實例，力求達到理論知識與實踐操作完美結合的效果。

全書共23章分為4部分，主要內容包括HTML入門、HTML基本標記、用HTML設置文字與段落格式、用HTML創建精彩的圖像和多媒體頁面、用HTML創建超鏈接和表單、使用HTML創建強大的表格、創建框架結構網頁、移動開發基礎HTML5、CSS基礎知識、用CSS設計豐富的文字效果、用CSS設計圖像和背景、設計更富靈活性的表格和表單、用CSS制作鏈接與網站導航、CSS中的濾鏡、CSS+DIV布局定位基礎、CSS+DIV布局方法、CSS3指南、JavaScript基礎知識、數據類型和運算符、JavaScript語法基礎、JavaScript中的事件、JavaScript中的對象、企業網站制作方法。本書可作為普通高校計算機及相關專業教材、高職高專教材，也可供從事網頁設計與制作、網站開發、網頁編程等行業人員參考閱讀。

劉貴國，目前在交通部公路科學研究院從事網站的開發與管理工作，1999進入網站開發領域，設計和開發了幾百個商業網站，積累了非常豐富的實際工作經驗。善於網站設計、網站Web前端開發和網站后台開發，對HTML、CSS、JavaScript、XHTML、AJAX、VBScript等網頁前台技術有着深入的研究，並對這些技術的應用有着獨到的見解。精通ASP和ASP.NET，能夠融合前台和后台技術，實現網站混合開發。

第1篇 HTML篇
第1章HTML入門
1.1什麼是HTML
1.2HTML文件的基本結構
1.2.1HTML文件結構
1.2.2編寫HTML文件的注意事項
1.3HTML文件編寫方法
1.3.1使用記事本編寫HTML頁面
1.3.2使用Dreamweaver編寫HTML頁面
1.4網頁設計與開發的過程
1.4.1明確網站定位
1.4.2收集信息和素材
1.4.3規划欄目結構
1.4.4設計頁面圖像
1.4.5制作頁面
1.4.6實現后台功能
1.4.7網站的測試與發布
1.5本章小結第2章HTML基本標記
2.1HTML頁面主體的常用設置
2.1.1定義網頁背景色——bgcolor
2.1.2設置背景圖篇——background
2.1.3設置文字顏色——text
2.1.4設置鏈接文字屬性
2.1.5設置頁面邊距
2.2頁面頭部元素＜head＞和＜！DOCTYPE＞
2.3頁面標題元素＜title＞
2.4元信息元素＜meta＞
2.4.1設置頁面關鍵詞
2.4.2設置頁面主要內容
2.4.3定義頁面的搜索方式
2.4.4定義編輯工具
2.4.5定義頁面的作者信息
2.4.6定義網頁文字及語言
2.4.7定義頁面的跳轉
2.4.8定義頁面的版權信息
2.5腳本元素＜script＞
2.6創建樣式元素＜style＞
2.7鏈接元素＜link＞
2.8綜合實戰——創建基本的HTML文件
2.9本章小結
第3章用HTML設置文字與段落格式
3.1插入其他標記
3.1.1輸入空格符號
3.1.2輸入特殊符號
3.2設置文字的格式
3.2.1設置字體——face
3.2.2設置字號——size
3.2.3設置文字顏色——color
3.2.4設置粗體、斜體、下畫線——b、strong、em、u
3.2.5設置上標與下標——sup、sub
3.3設置段落的格式
3.3.1段落標記——p
3.3.2段落的對齊屬性——align
3.3.3不換行標記——nobr
3.3.4換行標記——br
3.4水平線標記
3.4.1插入水平線——hr
3.4.2設置水平線寬度與高度屬性——width、size
3.4.3設置水平線的顏色——color
3.4.4設置水平線的對齊方式——align
3.4.5水平線去掉陰影——noshade
3.5設置滾動文字
3.5.1滾動文字標簽——marquee
3.5.2滾動方向屬性——direction
3.5.3滾動方式屬性——behavior
3.5.4滾動速度屬性——scrollamount
3.5.5滾動延遲屬性——scrolldelay
3.5.6滾動循環屬性——loop
3.5.7滾動范圍屬性——width、height
3.5.8滾動背景顏色屬性——bgcolor
3.5.9滾動空間屬性——hspace、vspace
3.6綜合實例——設置頁面文本及段落
3.7本章小結
第4章用HTML創建精彩的圖像和多媒體頁面
4.1網頁中常見的圖像格式
4.2插入圖像並設置圖像屬性
4.2.1圖像標記——img
4.2.2設置圖像高度——height
4.2.3設置圖像寬度——width
4.2.4設置圖像的邊框——border
4.2.5設置圖像水平間距——hspace
4.2.6設置圖像垂直間距——vspace
4.2.7設置圖像的對齊方式——align
4.2.8設置圖像的替代文字——alt
4.3添加多媒體文件
4.4添加背景音樂
4.4.1設置背景音樂——bgsound
4.4.2設置循環播放次數——loop
4.5綜合實例
綜合實例1——創建多媒體網頁
綜合實例2——創建圖文混合排版網頁
4.6本章小結
第5章用HTML創建超鏈接和表單
5.1超鏈接的基本概念
5.2創建基本超鏈接
5.2.1超鏈接標記
5.2.2設置的目標窗口
5.3創建圖像的超鏈接
5.3.1設置圖像超鏈接
5.3.2設置圖像熱區鏈接
5.4創建錨點鏈接
5.4.1創建錨點
5.4.2鏈接到頁面不同位置的錨點鏈接
5.5插入表單——form
5.5.1處理動作——action
5.5.2表單名稱——name
5.5.3傳送方法——method
5.5.4編碼方式——enctype
5.5.5目標顯示方式——target
5.6綜合實例
綜合案例1——插入表單對象
綜合案例2——給網頁添加鏈接
5.7本章小結
第6章使用HTML創建強大的表格
6.1創建並設置表格屬性
6.1.1表格的基本標記——table、tr、td
6.1.2表格寬度和高度——width、height
6.1.3表格的標題——caption
6.1.4表格的表頭——th
6.1.5表格對齊方式——align
6.1.6表格的邊框寬度——border
6.1.7表格邊框顏色——bordercolor
6.1.8單元格間距——cellspacing
6.1.9單元格邊距——cellpadding
6.1.10表格的背景色——bgcolor
6.1.11表格的背景圖像——background
6.2表格的結構標記
6.2.1設計表頭樣式——thead
6.2.2設計表主體樣式——tbody
6.2.3設計表尾樣式——tfoot
6.3綜合實例——使用表格排版網頁
6.4本章小結
第7章創建框架結構網頁
7.1窗口框架簡介
7.2設置框架集標記frameset屬性
7.2.1水平分割窗口——rows
7.2.2垂直分割窗口——cols
7.2.3嵌套分割窗口
7.2.4設置邊框——frameborder
7.2.5框架的邊框寬度——framespacing
7.2.6框架的邊框顏色——bordercolor
7.3設置框架標記frame屬性
7.3.1框架頁面源文件——src
7.3.2框架名稱——name
7.3.3調整框架窗口的尺寸——noresize
7.3.4框架邊框與頁面內容的水平邊距——marginwidth
7.3.5框架邊框與頁面內容的垂直邊距——marginheight
7.3.6設置框架滾動條顯示——scrolling
7.3.7不支持框架標記——noframes
7.4浮動框架
7.4.1浮動框架的頁面源文件——src
7.4.2浮動框架的寬度和高度——width和height
7.4.3浮動框架的對齊方式——align
7.4.4設置浮動框架是否顯示滾動條——scrolling
7.4.5浮動框架的邊框——frameborder
7.5綜合實例——創建上方固定、左側嵌套的框架網頁
7.6本章小結
第8章移動開發基礎HTML 5
8.1認識HTML 5
8.1.1實用性和用戶優先
8.1.2化繁為簡
8.2HTML 5的新特性
8.3HTML 5與HTML 4的區別
8.3.1HTML 5的語法變化
8.3.2HTML 5中的標記方法
8.3.3HTML 5語法中的三個要點
8.3.4標簽實例
8.4新增的主體結構元素
8.4.1article元素
8.4.2section元素
8.4.3nav元素
8.4.4aside元素
8.4.5time元素
8.4.6progress屬性
8.5新增的非主體結構元素
8.5.1header元素
8.5.2hgroup元素
8.5.3footer元素
8.5.4address元素
8.6本章小結

第2篇 CSS篇
第9章CSS基礎知識
9.1CSS簡介
9.1.1CSS基本概念
9.1.2CSS的優點
9.1.3CSS功能
9.1.4瀏覽器與CSS
9.1.5CSS發展歷史
9.2在HTML 5中使用CSS的方法
9.2.1內嵌樣式
9.2.2行內樣式
9.2.3鏈接外部樣式表
9.2.4導入樣式
9.2.5優先級問題
9.3使用Dreamweaver設置CSS樣式
9.3.1設置文本樣式
9.3.2設置背景樣式
9.3.3設置區塊樣式
9.3.4設置方框樣式
9.3.5設置邊框樣式
9.3.6設置列表樣式
9.3.7設置定位樣式
9.3.8設置擴展樣式
9.3.9過渡樣式的定義
9.4選擇器類型
9.4.1標簽選擇器
9.4.2類選擇器
9.4.3ID選擇器
9.5編輯和瀏覽CSS
9.5.1手工編寫CSS
9.5.2Dreamweaver編寫CSS
9.6綜合實例——為網頁添加CSS樣式
9.7本章小結
第10章用CSS設計豐富的文字效果
10.1通過CSS控制文本樣式
10.1.1字體——font—family
10.1.2字號——font—size
10.1.3加粗字體——font—weight
10.1.4字體風格——font—style
10.1.5小寫字母轉為大寫字母——font—variant
10.2通過CSS控制段落格式
10.2.1單詞間隔——word—spacing
10.2.2字符間隔letter—spacing
10.2.3文字修飾——text—decoration
10.2.4垂直對齊方式——vertial—align
10.2.5文本轉換——tex—transform
10.2.6水平對齊方式——text—align
10.2.7文本縮進——text—indent
10.2.8文本行高——line—height
10.2.9處理空白——white—space
10.3綜合實例——CSS字體樣式綜合演練
10.4本章小結
第11章用CSS設計圖像和背景
11.1設置網頁的背景
11.1.1背景顏色
11.1.2背景圖像
11.2設置背景圖像的屬性
11.2.1設置背景重復
11.2.2設置固定背景
11.2.3設置背景定位
11.3設置網頁圖像的樣式
11.3.1設置圖像邊框
11.3.2圖文混合排版
11.4應用CSS濾鏡制作圖像特效
11.4.1控制圖像和背景的透明度（alpha）
11.4.2灰度（Gray）
11.4.3反色（Invent）
11.5綜合實例
綜合實例1——給圖片添加邊框
綜合實例2——鼠標移到圖片上時產生漸變效果
11.6本章小結
……
第12章設計更富靈活性的表格和表單
第13章用CSS制作鏈接與網站導航
第14章CSS中的濾鏡
第15章CSS+DIV布局定位基礎
第16章CSS+DIV布局方法
第13章CSS 3指南

第3篇 Java Script篇
第4篇綜合實例篇

看更多

序

近年來隨着網絡信息技術的廣泛應用，越來越多的個人、企業紛紛建立自己的網站，利用網站來宣傳推廣自己。網頁技術已經成為當代青年學生必備的基礎技能。目前大部分制作網頁的方式都是運用可視化的網頁編輯軟件進行的，這些軟件的功能相當強大，使用非常方便。但是對於高級的網頁制作人員來講，一個專業網頁設計者仍需了解HTML、CSS、JavaScript 等網頁設計語言和技術的使用方法，這樣才能充分發揮自己豐富的想象力，更加隨心所欲地設計符合標准的網頁，以實現網頁設計軟件不能實現的許多重要功能。

看更多