本書緊密圍繞網頁設計師在制作網頁過程中實際需要掌握的技術, 全面介紹了使用HTML、CSS進行網頁設計和制作的各方面內容和技巧。本書不是單純講解語法, 而是通過一個個鮮活、典型的實戰來達到學以致用的目的。每個語法都有相應的實例, 每章后面又配有綜合小實例, 各章均配有習題, 力求達到理論知識與實踐操作完美結合的效果。
本書主要特色
(1) 知識全面系統。
本書內容完全從網頁創建的實際角度出發，將所有HTML、CSS+DIV元素進行歸類，每個標簽的語法、屬性和參數都有完整、詳細的說明，信息量大，知識結構完善。
(2) 典型實例講解。
本書的每章都配有大量實用案例，將本章的基礎知識綜合貫穿起來，力求達到理論知識與實際操作完美結合的效果。
(3) 配合Dreamweaver進行講解。
本書以淺顯的語言和詳細的步驟介紹了在可視化網頁設計軟件Dreamweaver中如何運用HTML、CSS來創建網頁，使網頁制作更加得心應手。在最后一章向讀者展示了完全不用編寫代碼，在Dreamweaver中創建完整網頁的過程。
(4)配圖豐富，效果直觀。
對于每一段實例代碼，本書都配有相應的效果圖，讀者無須自己進行編碼，也可以看到相應的運行結果或者顯示效果。在不便上機操作的情況下，讀者也可以根據書中的實例和效果圖進行分析和比較。
(5) 習題強化。
每章后都附有針對性的練習題，通過實訓鞏固每章所學的知識。
(6) 配套光盤。
需要從清華大學出版社官網上下載使用。
近年來，隨著網絡信息技術的廣泛應用，越來越多的個人、企業紛紛建立自己的網站，利用網站來宣傳和推廣自己。網頁技術已經成為當代青年學生必備的知識技能。目前大部分制作網頁的方式都是運用可視化的網頁編輯軟件，這些軟件的功能相當強大，使用也非常方便。但是對于高級的網頁制作人員來講，仍需了解HTML、CSS+DIV等網頁設計語言和技術的使用，這樣才能充分發揮豐富的想象力，更加隨心所欲地設計出符合標準的網頁，以實現網頁設計軟件不能完成的許多重要功能。
本書主要內容
隨著Web 2.0的盛行，一切都開始基于Web標準，許多網站設計師開始學習并應用Web標準，CSS的應用也越來越廣泛。本書正是在這種流行趨勢下應運而生的介紹使用HTML和CSS進行網頁標準化布局的書。本書不僅僅將筆墨局限于語法講解上，并通過一個個鮮活、典型的實戰來達到學以致用的目的。每個語法都有相應的實例，每章后面又配有綜合小實例。
本書共21章，主要內容包括HTML入門，HTML基本標簽，用HTML設置文字，段落與列表，列表的建立和使用，用HTML創建精彩的圖像和多媒體頁面，用HTML創建超鏈接，用HTML創建表格，用表單創建交互式網頁，HTML 5的結構，CSS基礎知識，用CSS設計豐富的文字效果，用CSS設計圖像和背景，用CSS設計表格和表單樣式、用CSS制作鏈接與網站導航，CSS+DIV布局定位基礎，CSS盒子模型，盒子的浮動與定位，CSS+DIV布局方法，CSS 3入門基礎，設計和制作適合手機瀏覽的網頁，公司宣傳網站的布局。
本書主要特色
(1) 知識全面系統。
本書內容完全從網頁創建的實際角度出發，將所有HTML、CSS+DIV元素進行歸類，每個標簽的語法、屬性和參數都有完整、詳細的說明，信息量大，知識結構完善。
(2) 典型實例講解。
本書的每章都配有大量實用案例，將本章的基礎知識綜合貫穿起來，力求達到理論知識與實際操作完美結合的效果。
(3) 配合Dreamweaver進行講解。
本書以淺顯的語言和詳細的步驟介紹了在可視化網頁設計軟件Dreamweaver中如何運用HTML、CSS來創建網頁，使網頁制作更加得心應手。在最后一章向讀者展示了完全不用編寫代碼，在Dreamweaver中創建完整網頁的過程。
(4)配圖豐富，效果直觀。
對于每一段實例代碼，本書都配有相應的效果圖，讀者無須自己進行編碼，也可以看到相應的運行結果或者顯示效果。在不便上機操作的情況下，讀者也可以根據書中的實例和效果圖進行分析和比較。
(5) 習題強化。
每章后都附有針對性的練習題，通過實訓鞏固每章所學的知識。
(6) 配套光盤。
需要從清華大學出版社官網上下載使用。
本書讀者對象
網頁設計與制作人員；
網站建設與開發人員；
大中專院校相關專業師生；
網頁制作培訓班學員；
個人網站愛好者與自學讀者。
本書是集體智慧的結晶，參加本書編寫的人員均為從事網頁教學工作的資深教師和具備大型商業網站建設經驗的資深網頁設計師，他們有著豐富的教學經驗和網頁設計經驗。參加本書編寫的人員包括徐洪峰、何琛、鄧靜靜、李銀修、孫魯杰、何海霞、何秀明、孫素華、呂志彬等。由于時間所限，書中疏漏之處在所難免，懇請廣大讀者朋友批評指正。
編 者
第1章 HTML入門 1
1.1 什么是HTML 1
1.1.1 HTML的特點 1
1.1.2 HTML的歷史 2
1.2 HTML文件的基本結構 2
1.2.1 HTML文件結構 2
1.2.2 編寫HTML文件的注意事項 4
1.3 HTML文件的編寫方法 4
1.3.1 使用記事本編寫HTML頁面 4
1.3.2 使用Dreamweaver CC
編寫HTML頁面 6
1.4 網頁設計與開發的過程 7
1.4.1 明確網站定位 7
1.4.2 收集信息和素材 7
1.4.3 規劃欄目結構 8
1.4.4 設計網頁圖像 9
1.4.5 制作頁面 9
1.4.6 實現后臺功能 10
1.4.7 網站的測試與發布 12
本章小結 12
練習題 13
第2章 HTML基本標簽 14
2.1 HTML頁面主體標簽 14
2.1.1 定義網頁背景色：bgcolor 14
2.1.2 設置背景圖片：background 15
2.1.3 設置文字顏色：text 16
2.1.4 設置鏈接文字屬性 17
2.1.5 設置頁面邊距 20
2.2 head部分標簽 21
2.2.1 標題標簽：
第3章 用HTML設置文字、段落與列表
【學習目標】
文字不僅是網頁信息傳達的一種常用方式，也是視覺傳達最直接的方式，運用經過精心處理的文字材料完全可以制作出效果很好的版面。輸入完文本內容后就可以對其格式進行調整，而設置文本樣式是實現快速編輯文檔的有效操作，讓文字看上去編排有序、整齊美觀。通過對本章的學習，讀者可以掌握如何在網頁中合理地使用文字，如何根據需要選擇不同的文字效果。
本章主要內容包括：
(1) 輸入文字；
(2) 設置文字的格式；
(3) 設置段落的格式；
(4) 水平線的標簽；
(5) 創建列表；
(6) 使用marquee設置滾動效果。
3.1 標 題 字
標題(heading)是通過
～
等標簽進行定義的。
定義最大的標題，
定義最小的標題。
3.1.1 標題字標簽：
在遵循網頁標準制作網頁的時候，為了使設計更具有語義化，我們經常會在頁面中用到
～
的標題標簽。標題標簽是指HTML網頁中對文本標題所進行的著重強調的標簽，標簽
～
字號依次遞減顯示出重要性的遞減。
基本語法：
…
…
…
…
…
…
語法說明：
～
標簽可定義標題，
定義最大的標題，
定義最小的標題。
實例代碼：
1級標題
2級標題
3級標題
4級標題
5級標題
6級標題
加粗部分的代碼用于設置6種不同級別的標題，在瀏覽器中瀏覽效果如圖3-1所示。
圖3-1 設置標題大小
3.1.2 標題字對齊屬性：align
默認情況下，表格的標題水平居中，我們可以通過align屬性設定標題文字的水平對齊方式。
基本語法：
text-align:center
text-align:left
text-align:right
語法說明：
left為左對齊，center為居中，right為右對齊。
實例代碼：
……
新書資訊