網(wǎng)頁設(shè)計與制作教程：HTML+CSS+JavaScript

出版說明
前言 教學(xué)建議
第1章  HTML基礎(chǔ) 
1.1  HTML簡介 
1.1.1  HTML發(fā)展歷史 
1.1.2  HTML 5的特性及元素 
1.2  HTML編寫規(guī)范 
1.2.1  HTML文檔結(jié)構(gòu) 
1.2.2  HTML代碼規(guī)范 
1.2.3  使用HTML語法編寫HTML 5文檔 
1.3  網(wǎng)頁文件的創(chuàng)建過程 
1.4  搭建支持HTML 5的瀏覽器環(huán)境 
1.5  文字與段落排版 
1.5.1  注釋標(biāo)簽 
1.5.2  強制換行標(biāo)簽
1.5.3  段落標(biāo)簽
1.5.4  定位標(biāo)簽
1.5.5  水平線標(biāo)簽 
1.5.6  標(biāo)題文字標(biāo)簽
1.5.7  文字與段落排版綜合實例 
1.6  超鏈接 
1.7  圖像 
1.7.1  圖像標(biāo)簽
1.7.2  用圖像作為超鏈接熱點 
1.7.3  圖像應(yīng)用綜合實例 
1.8  表格 
1.8.1  簡單表格 
1.8.2  表格內(nèi)文字的對齊方式 
1.8.3  表格在頁面中的對齊方式 
1.8.4  表格應(yīng)用綜合實例 
1.9  列表 
1.9.1  無序列表標(biāo)簽
1.9.2  有序列表標(biāo)簽
1.10  實訓(xùn) 
習(xí)題1 
第2章  表單 
2.1  表單的工作原理 
2.2  表單標(biāo)簽 
2.3  表單元素 
2.3.1  元素 
2.3.2  選擇欄 
2.3.3  多行文本域
2.4  表單的高級用法 
2.5  實訓(xùn) 
習(xí)題2 
第3章  HTML高級應(yīng)用 
3.1  使用結(jié)構(gòu)元素構(gòu)建網(wǎng)頁布局 
3.2  音頻和視頻 
3.2.1  音頻和視頻格式 
3.2.2  音頻標(biāo)簽 
3.2.3  視頻標(biāo)簽 
3.3  canvas繪圖 
3.3.1  創(chuàng)建元素 
3.3.2  構(gòu)建繪圖環(huán)境 
3.3.3  通過JavaScript繪制圖形 
3.4  HTML 5的發(fā)展前景 
3.5  實訓(xùn) 
習(xí)題3 
第4章  CSS基礎(chǔ) 
4.1  CSS概述 
4.1.1  CSS的基本概念 
4.1.2  CSS的發(fā)展歷史 
4.1.3  CSS 3的特點 
4.1.4  CSS的代碼規(guī)范 
4.2  CSS與HTML文檔的結(jié)合方法 
4.2.1  定義內(nèi)部樣式表 
4.2.2  定義行內(nèi)樣式表 
4.2.3  鏈入外部樣式表 
4.2.4  導(dǎo)入外部樣式表 
4.3  樣式表語法 
4.3.1  CSS的定義組成 
4.3.2  常用的選擇符 
4.4  多重樣式表的層疊 
4.5  CSS的屬性單位 
4.5.1  長度、百分比單位 
4.5.2  顏色單位 
4.6  實訓(xùn) 
習(xí)題4 
第5章  Div+CSS布局方法 
5.1  Div布局理念 
5.1.1  Div布局頁面的優(yōu)點 
5.1.2  Div標(biāo)簽 
5.2  CSS盒模型 
5.2.1  盒模型的概念 
5.2.2  盒模型的屬性 
5.2.3  盒模型的寬度與高度 
5.2.4  外邊距的疊加 
5.2.5  盒模型綜合案例 
5.3  CSS的定位 
5.3.1  靜態(tài)定位 
5.3.2  相對定位 
5.3.3  絕對定位 
5.3.4  相對定位與絕對定位的混合使用 
5.3.5  固定定位 
5.4  浮動與清除浮動 
5.4.1  浮動 
5.4.2  清除浮動 
5.4.3  定位與浮動綜合案例 
5.5  CSS常用布局樣式 
5.5.1  兩列布局樣式 
5.5.2  三列布局樣式 
5.6  Div+CSS布局綜合案例 
5.6.1  頁面布局規(guī)劃 
5.6.2  頁面的制作過程 
5.7  實訓(xùn) 
習(xí)題5 
第6章  用CSS設(shè)置文本和圖像 
6.1  設(shè)置文字的樣式 
6.1.1  設(shè)置文字的字體 
6.1.2  設(shè)置字體的大小 
6.1.3  設(shè)置字體的粗細(xì) 
6.1.4  設(shè)置字體的傾斜 
6.1.5  設(shè)置字體的修飾效果 
6.1.6  設(shè)置字體的陰影 
6.2  設(shè)置段落的樣式 
6.2.1  設(shè)置文字的對齊方式 
6.2.2  設(shè)置首行縮進 
6.2.3  設(shè)置首字下沉 
6.2.4  設(shè)置行高 
6.2.5  設(shè)置文本換行 
6.3  設(shè)置圖片樣式 
6.3.1  圖片的邊框 
6.3.2  圖片的縮放 
6.4  設(shè)置背景 
6.4.1  設(shè)置背景顏色 
6.4.2  設(shè)置背景圖像 
6.4.3  設(shè)置背景重復(fù) 
6.4.4  設(shè)置背景定位 
6.4.5  設(shè)置背景大小 
6.5  圖文混排 
6.6  用CSS設(shè)置文本和圖像綜合案例 
6.6.1  頁面布局規(guī)劃 
6.6.2  頁面的制作過程 
6.7  實訓(xùn) 
習(xí)題6 
第7章  用CSS設(shè)置超鏈接和導(dǎo)航菜單 
7.1  用CSS設(shè)置超鏈接 
7.1.1  超鏈接偽類 
7.1.2  改變文字超鏈接的外觀 
7.1.3  創(chuàng)建按鈕式超鏈接 
7.1.4  圖文超鏈接 
7.2  用CSS設(shè)置列表 
7.2.1  設(shè)置列表類型 
7.2.2  設(shè)置列表項圖像 
7.2.3  設(shè)置列表項位置 
7.2.4  圖文信息列表 
7.3  創(chuàng)建導(dǎo)航菜單 
7.3.1  普通的超鏈接導(dǎo)航菜單 
7.3.2  縱向列表模式的導(dǎo)航菜單 
7.3.3  橫向列表模式的導(dǎo)航菜單 
7.4  用CSS設(shè)置超鏈接與導(dǎo)航菜單綜合案例 
7.4.1  頁面布局規(guī)劃 
7.4.2  頁面的制作過程 
7.5  實訓(xùn) 
習(xí)題7 
第8章  JavaScript腳本語言 
8.1  JavaScript簡介 
8.2  在網(wǎng)頁中插入JavaScript的方法及定義 
8.2.1  在HTML文檔中嵌入腳本程序 
8.2.2  鏈接腳本文件 
8.2.3  在標(biāo)記內(nèi)添加腳本 
8.3  JavaScript的基本數(shù)據(jù)類型和表達式 
8.3.1  基本數(shù)據(jù)類型 
8.3.2  常量 
8.3.3  變量 
8.3.4  運算符和表達式 
8.4  JavaScript的程序結(jié)構(gòu) 
8.4.1  簡單語句 
8.4.2  程序控制流程 
8.4.3  函數(shù) 
8.5  基于對象的JavaScript語言 
8.6  DOM對象及編程 
8.6.1  窗口對象 
8.6.2  文檔對象 
8.6.3  位置對象 
8.6.4  歷史對象 
8.7  JavaScript的對象事件處理程序 
8.7.1  對象的事件 
8.7.2  常用的事件及處理 
8.7.3  表單對象與交互性 
8.8  實訓(xùn) 
習(xí)題8 
第9章  使用JavaScript制作網(wǎng)頁特效 
9.1  制作循環(huán)滾動的字幕 
9.2  制作幻燈片切換的廣告 
9.3  實訓(xùn) 
習(xí)題9 
第10章  購物商城首頁的制作 
10.1  網(wǎng)站的開發(fā)流程 
10.1.1  規(guī)劃站點 
10.1.2  網(wǎng)站制作 
10.1.3  測試網(wǎng)站 
10.1.4  發(fā)布站點 
10.2  設(shè)計首頁布局 
10.2.1  使用Dreamweaver創(chuàng)建站點 
10.2.2  頁面布局規(guī)劃 
10.3  首頁的制作 
習(xí)題10 
第11章  商品列表和詳細(xì)信息頁面的制作 
11.1  制作商品搜索列表頁面 
11.2  制作商品詳細(xì)信息頁面 
習(xí)題11 
第12章  購物商城后臺管理頁面的制作 
12.1  商城后臺管理登錄頁面的制作 
12.2  查詢商品頁面的制作 
12.3  添加商品頁面的制作 
12.4  頁面的整合 
習(xí)題12 
參考文獻