網頁設計與制作實踐

第1章網頁設計基礎
1.1因特網簡介
1.1.1因特網
1.1.2軟件架構
1.1.3Internet常見的服務
1.1.4瀏覽器
1.2網頁與網站概述
1.2.1網頁
1.2.2網站
1.2.3網頁設計工具
1.3網站制作的一般步驟
1.3.1網站類型和網頁布局
1.3.2準備素材
1.3.3網頁制作與調試
1.3.4站點部署
1.3.5站點測試
1.3.6站點更新與維護
習題1
第2章網頁設計語言
2.1HTML基礎
2.1.1HTML文檔結構
2.1.2HTML標簽
2.2形成好的編碼習慣
2.2.1確定HTML文檔的存放位置
2.2.2設置顯示文件擴展名
2.2.3規(guī)范書寫HTML代碼
2.3常用的HTML標簽
2.3.1HTML標題標簽
2.3.2HTML水平分隔線標簽hr
2.3.3HTML span標簽
2.3.4HTML 段落標簽p
2.3.5元素CSS盒模型
2.3.6HTML div標簽
2.3.7HTML圖像標簽 img
2.3.8HTML列表標簽
2.3.9HTML超鏈接標簽a
2.3.10其他文本相關標簽
2.3.11預編排格式標簽pre
2.3.12表格標簽table
2.3.13表單標簽form
2.3.14報考信息表單
2.3.15網頁頭部分的常用標簽
2.4HTML與XHTML
2.4.1HTML與XHTML簡介
2.4.2HTML與XHTML之間的差異
習題2
 
 
 
 
第3章CSS基礎
3.1CSS概述
3.1.1CSS簡介
3.1.2CSS的引用方式及特性
3.2CSS定義選擇器
3.2.1標簽選擇器
3.2.2id選擇器
3.2.3class選擇器
3.2.4后代選擇器
3.2.5分組選擇器
3.2.6通用選擇器
3.2.7偽類選擇器
3.2.8高級選擇器
3.3CSS的字體屬性
3.3.1字體屬性名稱及屬性值
3.3.2使用Dreamweaver CC編輯字體屬性
3.4CSS的文本屬性
3.4.1文本屬性名稱及屬性值
3.4.2使用Dreamweaver CC編輯文本屬性
3.5CSS的背景屬性
3.5.1背景屬性名稱及屬性值
3.5.2使用Dreamweaver CC編輯背景屬性
3.6CSS的列表屬性
3.6.1列表屬性名稱及屬性值
3.6.2使用Dreamweaver CC編輯列表屬性
3.7CSS的邊框屬性
3.7.1邊框屬性名稱及屬性值
3.7.2使用Dreamweaver CC編輯邊框屬性
3.8CSS的區(qū)塊屬性
3.8.1區(qū)塊屬性名稱及屬性值
3.8.2使用Dreamweaver CC編輯區(qū)塊屬性
3.9CSS的布局屬性
3.9.1布局屬性名稱及屬性值
3.9.2布局屬性示例
3.10CSS的定位屬性
3.10.1元素定位機制
3.10.2定位屬性名稱及屬性值
3.11CSS應用實例
3.11.1CSS實現(xiàn)的翻頁
3.11.2CSS實現(xiàn)的新聞列表樣式
3.11.3學習目標1的CSS模仿
3.12Bootstrap簡介
3.12.1Bootstrap概述
3.12.2使用字形圖標
習題3
第4章JavaScript基礎
4.1JavaScript語言基礎
4.1.1JavaScript簡介
4.1.2JavaScript的初步探索
4.1.3JavaScript的詞法結構
4.1.4JavaScript的原始類型
4.1.5JavaScript的對象
4.1.6JavaScript的基礎語法
4.1.7JavaScript的引用類型
4.1.8JavaScript的函數
4.2JavaScript的常用系統(tǒng)對象
4.2.1DOM與BOM概述
4.2.2window對象
4.2.3document對象
4.2.4navigator對象
4.2.5location對象
4.2.6history對象
4.3DOM操作
4.3.1定位并獲取元素
4.3.2操縱HTML元素
4.4JavaScript事件處理
4.4.1事件簡介
4.4.2事件對象
4.4.3事件冒泡和捕獲
4.4.4瀏覽器默認事件
4.4.5UI事件
4.4.6頁面生命周期事件
4.5jQuery入門介紹
4.5.1簡介
4.5.2核心與工具
4.5.3jQuery選擇器
4.5.4元素查找
4.5.5文檔操作
4.5.6屬性操作
4.5.7CSS操作
4.5.8事件系統(tǒng)
4.5.9特效
習題4
第5章HTML5的新增標簽
5.1輸入類型number
5.2輸入類型email
5.3輸入類型url
5.4輸入類型date
5.5表單屬性autocomplete 
5.6音頻audio
5.7視頻video
習題5
第6章案例匯編
6.1站點整體規(guī)劃設計
6.1.1整體規(guī)劃
6.1.2站點組織
6.2典型案例
6.2.1公共樣式設計案例
6.2.2頁面布局設計案例
6.2.3頁面背景設計案例
6.2.4文本設計案例
6.2.5超鏈接設計案例
6.2.6表格設計案例
6.2.7表單設計案例
6.2.8導航設計案例
6.2.9新聞列表設計案例
6.2.10焦點圖切換案例
習題6
第7章大學生就業(yè)信息網
7.1網站規(guī)劃與設計
7.1.1網站目的與定位
7.1.2網站內容規(guī)劃與技術方案
7.1.3網站風格設計
7.2首頁設計與制作
7.2.1站點的創(chuàng)建與管理
7.2.2創(chuàng)建首頁及樣式表
7.2.3首頁內容及樣式設計
7.3模板文件制作
7.4子頁面制作
7.4.1文章列表頁面制作
7.4.2下載中心頁面制作
7.4.3在線留言頁面制作
7.4.4登錄頁面制作
7.4.5文章詳情頁面制作
習題7
第8章網站部署
8.1使用Apache部署項目
8.1.1Apache
8.1.2使用Apache部署案例
8.2使用Tomcat部署項目
8.2.1Tomcat
8.2.2Ajax
8.2.3JSON
8.2.4Ajax結合JSON實現(xiàn)案例
8.2.5使用Tomcat部署案例
習題8
參考文獻