網(wǎng)頁設(shè)計實(shí)例教程

第1章 網(wǎng)頁開發(fā)環(huán)境設(shè)置
1.1 IIS的安裝配置
1.1.1 IIS的安裝
1.1.2 設(shè)置站點(diǎn)根目錄
1.1.3 在IIS中新建虛擬目錄
1.1.4 快速設(shè)置虛擬目錄
1.2 Dreamweaver CS4介紹
1.2.1 Dreamweaver站點(diǎn)設(shè)置
1.2.2 創(chuàng)建基本頁面
1.3 本章小結(jié)
1.4 自我檢測
第2章 HTML頁面可視化開發(fā)
2.1 網(wǎng)頁的基本構(gòu)成元素
2.2 文本的輸入和設(shè)置
2.2.1 輸入文本
2.2.2 文本的調(diào)整和屬性設(shè)置
2.3 圖像的插入和設(shè)置
2.3.1 插入圖像對象
2.3.2 圖像屬性的調(diào)整和設(shè)置
2.3.3 圖像作為頁面背景
2.4 超級鏈接的建立和設(shè)置
2.4.1 鏈接到其他頁面
2.4.2 建立錨點(diǎn)鏈接
2.4.3 建立郵件鏈接
2.4.4 建立下載文件鏈接
2.5 表格的使用和設(shè)置
2.5.1 創(chuàng)建和編輯表格
2.5.2 單元格的合并與拆分
2.5.3 細(xì)線邊框的實(shí)現(xiàn)
2.6 頁面中表單的運(yùn)用
2.6.1 插入表單對象
2.6.2 實(shí)現(xiàn)一個用戶登錄界面
2.7 本章小結(jié)
2.8 自我檢測
第3章 HTML語法
3.1 HTML基本格式
3.1.1 HTML文件結(jié)構(gòu)
3.1.2 HTML語句格式
3.2 HTML頭部標(biāo)記
3.2.1 標(biāo)題標(biāo)記
3.2.2 元信息標(biāo)記
3.2.3 標(biāo)記
3.2.4 標(biāo)記
3.3 HTML主體標(biāo)記
3.4 文字相關(guān)標(biāo)記
3.4.1 HTML注釋語句
3.4.2 標(biāo)題文字
3.4.3 設(shè)定文字格式
3.4.4 段落修飾標(biāo)記
3.5 圖像標(biāo)記
3.5.1 圖像提示文字屬性alt
3.5.2 圖像的寬度和高度
3.5.3 圖像的邊框border
3.5.4 圖像的垂直間距vspace
3.5.5 圖像的水平間距hspace
3.5.6 圖像的排列屬性align
3.6 超級鏈接標(biāo)記
3.7 列表標(biāo)記
3.7.1 有序列表
3.7.2 無序列表
3.7.3 定義列表
3.8 表格標(biāo)記
3.9 層標(biāo)記
3.10 表單控件
3.10.1 表單標(biāo)記
3.10.2 表單輸入標(biāo)記
3.10.3 下拉列表標(biāo)記
3.10.4 選項(xiàng)標(biāo)記
3.10.5 多行文本控件標(biāo)記
3.10.6 實(shí)現(xiàn)用戶注冊界面
3.10.7 實(shí)現(xiàn)留言板界面
3.11 Dreamweaver標(biāo)簽選擇器
3.12 本章小結(jié)
3.13 自我檢測
第4章 CSS基礎(chǔ)知識
4.1 CSS的基本類型
4.2 CSS的基本寫法
4.3 CSS和表格結(jié)合
4.3.1 普通用法
4.3.2 實(shí)現(xiàn)彩色邊框
4.3.3 一個不錯的表格樣式
4.4 CSS和層結(jié)合
4.4.1 CSS對層的基本控制
4.4.2 實(shí)現(xiàn)一個圖文并茂的頁面
4.5 CSS和列表標(biāo)簽結(jié)合
4.5.1 CSS+UL實(shí)現(xiàn)導(dǎo)航菜單
4.5.2 實(shí)現(xiàn)標(biāo)簽樣式
4.6 本章小結(jié)
4.7 自我檢測
第5章 網(wǎng)頁布局設(shè)計
5.1 大學(xué)生服務(wù)網(wǎng)首頁分析
5.2 使用表格設(shè)計布局
5.3 使用層設(shè)計布局
5.4 使用框架集
5.4.1 創(chuàng)建框架集
5.4.2 在框架中使用鏈接
5.4.3 使用內(nèi)聯(lián)框架
5.5 本章小結(jié)
5.6 自我檢測
第6章 Fireworks CS4基礎(chǔ)
6.1 熟悉工作環(huán)境
6.2 繪制和編輯對象
6.2.1 矢量圖和位圖概念
6.2.2 矢量工具入門
6.2.3 鋼筆工具
6.2.4 矩形及相關(guān)工具
6.2.5 文本工具
6.3 GIF動畫
6.4 圖像優(yōu)化和導(dǎo)出
6.5 本章小結(jié)
6.6 自我檢測
第7章 使用Fireworks制作網(wǎng)頁圖像
7.1 導(dǎo)航欄設(shè)計
7.2 標(biāo)志圖像制作
7.3 切片工具的使用
7.4 圖像熱區(qū)鏈接
7.5 使用JavaScript
7.6 本章小結(jié)
7.7 自我檢測
第8章 網(wǎng)站建設(shè)與開發(fā)實(shí)戰(zhàn)
8.1 網(wǎng)站建設(shè)基本流程
8.2 制作網(wǎng)站首頁
8.2.1 用Fireworks設(shè)計頁面
8.2.2 用層布局實(shí)現(xiàn)頁面
8.3 實(shí)現(xiàn)可關(guān)閉菜單欄
8.3.1 用框架集實(shí)現(xiàn)
8.3.2 用DIV+Iframe實(shí)現(xiàn)
8.4 本章小結(jié)
8.5 自我檢測
第9章 JavaScript基本知識
9.1 基本概念
9.1.1 什么是JavaScript
9.1.2 JavaScript基本特點(diǎn)
9.1.3 Ajax和JQuery的概念
9.1.4 在頁面中使用JavaScript
9.2 JavaScript基本語法
9.2.1 弱類型的概念
9.2.2 變量和常量
9.2.3 運(yùn)算符和表達(dá)式
9.2.4 基本程序語句
9.3 JavaScript事件的使用
9.3.1 JavaScript常用頁面事件
9.3.2 頁面加載時彈出信息
9.3.3 單擊按鈕時彈出消息
9.4 使用JavaScript操作HTML對象
9.4.1 JavaScript訪問HTML元素的基本原理
9.4.2 document.getElementById的用法
9.4.3 document.getElementsBy-Name的用法
9.4.4 document.getElementsBy-TagName的用法
9.4.5 document.all的用法
9.5 JavaScript應(yīng)用實(shí)例
9.5.1 驗(yàn)證密碼輸入是否一致
9.5.2 E-mail格式驗(yàn)證
9.5.3 顯示系統(tǒng)日期
9.5.4 無刷新聯(lián)動菜單
9.5.5 設(shè)為首頁和加入收藏
9.5.6 實(shí)現(xiàn)網(wǎng)頁對話框
9.6 本章小結(jié)
9.7 自我檢測
第10章 JQuery基礎(chǔ)知識
10.1 JQuery介紹
10.1.1 什么是JQuery
10.1.2 為什么選用JQuery
10.1.3 如何使用JQuery
10.2 JQuery訪問頁面對象
10.2.1 按ID屬性值訪問HTML元素
10.2.2 按name屬性值訪問HTML元素
10.2.3 按HTML標(biāo)記名訪問
10.3 JQuery中事件的使用
10.3.1 頁面加載時彈出對話框
10.3.2 使用JQuery初始化頁面
10.3.3 為頁面事件綁定方法
10.3.4 頁面事件綜合使用
10.4 JQuery應(yīng)用實(shí)例
10.4.1 自動補(bǔ)全表單字段
10.4.2 創(chuàng)建可折疊菜單
10.4.3 創(chuàng)建更漂亮的對話框
10.4.4 實(shí)現(xiàn)條紋表格
10.5 本章小結(jié)
10.6 自我檢測
第11章 網(wǎng)站技術(shù)展望
11.1 HTML概述
11.1.1 HTML簡史
11.1.2 HTML的優(yōu)勢
11.1.3 HTML的缺點(diǎn)
11.2 XHTML
11.2.1 XHTML的優(yōu)勢
11.2.2 XHTML的語法規(guī)范
11.3 XML基礎(chǔ)
11.3.1 XML的概念
11.3.2 使用CSS顯示XML文檔
11.3.3 可擴(kuò)展樣式單語言XSL
11.4 DHTML
11.5 CHTML和WAP
11.5.1 移動無線網(wǎng)絡(luò)
11.5.2 CHTML
11.5.3 WAP
11.6 動態(tài)網(wǎng)站開發(fā)技術(shù)
11.7 本章小結(jié)
11.8 自我檢測
附錄1 常用CSS的屬性和屬性值
附錄2 各章自我檢測題答案
參考文獻(xiàn)