最新HTML/CSS/JavaScript標準教程

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