本書全面、系統地介紹了網頁設計的核心技術——HTML、CSS和JavaScript，側重於基礎理論和實際運用，並結合技術的最新前沿知識。主要內容包括：網頁設計基礎知識；HTML的使用及HTML5新標簽的介紹；CSS基礎和應用、CSS3.0新特征的使用； JavaScript腳本編程；本書的最后1章介紹Web前端設計的新技術——響應式網頁及目前流行的用於實現響應式網頁設計的Bootstrap前端框架的使用，通過案例詳敘了基於Bootstrap框架的響應式網站的設計與開發的完整實現過程。本書以「講清語法、學以致用」為指導思想，不僅着重介紹每個技術點的語法，更側重通過具體小實例來達到學以致用的目的。其作者結合多年講授這門課程的教學經驗，合理地組織教材內容，做到內容緊湊、實踐性強並結合技術的前沿知識。本書全面、系統地介紹了網頁設計的核心技術——HTML、CSS和JavaScript，側重於基礎理論和實際運用，並結合技術的最新前沿知識。主要內容包括：網頁設計基礎知識；HTML的使用及HTML5新標簽的介紹；CSS基礎和應用、CSS3.0新特征的使用； JavaScript腳本編程；本書的最后1章介紹Web前端設計的新技術——響應式網頁及目前流行的用於實現響應式網頁設計的Bootstrap前端框架的使用，通過案例詳敘了基於Bootstrap框架的響應式網站的設計與開發的完整實現過程。本書以「講清語法、學以致用」為指導思想，不僅着重介紹每個技術點的語法，更側重通過具體小實例來達到學以致用的目的。其作者結合多年講授這門課程的教學經驗，合理地組織教材內容，做到內容緊湊、實踐性強並結合技術的前沿知識。舒后，北京印刷學院副教授，長期從事計算機、數字媒體技術專業的教學工作，主要教授的有數據結構、數據庫及應用基礎、網絡數據庫技術、C程序設計、Web技術、CSS+JavaScript程序設計。最近主要主持或參的研究項目有文本數字水印在博客版權保護中的應用研究、基於安卓系統的手機應用軟件開發、數字新媒體技術主題資源庫、數字與網絡出版」實踐教學模式研究、矢量圖形表示媒體安全技術研究、基於XML的印刷企業數據集成模型研究、文本數字水印技術在網絡出版中的研究、網絡出版中版權保護技術--基於自然語言文本數字水印的研究。出版教材8部，發表 論文十幾篇。

