內容簡介
目錄
1.1網站開發設計需要什麼
1.1.1需要HTML檔案
1.1.2需要DIV來布局
1.1.3需要CSS來定義樣式
1.1.4需要JavaScript
1.2通過Dreamweaver開發DIV+CSS
1.2.1通過Dreamweaver在HTML頁面里插入DIV
1.2.2Dreamweaver的CSS代碼支持
1.3一個簡單的網頁需要包含什麼
1.3.1head部分
1.3.2body部分
1.3.3編寫注釋
第2章HTML入門基礎
2.1HTML標籤
2.1.1段落標籤
2.1.2文本標籤
2.1.3超連結標籤
2.1.4圖像標籤
2.1.5表格標籤
2.2HTML5簡介
2.2.1HTML5基礎
2.2.2向後兼容
2.2.3更加簡化
2.2.4HTML5語法中的3個要點
2.3新增的主體結構元素
2.3.1實例套用——article元素
2.3.2實例套用——section元素
2.3.3實例套用——nav元素
2.3.4aside元素
2.4新增的非主體結構元素
2.4.1實例套用——header元素
2.4.2實例套用——hgroup元素
2.4.3實例套用——footer元素
2.4.4實例套用——address元素
第3章CSS樣式設計基礎
3.1初識CSS
3.1.1CSS基本語法
3.1.2添加CSS的方法
3.1.3設計第一個實例
3.2CSS選擇器
3.2.1CSS選擇器概述
3.2.2標籤選擇器
3.2.3類選擇器
3.2.4ID選擇器
3.2.5偽類選擇器和偽元素
3.2.6群組選擇器
3.2.7相鄰選擇器
3.2.8通用選擇器
3.3CSS屬性和屬性值
3.3.1CSS屬性
3.3.2CSS單位
3.3.3設定顏色
第4章使用CSS設定文本和段落樣式
4.1字型屬性
4.1.1字型font-family
4.1.2字號font-size
4.1.3字型風格font-style
4.1.4字型加粗font-weight
4.1.5字型變形font-variant
4.2段落屬性
4.2.1單詞間隔word-spacing
4.2.2字元間隔letter-spacing
4.2.3文字修飾text-decoration
4.2.4垂直對齊方式vertical-align
4.2.5文本轉換text-transform
4.2.6水平對齊方式text-align
4.2.7文本縮進text-indent
4.2.8文本行高line-height
4.2.9處理空白white-space
4.2.10文本反排unicode-bidi、direction
4.3實例套用
4.3.1控制文本的行高和間隔
4.3.2實現文本垂直居中
第5章使用CSS設定圖片和背景樣式
5.1圖片樣式設定
5.1.1定義圖片框線
5.1.2文字環繞圖片
5.2背景樣式設定
5.2.1設定頁面背景顏色
5.2.2定義背景圖片
5.2.3背景圖片的重複
5.2.4背景關聯
5.2.5定義背景圖片的位置
5.3實例套用
5.3.1滑鼠經過圖片顯示文字
5.3.2滑鼠移上改變圖片透明度
5.3.3將正方形圖片顯示為圓形圖片
5.3.4多圖排列展示放大特效
第6章使用CSS控制列表樣式
6.1有序列表
6.1.1有序列表ol
6.1.2有序列表的序號類型type
6.1.3有序列表的起始數值start
6.2無序列表
6.2.1無序列表標籤ul
6.2.2無序列表的類型type
6.2.3目錄列表標籤dir
6.2.4定義列表標籤dl
6.2.5選單列表標籤menu
6.3實例套用
6.3.1設計背景變換的導航欄目
6.3.2設計橫嚮導航選單
6.3.3 豎排導航
6.3.4設計網頁下拉選單
6.3.5商品列表分類可右側展開詳細分類
6.3.6CSS網頁導航條
第7章使用CSS設計表單樣式
7.1表單form
7.1.1程式提交action
7.1.2表單名稱name
7.1.3傳送方法method
7.1.4編碼方式enctype
7.1.5目標顯示方式target
7.2插入表單對象
7.2.1文字欄位text
7.2.2密碼域password
7.2.3單選按鈕radio
7.2.4複選框checkbox
7.2.5普通按鈕button
7.2.6提交按鈕submit
7.2.7重置按鈕reset
7.2.8圖像域image
7.2.9隱藏域hidden
7.2.10檔案域file
7.3選單和列表
7.3.1下拉選單
7.3.2列表項
7.4表單樣式實例
7.4.1定義背景樣式
7.4.2設定輸入文本的樣式
7.4.3下劃橫線代替文本框特效
7.4.4隨滑鼠點擊換色的輸入框
7.4.5文本框中只能輸入數字
第8章使用CSS設計表格樣式
8.1創建表格
8.1.1表格的基本構成table、tr、td
8.1.2設定表格的標題caption
8.2設定表格基本屬性
8.2.1設定表格寬度width
8.2.2設定表格高度height
8.2.3設定表格對齊方式align
8.3設定表格的屬性
8.3.1表格的框線寬度border
8.3.2表格框線顏色bordercolor
8.3.3設定表格陰影
8.3.4設定表格的漸變背景
8.4實例套用
8.4.1變換背景色的表格
8.4.2表格隔行換色特效
8.4.3dldtdd實現表格布局
8.4.4滑鼠經過時改變表格行的顏色
8.4.5CSS用虛線美化表格的框線
第9章使用CSS定義連結樣式
9.1連結樣式設定基礎
9.1.1游標屬性cursor
9.1.2定義下劃線樣式text-decoration
9.1.3未訪問過的連結a:link
9.1.4滑鼠懸停時狀態a:hover
9.1.5已訪問超連結樣式a:visited
9.1.6超連結的激活樣式a:active
9.2實例套用
9.2.1不同的滑鼠顯示樣式
9.2.2向連結添加不同的樣式
9.2.3按鈕式超連結
9.2.4翻轉式超連結
9.2.5設計導航選單
第10章CSS中的濾鏡
10.1 濾鏡概述
10.2動感模糊
10.3對顏色進行透明處理
10.4設定陰影
10.5對象的翻轉
10.6發光效果
10.7X光片效果
10.8波形濾鏡
10.9遮罩效果
第11章DIV+CSS布局入門
11.1認識盒模型
11.2外邊距
11.2.1上外邊距margin-top
11.2.2右外邊距margin-right
11.2.3下外邊距margin-bottom
11.2.4左外邊距margin-left
11.3內邊距
11.3.1左內邊距padding-top
11.3.2右內邊距padding-right
11.3.3下內邊距padding-bottom
11.3.4左內邊距padding-left
11.4框線
11.4.1框線樣式border-style
11.4.2框線寬度border-width
11.4.3框線顏色border-color
11.4.4框線屬性border
11.5CSS布局理念
11.5.1 將頁面用Div分塊
11.5.2 設計各塊的位置
11.5.3 用CSS定位
第12章用CSS定位控制網頁布局
12.1position定位
12.1.1絕對定位absolute
12.1.2固定定位fixed
12.1.3相對定位relative
12.2浮動定位
12.2.1float屬性
12.2.2浮動布局的新問題
12.2.3清除浮動clear
12.3定位層疊
12.3.1層疊順序
12.3.2簡單嵌套元素中的層疊定位
12.3.3包含子元素的複雜層疊定位
12.4常見布局類型
12.4.1一列固定寬度
12.4.2一列自適應
12.4.3兩列固定寬度
12.4.4兩列寬度自適應
12.4.5兩列右列寬度自適應
12.4.6三列浮動中間寬度自適應
12.5實例套用
12.5.1帶有框線和邊界的圖像浮動於文本右側
12.5.2創建水平選單
第13章移動網頁設計基礎CSS3
13.1框線
13.1.1圓角框線border-radius
13.1.2框線圖片border-image
13.1.3框線陰影box-shadow
13.2背景
13.2.1