《HTML+CSS網頁設計與布局實用教程》系統、全面地介紹了各種HTML網頁製作標記,不僅包括基本的語法、說明和範例演示,還穿插了在Dreamweaver中套用HTML的範例效果,便於讀者更好地利用HTML完成網頁中各部分的細節製作。
基本介紹
- 書名:HTML+CSS網頁設計與布局實用教程
- 出版社:安徽師範大學出版社
- 頁數:236頁
- 開本:16
- 品牌:安徽師範大學出版社
- 作者:葉根梅 水淼
- 出版日期:2014年8月1日
- 語種:簡體中文
- ISBN:9787567612839
內容簡介
圖書目錄
第1章網頁設計基礎知識
1.1認識網頁
1.1.1網頁分類
1.1.2常見網站類型
1.1.3HTML、CSS、JavaScript
1.2網頁中的基本概念
1.3網頁製作工具
1.3.1記事本
1.3.2Dreamweaver
1.4網站製作基本流程
第2章HTML基礎
2.1HTML簡介
2.1.1創建第一個HTML檔案
2.1.2HTML檔案結構
2.2網頁檔案的獲取
2.2.1直接查看源檔案
2.2.2保存網頁
2.3HTML基本標記
2.3.1標題標記
2.3.2字型標記
2.3.3標記的屬性
2.3.4換行標記和空格標記
2.3.5綜合實例——詩兩首
2.4HTML文本與圖像標記
2.4.1源檔案中的文本內容與瀏覽器解析的內容
2.4.2段落標記 p >
2.4.3文字修飾標記
2.4.4網頁中的特殊字元
2.4.5列表標記
2.4.6圖像標記
2.5HTML表格標記
2.5.1表格基本結構( table >)
2.5.2合併單元格
2.5.3表格的常用屬性
2.6HTML表單標記
2.6.1表單簡介
2.6.2表單控制項
2.6.3文本輸入框
2.6.4單選按鈕
2.6.5複選按鈕
2.6.6密碼輸入框
2.6.7按鈕
2.6.8多行文本框
2.6.9列表框
第3章CSS概述
3.1CSS介紹
3.1.1CSS簡介
3.1.2HTML的不足
3.1.3CSS的引入
3.1.4CSS的編輯
3.2CSS的基本語法
3.3CSS選擇器
3.3.1標記選擇器
3.3.2id選擇器
3.3.3類別選擇器
3.3.4後代選擇器
3.3.5分組選擇器
3.3.6偽類
3.3.7選擇器的優先權
3.4在HTML中使用CSS的方法
3.4.1行內樣式
3.4.2內嵌式CSS樣式
3.4.3連結式CSS樣式
3.4.4套用樣式的優先權
3.5綜合實例——古詩排版
第4章使用CSS設定文本樣式
4.1長度單位和顏色定義
4.1.1長度單位
4.1.2顏色值
4.2字型屬性
4.2.1字型屬性(font—family)
4.2.2字號屬性(font—size)
4.2.3字型樣式屬性(font—style)
4.2.4字型加粗屬性(font—weight)
4.2.5英文字母大小寫轉換屬性(font—variant)
4.2.6字型顏色屬性(color)
4.3段落屬性
4.3.1單詞間隔屬性(word—spacing)
4.3.2字元間隔屬性(letter—spacing)
4.3.3文字修飾屬性(text—decoration)
4.3.4垂直對齊屬性(vertical—align)
4.3.5文本轉換屬性(text—transform)
4.3.6水平對齊屬性(text—align)
4.3.7文本縮進屬性(text—indent)
4.3.8文本行高屬性(line—height)
4.4綜合實例——公司聯繫方式
第5章用CSS設定圖片效果
5.1設定圖片框線”
5.1.1框線寬度(border—width)的設定
5.1.2框線顏色(border—color)的設定
5.1.3框線樣式(border—style)的設定
5.1.4框線屬性(border)的設定
5.2圖文混排
5.2.1文字環繞
5.2.2設定圖片與文字的間距
5.3設定圖片與文字的對齊方式
5.3.1橫向對齊方式
5.3.2縱向對齊方式
5.4綜合實例——諾貝爾獎
5.4.1HTML結構設計
5.4.2CSS樣式設定
第6章用CSS設定網頁背景
6.1設定顏色
6.2設定背景顏色
6.3設定背景圖像
6.4設定背景圖像平鋪
6.5設定背景圖像顯示位置
6.6設定背景圖像位置固定
6.7綜合實例—CSS設定背景的綜合套用
6.7.1HTML結構設計
6.7.2CSS樣式設定
第7章用CSS美化表格和表單
7.1用CSS美化表格
7.2用CSS美化表單
7.2.1表單內字型樣式(font)的美化套用
7.2.2背景顏色和圖像樣式的套用
7.3綜合實例——用CSS美化表格和表單
第8章用CSS設定連結與導航選單
8.1用CSS美化文字超連結
8.2使用CSS美化圖片超連結
8.3用CSS設定列表導航
8.3.1HTML中的列表
8.3.2列表的CSS屬性
8.3.3創建導航選單
8.4綜合實例——網頁中的二級導航
第9章DIV+CSS布局基礎
9.1什麼叫DIV+CSS
9.1.1初識DIV
9.1.2DIV與SPAN的區別
9.2盒子模型
9.2.1什麼是盒子模型
9.2.2框線(border)
9.2.3內邊距(padding)
9.2.4外邊距(margin)
9.3頁面元素的定位和布局
9.3.1塊級元素與行內元素
9.3.2position定位
9.3.3float定位
9.4CSS頁面基本布局
9.4.1固定寬度布局
9.4.2自適應寬度布局
9.5綜合實例——旅遊網站
9.5.1版面結構設計
9.5.2HTML結構設計
9.5.3各板塊內容製作
第10章DIV+CSS布局實戰
10.1綜合實例——公司網站
10.1.1網頁布局設計
10.1.2HTML結構設計
10.1.3各板塊內容製作
10.2綜合實例——小型購物網站
10.2.1網頁布局設計
10.2.2HTML結構設計
10.2.3各板塊內容製作
主要參考書目