第1章 網頁設計基礎知識1.1相關知識1.2Web前端開發技術1.2.1認識HTML1.2.2認識CSS1.2.3認識JavaScript第2章 HTML基礎2.1HTML的概念2.2HTML的基本語法2.2.1標簽2.2.2屬性2.3HTML的文檔結構2.3.1基本結構2.3.2書寫注意事項2.4HTML的頭部文件和主體文件2.4.1文件頭部內容2.4.2主體內容習題第3章 網頁文字與排版設計3.1編輯網頁內容3.1.1添加文字3.1.2添加注釋3.1.3添加空格3.2文字效果與修飾3.2.1設置文字樣式3.2.2修飾文字3.3段落與排版3.3.1段落的標簽3.3.2換行3.3.3預格式化3.3.4居中顯示文字3.3.5插入水平線3.3.6設置段落縮進3.4建立列表3.4.1建立定義列表3.4.2建立無序列表3.4.3建立有序列表3.4.4建立嵌套列表3.5文字網頁綜合實例習題第4章 超鏈接的使用4.1超鏈接簡介4.2超鏈接的路徑4.2.1設置絕對路徑4.2.2設置相對路徑4.2.3設置根路徑4.3超鏈接的應用4.3.1超鏈接的建立4.3.2插入內部和外部鏈接4.3.3插入錨鏈接（書簽鏈接）4.3.4插入圖片鏈接4.3.5電子郵件鏈接4.3.6下載文件的鏈接4.4設置圖像映射4.5其他鏈接4.5.1定義基准網址＜base＞4.5.2框架的鏈接4.6綜合實例習題第5章 表格的使用5.1創建表格5.1.1表格的結構5.1.2表格的標題與表頭5.2設置表格屬性5.2.1設置表格的邊框5.2.2設置邊框樣式5.2.3設置表格的寬度和高度5.2.4設置表格的背景顏色5.3設置單元格5.3.1設置單元格水平對齊屬性5.3.2設置單元格垂直對齊5.3.3設置單元格間距和邊距5.3.4合並單元格5.4表格嵌套5.5綜合實例習題第6章 網頁框架設計6.1框架6.1.1框架的概念6.1.2框架的基本結構6.2框架的設置6.2.1框架的文件屬性6.2.2設置框架的名稱6.2.3框架的邊框6.2.4框架的滾動條6.2.5調整框架尺寸6.2.6設置框架邊緣寬度與高度6.3框架集的設置6.3.1框架集邊框寬度6.3.2設置框架集邊框顏色6.3.3框架的分割6.4框架的嵌套6.5不支持框架6.6浮動框架6.7設置框架的鏈接6.7.1普通框架添加鏈接6.7.2浮動框架添加鏈接6.8框架的綜合應用習題第7章 層的應用7.1創建層7.2層的屬性7.2.1層屬性的設置7.2.2層的邊框7.2.3層邊框的顏色7.3嵌套層7.4＜span＞標簽的使用7.5綜合應用習題第8章 表單的使用8.1表單8.1.1基本概念8.1.2表單的屬性8.2輸入標簽＜input＞8.2.1表單元素標記8.2.2文本框8.2.3密碼框8.2.4單選框、復選框8.2.5圖像域8.2.6隱藏域8.2.7多行文本域8.2.8按鈕8.2.9下拉菜單和滾動列表8.2.10插入文件域8.3表單綜合實例習題第9章 HTML5基本介紹9.1認識HTML59.1.1HTML5的發展史9.1.2HTML5與HTML4的差異9.1.3HTML5廢除的標簽9.2HTML5的新功能9.2.1HTML5聲明9.2.2語義化標簽9.3新增標簽介紹9.3.1視頻標簽與屬性9.3.2音頻標簽與屬性9.3.3畫布標簽與屬性9.3.4表單屬性9.4Web存儲9.4.1Web存儲的兩種方法9.4.2Web存儲的優勢和意義第10章 CSS語法基礎10.1CSS的簡介10.1.1CSS的發展史10.1.2CSS的定義10.2CSS的基本語法10.3CSS選擇符的類型10.3.1標記選擇符10.3.2組合選擇符10.3.3類選擇符10.3.4id選擇符10.3.5包含選擇符10.3.6偽類10.4選擇符的優先級10.5應用CSS樣式表10.5.1行內樣式10.5.2內嵌樣式10.5.3鏈接外部樣式10.5.4導入外部樣式10.5.5樣式表的優先級習題第11章 CSS設置文字與版式11.1字體屬性的設置11.1.1字體font—family11.1.2字號font—size11.1.3字體風格font—style11.1.4字體加粗font—weight11.1.5字體變體font—variant11.1.6綜合字體屬性font11.2文本的版式控制（文本排版）11.2.1設置首行縮進text—indent11.2.2設置首字下沉first—letter類11.2.3調整行高line—height11.2.4調整字符間距letter—spacing11.2.5調整單詞間距word—spacing11.2.6添加文字修飾text—decoration11.2.7設置文本對齊方式text—align和vertical—align11.2.8轉換英文大小寫text—transform11.2.9文本陰影text—shadow習題第12章 顏色和背景12.1顏色color12.1.1顏色名稱定義12.1.2顏色的十六進制定義12.1.3顏色的RGB函數定義12.2頁面背景background12.2.1設置背景顏色12.2.2設置背景圖片12.2.3設置重復背景圖片12.2.4設置滾動背景圖片12.2.5設置背景圖片位置12.2.6背景復合屬性background12.2.7設置背景尺寸12.2.8定義透明度習題第13章 CSS盒子模型13.1盒模型簡介13.1.1盒模型定義13.1.2DIV盒子13.2邊框屬性13.2.1邊框樣式屬性border—style13.2.2邊框寬度屬性border—width13.2.3邊框顏色屬性border—color13.2.4邊框屬性的綜合設置13.3邊距屬性13.3.1內邊距padding13.3.2外邊距margin13.4圓角邊框習題第14章 定位和布局14.1CSS元素定位14.1.1定位方式14.1.2設置位置top、bottom、right、left14.1.3圖層定位z—index屬性14.1.4使用浮動屬性14.2CSS布局屬性14.2.1可見性visibility14.2.2裁切clip14.2.3設置層大小width和height14.2.4溢出overflow14.2.5浮動float14.2.6清除浮動clear14.3其他頁面元素的設置14.3.1鼠標特效14.3.2項目列表習題第15章 CSS濾鏡特效15.1概述15.2視覺濾鏡15.2.1Alpha濾鏡15.2.2Blur濾鏡15.2.3DropShadow濾鏡15.2.4Glow濾鏡15.2.5FlipH／FlipV濾鏡15.2.6Gray、Invert、Xray濾鏡15.2.7Chroma濾鏡15.2.8Wave濾鏡15.2.9Shadow濾鏡15.2.10Mask濾鏡15.2.11Emboss、Engrave濾鏡習題第16章 JavaScript基礎16.1JavaScript簡介16.1.1什麼是腳本語言16.1.2JavaScript、VBScript與Jscript16.1.3JavaScript語言的基本特點16.1.4在HTML中加入JavaScript代碼16.1.5一個簡單的實例16.2JavaScript基本語法16.2.1JavaScript的語句16.2.2數據類型16.2.3變量和常量16.2.4運算符和表達式16.3JavaScript流程控制語句16.3.1選擇語句16.3.2循環語句16.3.3其他語句16.4函數16.4.1函數的定義16.4.2函數的參數與返回值習題第17章 Java Script的對象和事件17.1Java Script的對象17.1.1Java Script對象17.1.2Java Script的內置對象和函數17.1.3瀏覽器內部對象17.1.4自定義對象17.2Java Script的事件處理方式17.2.1Java Script的常用事件17.2.2事件處理習題第18章 Web前端新技術——響應式網頁的設計與實現18.1響應式網頁技術18.2前端開發框架18.3Bootstrap框架18.3.1框架簡介18.3.2Bootstrap框架特點18.3.3Bootstrap環境安裝18.4基於數字媒體技術專業網站的設計與實現18.4.1美術設計18.4.2首頁的設計18.4.3Bootstrap導航18.4.4網頁內容區18.4.5頁腳導航區18.5小結參考文獻習題答案（選擇題）

隨着互聯網的飛速發展，WWW已成為最重要的信息傳播手段，通過網頁就可以與瀏覽者進行信息共享和溝通，甚至產生互動。不管是個人用戶，還是企事業單位，均可創建自己的網站來達到宣傳自己或進行網上交流等目的，而網頁設計是建立網站的必備技能。