網頁設計與制作教程

第1章 網頁制作基礎知識
1.1 網絡基礎知識
1.1.1 Internet簡介
1.1.2 WWW簡介
1.1.3 瀏覽器
1.1.4 IP地址
1.1.5 域名
1.1.6 HTTP協議
1.1.7 URL
1.2 網頁與網站的基礎知識
1.2.1 網頁、網頁文件和網站
1.2.2 靜態網頁和動態網頁
1.2.3 網頁界面的構成
1.3 網站制作常用軟件
1.3.1 網頁制作工具
1.3.2 美化網頁的基本工具
1.4 網頁編程語言
1.5 網站建設的基本流程
第2章 了解HTML、CSS、JavaScript
2.1 認識HTML、CSS、JavaScript代碼
2.1.1 HTML代碼片段
2.1.2 CSS代碼片段
2.1.3 JavaScript代碼片段
2.2 HTML、CSS、JavaScript的作用
2.2.1 HTML在網頁中的作用
2.2.2 CSS在網頁中的作用
2.2.3 JavaScript在網頁中的作用
2.3 如何學習HTML、CSS、JavaScript代碼
2.3.1 先了解HTML、CSS、JavaScript的語法結構
2.3.2 借助Dreamweaver學習
2.4 HTML、CSS、JavaScript的綜合應用
第3章 HTML基礎知識
3.1 HTML基本語法概念
3.1.1 HTML標簽語法
3.1.2 HTML標簽屬性
3.1.3 HTML文件的命名
3.1.4 編寫HTML文件的注意事項
3.2 HTML文件頭部內容
3.2.1 設置頁面標題
3.2.2 設置基底網址
3.2.3 設置頁面元信息
3.3 HTML文件主體內容
3.3.1 設置頁面背景
3.3.2 設置頁面邊距
3.3.3 設置文本顏色
3.4 文字與段落
3.4.1 換行
3.4.2 添加注釋
3.4.3 段落
3.4.4 添加特殊字符
3.4.5 預格式化
3.4.6 設置段落縮進
3.4.7 插入並設置水平線
3.5 建立和使用列表
3.5.1 列表類型
3.5.2 插入有序列表
3.5.3 插入無序列表
3.5.4 列表的嵌套
3.6 超鏈接的建立
3.6.1 插入內部鏈接
3.6.2 插入外部鏈接
3.7 插入圖片
3.7.1 插入圖像標簽
3.7.2 圖像提示文字
3.7.3 設置圖片的寬度和高度
3.7.4 設置圖像對齊方式
3.7.5 設置圖像與文本之間的距離
3.8 綜合應用實例
第4章 HTML表格的應用
4.1 表格的概述
4.1.1 設置基本表格結構
4.1.2 設置表格標題
4.1.3 設置表格表頭
4.2 設置表格標簽屬性
4.2.1 設置表格的寬度
4.2.2 設置行的高度
4.2.3 設置表格的邊框屬性
4.2.4 設置邊框的樣式
4.3 設置表格行與單元格
4.3.1 調整行內容水平對齊
4.3.2 調整行內容垂直對齊
4.3.3 設置跨行
4.3.4 設置跨列
4.3.5 設置單元格間距
4.3.6 設置單元格邊距
4.4 表格嵌套
4.5 綜合應用實例
第5章 框架的應用
5.1 框架的概述
5.2 框架的基本結構
5.3 設置框架
5.3.1 設置框架源文件屬性
5.3.2 添加框架名稱
5.3.3 設置框架邊框
5.3.4 顯示框架滾動條
5.3.5 設置框架尺寸為不可調整
5.3.6 設置框架邊緣寬度與高度
5.4 設置框架集
5.4.1 左右分隔窗口
5.4.2 上下分隔窗口
5.4.3 橫縱分隔窗口
5.4.4 縱橫分隔窗口
5.5 浮動框架
5.5.1 設置浮動框架源文件屬性
5.5.2 設置浮動框架名稱
5.5.3 設置浮動框架寬度和高度
5.6 在框架上建立鏈接
5.6.1 普通框架添加鏈接
5.6.2 浮動框架添加鏈接
5.7 框架的實際應用
第6章 表單的應用
6.1 表單概述
6.2 表單標簽
6.3 信息輸入
6.3.1 插入文本框
6.3.2 插入密碼框
6.3.3 插入復選框
6.3.4 插入單選按鈕
6.3.5 插入文件域
6.3.6 插入圖像域
6.3.7 插入提交按鈕
6.3.8 插入重置按鈕
6.3.9 插入標准按鈕
6.3.1 0插入隱藏域
6.4 插入文本區域
6.5 插入下拉菜單和列表項
6.6 綜合應用實例
第7章 CSS基礎知識
7.1 CSS概述
7.1.1 CSS的基本概念
7.1.2 CSS的特點
7.1.3 CSS規范
7.2 CSS與HTML文檔的結合方法
7.2.1 定義內部樣式表
7.2.2 定義行內樣式
7.2.3 鏈入外部樣式表
7.2.4 導入外部樣式表
7.3 CSS常用選擇符
7.3.1 類型選擇符
7.3.2 class類選擇符
7.3.3 id選擇符
7.3.4 通用選擇符
7.3.5 包含選擇符
7.3.6 分組選擇符
7.3.7 偽類選擇符
7.4 CSS設置文字的樣式
7.4.1 設置文字的字體
7.4.2 設置字體的大小
7.4.3 設置字體的粗細
7.4.4 設置字體的傾斜
7.4.5 設置字體的修飾
7.4.6 設置字體的陰影
7.5 CSS設置段落格式
7.5.1 設置文字的對齊方式
7.5.2 設置首行縮進
7.5.3 設置行高
7.6 CSS設置網頁背景
7.6.1 設置背景顏色
7.6.2 設置背景圖像
7.7 div+CSS布局方法
7.7.1 div標簽
7.7.2 CSS盒模型
7.7.3 盒模型的寬度與高度
7.8 CSS的定位
7.8.1 靜態定位
7.8.2 相對定位
7.8.3 絕對定位
7.8.4 固定定位
7.9 浮動與清除浮動
7.9.1 浮動
7.9.2 清除浮動
7.10 綜合應用實例
7.10.1 前期准備
7.10.2 制作頁面
第8章 JavaScript基礎知識
8.1 JavaScript語言概述
8.1.1 JavaScript語言的特點
8.1.2 在網頁中加入JavaScript
8.1.3 JavaScript常用元素
8.1.4 簡單的腳本程序
8.2 JavaScript基本數據結構
8.2.1 JavaScript基本數據類型
8.2.2 JavaScript表達式和運算符
8.3 JavaScript控制語句
8.3.1 if語句
8.3.2 for語句
8.3.3 switch語句
8.3.4 while與do…while語句
8.4 函數
8.4.1 有參函數調用
8.4.2 無參函數調用
8.5 對象的基本知識
8.5.1 用於操作對象的語句、關鍵詞及運算符
8.5.2 對象屬性的引用
8.5.3 對象方法的引用
8.5.4 瀏覽器內部對象
8.5.5 內置對象和方法
8.6 事件概念
8.6.1 鼠標單擊事件onClick
8.6.2 文本框或列表框內容改變事件onChange
8.6.3 內容選中事件onSelect
8.6.4 聚焦事件onFocus
8.6.5 加載事件onLoad
8.6.6 卸載事件onUnload
8.6.7 失焦事件onBlur
8.6.8 鼠標移入事件onMouseOver
8.6.9 鼠標移開事件onMouseOut
8.6.10 其他常用事件
8.7 綜合應用實例