最新HTML/CSS/JavaScript標(biāo)準(zhǔn)教程

HTML篇
01 HTML基礎(chǔ)知識(shí)
1.1 什么是HTML
1.2 HTML的基本結(jié)構(gòu)
1.2.1 HTML文件結(jié)構(gòu)
1.2.2 編寫HTML文件時(shí)的注意事項(xiàng)
1.3 HTML文件編寫方法
1.3.1 使用記事本手工編寫HTML頁面
1.3.2 使用Dreamweaver編寫HTML頁面
1.4 HTML頁面主體標(biāo)簽（body）
1.4.1 設(shè)置網(wǎng)頁背景色（bgcolor）
1.4.2 設(shè)置背景圖片（background）
1.4.3 設(shè)置文本顏色（text）
1.4.4 設(shè)置鏈接文本屬性（link）
1.4.5 設(shè)置邊距（margin）
1.5 綜合實(shí)訓(xùn)——?jiǎng)?chuàng)建最基本的HTML文件
1.6 本章小結(jié)
1.7 代碼練習(xí)
1.7.1 使用記事本編寫HTML代碼
1.7.2 創(chuàng)建最基本的HTML網(wǎng)頁
1.8 行業(yè)鏈接知識(shí)
02 HTML網(wǎng)頁中的文字、段落和列表
2.1 插入特殊字符
2.1.1 空格符號(hào)
2.1.2 特殊符號(hào)
2.2 設(shè)置文字的屬性
2.2.1 文字標(biāo)簽（font）
2.2.2 代碼演練——設(shè)置豐富多彩的文本網(wǎng)頁
2.3 設(shè)置段落的格式
2.3.1 段落格式標(biāo)簽
2.3.2 代碼演練——設(shè)置文本的段落格式
2.4 插入水平線
2.4.1 水平線標(biāo)簽（hr）及屬性
2.4 12代碼演練——在網(wǎng)頁中插入多彩的水平線
2.5 創(chuàng)建無序列表
2.5.1 無序列表標(biāo)簽（ul）
2.5.2 無序列表的類型（type）
2.5.3 定義列表標(biāo)簽（dl）
2.5.4 菜單列表標(biāo)簽（menu）
2.5.5 目錄列表標(biāo)簽.（dir）
2.6 創(chuàng)建有序列表
2.6.1 有序列表標(biāo)簽（ol）
2.6.2 有序列表的類型（type）
2.6.3 有序列表的起始數(shù)值（start）
2.6.4 代碼演練——在網(wǎng)頁中插入列表
2.7 綜合實(shí)訓(xùn)——設(shè)置頁面文本及段落
2.8 本章小結(jié)
2.9 代碼練習(xí)
2.9.1 插入豐富多彩的文本
2.9.2 使用列表排段落
2.10 行業(yè)鏈接知識(shí)
03 圖片及多媒體文件的使用
3.1 圖像標(biāo)簽及屬性
3.1.1 圖像標(biāo)簽（img）
3.1.2 設(shè)置圖像高度（height）
3.1.3 設(shè)置圖像寬度（width）
3.1.4 設(shè)置圖像邊框（border）
3.1.5 設(shè)置圖像水平間距（hspace）
3.1.6 設(shè)置圖像垂直間距（vspace）
3.1.7 設(shè)置圖像相對(duì)于文字的對(duì)齊方式（aligr1）
3.1.8 設(shè)置圖像替代文字（alt）
3.1.9 代碼演練——在網(wǎng)頁中插入圖像
3.2 添加背景音樂
3.2.1 背景音樂標(biāo)簽（bgsound）
3.2.2設(shè)置循環(huán)播放次數(shù)（loop）
3.3 多媒體文件標(biāo)簽（embed）
3.4 設(shè)置滾動(dòng)效果標(biāo)簽（marquee）
3.4.1 （marquee）標(biāo)簽及其屬性
3.4.2 代碼演練——在網(wǎng)頁中插入滾動(dòng)公告
3.5 綜合實(shí)訓(xùn)——?jiǎng)?chuàng)建豐富的圖像和多媒體網(wǎng)頁
3.6 本章小結(jié)
3.7 代碼練習(xí)
3.7.1 為網(wǎng)頁添加圖像
3.7.2 插入滾動(dòng)效果
3.8 行業(yè)鏈接知識(shí)
04 HTML超鏈接和表單
4.1 超鏈接的基本概念
4.2 創(chuàng)建基本超鏈接
4.2.1 超鏈接標(biāo)簽
4.2.2 設(shè)置目標(biāo)窗口
4.3 創(chuàng)建圖像的超鏈接
4.3.1 設(shè)置圖像超鏈接
4.3.2 設(shè)置圖像熱區(qū)鏈接
4.4 創(chuàng)建錨點(diǎn)鏈接
4.4.1 創(chuàng)建錨點(diǎn)
4.4.2 代碼演練——?jiǎng)?chuàng)建鏈接到頁面不同位置的錨點(diǎn)
4.5 插入表單（form）
4.5.1 處理程序（action）
4.5 12表單名稱（name）
4.5.3 傳送方法（method）
4.5.4 編碼方式（enctype）
4.5.5 目標(biāo)顯示方式（target）
4.5.6 代碼演練——制作注冊(cè)表單完整頁面
4.6 綜合實(shí)訓(xùn)——插入不同類型的鏈接
4.7 本章小結(jié)
4.8 代碼練習(xí)
4.8.1 插入表單對(duì)象
4.8.2 給網(wǎng)頁添加鏈接
4.9 行業(yè)鏈接知識(shí)
05 創(chuàng)建框架結(jié)構(gòu)網(wǎng)頁
5.1 窗口框架簡介.
5.2 設(shè)置框架集標(biāo)簽（frameset）屬性
5.2.1 水平分割窗口（rows）
5.2.2 垂直分割窗口（cols）
5.2.3 嵌套分割窗口
5.2.4 設(shè)置邊框（frameborder）
5.2.5 框架的邊框?qū)挾龋╢ramespacing）
5.2.6 框架的邊框顏色（bordercolor）
5.3 設(shè)置框架標(biāo)簽（frame）屬性
5.3.1 框架頁面源文件（src）
5.3 12框架名稱（name）
5.3.3 禁止調(diào)整框架窗口尺寸（noresize）
5.3.4 框架邊框與頁面內(nèi)容的水平邊距（marginwidth）
5.3.5 框架邊框與頁面內(nèi)容的垂直邊距（marginheight）
5.3.6 設(shè)置框架滾動(dòng)條顯示（scrolling）
5.3.7 不支持框架標(biāo)簽（noframes）
5.3.8 代碼演練——?jiǎng)?chuàng)建框架頁面
5.4 設(shè)置框架中的鏈接
5.4.1 代碼演練——設(shè)置普通框架結(jié)構(gòu)的鏈接
5.4.2 代碼演練——設(shè)置浮動(dòng)框架的鏈接
5.5 綜合實(shí)訓(xùn)——?jiǎng)?chuàng)建上方固定左側(cè)嵌套的框架網(wǎng)頁
5.6 本章小結(jié)
5.7 代碼練習(xí)
5.7.1 創(chuàng)建框架網(wǎng)頁
5.7.2 插入浮動(dòng)框架
06 使用表格
6.1 創(chuàng)建并設(shè)置表格屬性
6.1.1 表格基本標(biāo)簽（table）、（tr）和（td）
6.1.2 表格寬度和高度（width和height）
6.1.3 表格標(biāo)題（caption）
6.1.4 表格表頭（th）
6.1.5 表格對(duì)齊方式（align）
6.1.6 表格邊框?qū)挾龋╞order）
6.1.7 表格邊框顏色（bordercolor）
6.1.8 單元格間距（cellspacing）
6.1.9 表格內(nèi)文字與邊框距離（cellpading）
6.1.10 表格背景色（bgcolor）
6.1.11 表格背景圖像（background）
6.1.12 代碼演練——?jiǎng)?chuàng)建表格排列數(shù)據(jù)
6.2 調(diào)整表格屬性
6.2.1 表格的行屬性（tr）
6.2.2 單元格屬性（td）
6.2.3 代碼演練——設(shè)置表格屬性
6.3 表格的結(jié)構(gòu)標(biāo)簽
6.3.1 設(shè)計(jì)表頭樣式（thead）
6.3.2 設(shè)計(jì)表主體樣式（tbody）
6.3.3 設(shè)計(jì)表尾樣式（tfoot）
6.4 綜合實(shí)訓(xùn)——使用表格排版網(wǎng)頁
6.5 本章小結(jié)
6.6 代碼練習(xí)
6.6.1 插入表格
6.6.2 設(shè)置表格的屬性
6.7 行業(yè)鏈接知識(shí)
07 使用XHTML
7.1 XHTML簡介
7.1.1 什么是×HTML
7.1.2 為什么要升級(jí)到×HTML
7.2 XHTML頁面基本結(jié)構(gòu)
7.3 XHTML語法規(guī)范
7.4 代碼演練——在Dreamweaver中創(chuàng)建XHTML.網(wǎng)頁
7.5 綜合實(shí)訓(xùn)——將現(xiàn)有的HTML網(wǎng)站類型轉(zhuǎn)換成XHTML
7.6 本章小結(jié)
7.7 代碼練習(xí)
7.7.1 在軟件中編寫XHTML
7.7.2 將網(wǎng)頁轉(zhuǎn)換成×HTML
CSS篇
08 CSS入門基礎(chǔ)知識(shí)
8.1 CSS基礎(chǔ)
8.1.1 CSS基本概念
8.1.2 CSS的優(yōu)點(diǎn)
8.2 在網(wǎng)頁中添加CSS
8.2.1 添加CSS的優(yōu)勢(shì)
8.2.2 代碼演練——編寫CSS
8.3 使用CSS
8.3.1 CSS的基本語法結(jié)構(gòu)
8.3.2 在網(wǎng)頁中添加CSS的方法
8.3.3 代碼演練——以鏈接外部樣式表方式添加CSS
8.4.綜合實(shí)訓(xùn)——給網(wǎng)頁添加CSS
8.5 本章小結(jié)
8.6 代碼練習(xí)
8.6.1 設(shè)置鏈接文本的CSS
8.6.2 設(shè)置背景顏色
8.7 行業(yè)鏈接知識(shí)
09 css樣式表語法基礎(chǔ)
9.1 設(shè)置字體屬性
9.1.1 設(shè)置字體（font-family）
9.1.2 設(shè)置字號(hào)（font-size）
9.1.3 設(shè)置字體風(fēng)格（font-style）
9.1.4 設(shè)置加粗字體（font-weight）
9.1.5 設(shè)置變體屬性（font-variant）
9.1.6 設(shè)置文字修飾（text-decoration）
9.1.7 代碼演練——設(shè)置字體的復(fù)合屬性
9.2 設(shè)置段落屬性
9.2.1 段落屬性標(biāo)簽
9.2.2 代碼演練——設(shè)置文本段落的屬性
9.3 設(shè)置背景和顏色屬性
9.3.1 背景屬性
9.3.2 代碼演練——設(shè)置背景復(fù)合屬性
9.4 設(shè)置定位屬性
9.4.1 定位類型（position）
9.4.2 元素位置（top，right，bottom和let）
9.4.3 清除屬性（clear）
9.4.4 裁切區(qū)域（clip）
9.4.5 設(shè)置寬度和高度（width和height）
9.4.6 溢出（overflow）
9.4.7 可見性（visibility）
9.5 設(shè)置列表屬性
9.5.1 列表類型（list-style.type）
9.5.2 項(xiàng)目符號(hào)圖像（1ist-style-image）
9.5.3 列表位置（list-style-position）
9.5.4 列表復(fù)合屬性（list-style）
9.6 設(shè)置邊框?qū)傩?br />9.6.1 邊框樣式（border-style）
9.6.2 邊框?qū)挾龋╞order-width）
9.6.3 邊框顏色（border-color）
9.6.4 代碼演練——設(shè)置邊框?qū)傩?br />9.7 擴(kuò)展濾鏡屬性
9.7.1 不透明度（alpha）
9.7.2 動(dòng)感模糊（blur）
9.7.3 對(duì)顏色進(jìn)行透明處理（chroma）
9.7.4 設(shè)置陰影（dropShadow）
9.7.5 對(duì)象的翻轉(zhuǎn)（flipH和flipV）
9.7.6 光暈效果（glow）
9.7.7 灰度處理（gray）
9.7.8 反相（invert）
9.7.9 ×光片效果（Xray）
9.7.10 遮罩效果（mask）
9.7.11 波形濾鏡（wave）
9.8 綜合實(shí)訓(xùn)——利用CSS控制網(wǎng)頁中的文本
9.9 本章小結(jié)
9.10 代碼練習(xí)
9.10.1 利用CSS設(shè)置文本屬性
9.10.2 利用CSS創(chuàng)建特效文字
9.11 行業(yè)鏈接知識(shí)
10 CSS+Div布局定位基礎(chǔ)
10.1 Div標(biāo)簽與Span標(biāo)簽
10.1.1 Div概述
10.1 1 2Div與Span的區(qū)別
10.2 盒子模型
10.2.1 盒子模型的概念
10.2.2 border（邊框）
10.2.3 padding（填充）
10.2.4 margin（邊距）.
10.3 元素的定位方式
10.3.1 float定位
10.3.2 position定位
10.3.3 z-index空間位置
10.4 CSS布局理念
10.4.1 將頁面用Div分塊
10.4.2 設(shè)計(jì)各塊的位置
10.4.3 用CSS定位
10.5 代碼演練——常見的布局類型
10.5.1 一列固定寬度
10.5.2 一列自適應(yīng)寬度
10.5.3 兩列固定寬度
10.5.4 兩列自適應(yīng)寬度
10.5.5 兩列右列自適應(yīng)寬度
10.5.6 三列浮動(dòng)中間自適應(yīng)寬度
10.5 7 三行二列居中自適應(yīng)高度
10.6 綜合實(shí)訓(xùn)——利用CSS布局網(wǎng)頁
10.7 本章小結(jié)
10.8 代碼練習(xí)
10.8.1 兩列固定寬度布局網(wǎng)頁
10.8.2 利用CSS布局網(wǎng)頁
10.9 行業(yè)鏈接知識(shí)
JavaScript篇
11 JavaScript語法基礎(chǔ)
11.1 JavaScript背景知識(shí)
11.1.1.JavaScript的歷史
11.1 12.lavaScript的特點(diǎn)
11.2 JavaScript描述方法
11.2.1 （script）標(biāo)簽使用方法
11.2.2 外部調(diào)用文件
11.1 2.3 內(nèi)嵌HTML標(biāo)簽中
11.1 2.4 代碼演練——編寫第一個(gè)JavaScript程序
……
12 Javascript中的事件
13 Javascript中的函數(shù)
14 使用Javascript中的不同對(duì)象
15 利用Javascript制作作特效網(wǎng)頁實(shí)例
綜合篇
16 Ajax技術(shù)
17 制作房地產(chǎn)企業(yè)網(wǎng)站
18 制作游戲網(wǎng)站
19 制作購物網(wǎng)站