網(wǎng)頁設(shè)計與制作

第1章 網(wǎng)頁制作基礎(chǔ)知識
1.1 網(wǎng)頁制作基礎(chǔ)知識
1.1.1 網(wǎng)頁的定義和分類
1.1.2 網(wǎng)頁的基本概念
1.1.3 網(wǎng)頁的基本組成元素
1.2 Dreamweaver CS5概述
1.2.1 啟動與退出Dreamweaver CS5
1.2.2 Dreamweaver CS5的主界面
1.3 網(wǎng)頁標(biāo)準(zhǔn)技術(shù)與XHTML
1.3.1 網(wǎng)頁結(jié)構(gòu)語言
1.3.2 了解XHTML
1.3.3 XHTML的基本語法結(jié)構(gòu)
1.3.4 使用XHTML標(biāo)簽
1.4 上機練習(xí)：編寫代碼實現(xiàn)簡單網(wǎng)頁
小結(jié)
習(xí)題
第2章 網(wǎng)頁整體設(shè)計
2.1 網(wǎng)頁設(shè)計基礎(chǔ)
2.1.1 網(wǎng)頁布局類型
2.1.2 網(wǎng)頁整體造型
2.1.3 網(wǎng)頁設(shè)計要素
2.2 確定網(wǎng)站主題
2.2.1 網(wǎng)站的設(shè)計流程
2.2.2 網(wǎng)站主題的確定
2.3 前期規(guī)劃與內(nèi)容組織
2.3.1 網(wǎng)站的需求分析
2.3.2 網(wǎng)站的內(nèi)容組織
2.4 色彩基礎(chǔ)知識
2.4.1 色彩理論
2.4.2 216網(wǎng)頁安全顏色
2.5 配色方案
2.5.1 色彩分析
2.5.2 色彩對比
2.5.3 色彩調(diào)和
2.6 網(wǎng)站中的色彩應(yīng)用
2.6.1 網(wǎng)頁色彩規(guī)則
2.6.2 網(wǎng)站色彩分析
2.6.3 網(wǎng)頁元素之間色彩搭配
2.7 上機練習(xí)：飾品銷售網(wǎng)站主頁整體設(shè)計
小結(jié)
習(xí)題
第3章 建立本地站點
3.1 創(chuàng)建本地站點
3.1.1 什么是站點
3.1.2 創(chuàng)建本地站點
3.2 管理本地站點
3.2.1 切換站點
3.2.2 站點的其他操作
3.3 上機練習(xí)：建立本地站點和切換站點
小結(jié)
習(xí)題
第4章 制作文本
4.1 創(chuàng)建文檔
4.1.1 新建文檔
4.1.2 保存文檔
4.2 文本編輯
4.2.1 輸入文本
4.2.2 設(shè)置文本格式
4.2.3 設(shè)置文本樣式
4.2.4 段落編輯
4.2.5 為文本添加其他頁面元素
4.3 在文本中添加項目符號和編號
4.3.1 添加項目符號和編號
4.3.2 修改項目符號和編號
4.4 水平線、網(wǎng)格與標(biāo)尺
4.4.1 水平線
4.4.2 顯示和隱藏網(wǎng)格
4.4.3 標(biāo)尺
4.5 上機練習(xí)
小結(jié)
習(xí)題
第5章 圖像與多媒體
5.1 網(wǎng)頁中常用的圖像格式
5.1.1 GIF格式圖像
5.1.2 JPEG格式圖像
5.1.3 PNG格式圖像
5.2 插入與設(shè)置圖像
5.2.1 網(wǎng)頁中插入圖像
5.2.2 設(shè)置圖像屬性
5.3 插入其他圖像元素
5.3.1 插入圖像占位符
5.3.2 插入鼠標(biāo)經(jīng)過圖像
5.4 多媒體在網(wǎng)頁中的應(yīng)用
5.4.1 添加Flash動畫對象
5.4.2 插入FLV視頻
5.4.3 網(wǎng)絡(luò)中的音頻文件類型
5.4.4 在網(wǎng)頁中插入背景音樂
5.4.5 在網(wǎng)頁中插入音頻
5.5 上機練習(xí)：在網(wǎng)頁中添加多媒體
5.5.1 圖片與文本
5.5.2 在網(wǎng)頁中添加多媒體
小結(jié)
習(xí)題
第6章 網(wǎng)頁中的超鏈接
6.1 超鏈接概述
6.1.1 超鏈接的定義
6.1.2 超鏈接的類型
6.1.3 內(nèi)部、外部與腳本鏈接
6.2 關(guān)于鏈接路徑
6.2.1 絕對路徑
6.2.2 相對路徑
6.2.3 根路徑
6.3 創(chuàng)建超鏈接的技術(shù)方法
6.3.1 使用“屬性”面板創(chuàng)建超鏈接
6.3.2 使用指向文件圖標(biāo)創(chuàng)建鏈接
6.3.3 使用菜單創(chuàng)建鏈接
6.4 各種類型鏈接的創(chuàng)建
6.4.1 創(chuàng)建文本超鏈接
6.4.2 文本鏈接的狀態(tài)
6.4.3 下載文件鏈接
6.4.4 創(chuàng)建電子郵件鏈接
6.5 圖像超鏈接
6.5.1 圖像超鏈接
6.5.2 鼠標(biāo)經(jīng)過圖像鏈接
6.5.3 創(chuàng)建錨記鏈接
6.5.4 創(chuàng)建空鏈接
6.5.5 創(chuàng)建腳本鏈接
6.6 管理超鏈接
6.6.1 自動更新鏈接
6.6.2 在站點范圍內(nèi)更改鏈接
6.6.3 檢查站點中的鏈接錯誤
6.7 上機練習(xí)：創(chuàng)建鏈接
6.7.1 創(chuàng)建錨記鏈接
6.7.2 創(chuàng)建熱點鏈接
小結(jié)
習(xí)題
第7章 用表格來布局頁面
7.1 創(chuàng)建表格
7.1.1 插入表格
7.1.2 在表格中輸入網(wǎng)頁元素
7.2 設(shè)置表格及單元格的屬性
7.2.1 設(shè)置表格屬性
7.2.2 設(shè)置單元格屬性
7.3 表格與單元格具體操作
7.3.1 表格的操作
7.3.2 網(wǎng)頁中表格行與列的操作
7.3.3 單元格的操作
7.4 表格的進一步操作
7.4.1 表格分隔線與邊框操作
7.4.2 表格特效設(shè)置
7.5 表格擴展模式
7.5.1 表格擴展模式的進入和退出
7.5.2 表格擴展模式的應(yīng)用
7.6 表格中數(shù)據(jù)的處理
7.6.1 導(dǎo)入和導(dǎo)出表格數(shù)據(jù)
7.6.2 網(wǎng)頁中表格排序操作
7.7 上機練習(xí)：用表格布局模式設(shè)計網(wǎng)頁
小結(jié)
習(xí)題
第8章 設(shè)計框架網(wǎng)頁
8.1 框架網(wǎng)頁
8.1.1 框架網(wǎng)頁概述
8.1.2 創(chuàng)建各種框架
8.1.3 編輯框架集
8.1.4 向框架中添加內(nèi)容
8.1.5 保存框架集
8.2 框架屬性
8.2.1 布局框架基本屬性
8.2.2 框架鏈接
8.2.3 框架標(biāo)簽
8.3 內(nèi)嵌框架Iframe
8.3.1 關(guān)于Iframe
8.3.2 Iframe屬性
8.4 上機練習(xí)
小結(jié)
習(xí)題
第9章 CSS樣式表
9.1 CSS的基本概念
9.1.1 CSS簡介
9.1.2 CSS基本語法
9.1.3 CSS樣式的分類
9.1.4 CSS選擇器
9.1.5 在Dreamweaver中使用CSS樣式表
9.2 設(shè)置文本CSS樣式
9.2.1 設(shè)置文字樣式
9.2.2 設(shè)置文本對象樣式
9.3 修飾背景和邊框
9.3.1 背景顏色和背景圖像
9.3.2 設(shè)置邊框樣式
9.4 盒模型
9.4.1 盒模型簡介
9.4.2 設(shè)置標(biāo)簽的顯示方式
9.5 布局
9.5.1 流動布局
9.5.2 浮動布局
9.5.3 絕對定位布局
9.6 上機練習(xí)：使用CSS美化文本
9.7 上機練習(xí)：使用CSS布局網(wǎng)頁
小結(jié)
習(xí)題
第10章 網(wǎng)頁交互和特效
10.1 網(wǎng)頁交互行為
10.1.1 交換圖像
10.1.2 彈出信息
10.1.3 打開瀏覽器窗口
10.1.4 拖動AP元素
10.2 Spry框架
10.2.1 Spry效果
10.2.2 Spry菜單欄
10.2.3 Spry選項卡式面板
10.2.4 Spry折疊式
10.2.5 Spry可折疊面板
10.3 上機練習(xí)：制作導(dǎo)航條
10.4 上機練習(xí)：制作可隱藏的產(chǎn)品信息
小結(jié)
習(xí)題
第11章 網(wǎng)頁表單的應(yīng)用
11.1 網(wǎng)頁中的表單知識
11.1.1 網(wǎng)頁中表單概述
11.1.2 創(chuàng)建表單域
11.2 插入文本域
11.2.1 文本字段
11.2.2 創(chuàng)建文本區(qū)域
11.3 插入單選按鈕和單選按鈕組
11.3.1 插入單個單選按鈕
11.3.2 插入單選按鈕組
11.4 插入復(fù)選框和復(fù)選框組
11.4.1 插入單個復(fù)選框
11.4.2 插入復(fù)選框組
11.5 插入列表和菜單
11.5.1 菜單表單
11.5.2 列表表單
11.5.3 跳轉(zhuǎn)菜單
11.6 插入按鈕和文件域
11.6.1 按鈕表單
11.6.2 插入文件域
11.7 驗證表單內(nèi)容
11.7.1 Spry表單驗證技術(shù)
11.7.2 驗證文本內(nèi)容
11.8 上機練習(xí)：制作表單——“意見反饋” 頁面
小結(jié)
習(xí)題
第12章 企業(yè)網(wǎng)站
12.1 制作軟件公司網(wǎng)站首頁
12.2 制作企業(yè)網(wǎng)站內(nèi)部網(wǎng)頁
參考文獻