Dreamweaver CS6網(wǎng)頁設(shè)計(jì)與目錄

時(shí)間：2023-02-21 19:45:01 | 來源：營銷百科

時(shí)間：2023-02-21 19:45:01 來源：營銷百科

Dreamweaver CS6網(wǎng)頁設(shè)計(jì)與目錄：第1章 網(wǎng)頁設(shè)計(jì)基礎(chǔ)

1.1 認(rèn)識網(wǎng)頁和網(wǎng)站

1.1.1 網(wǎng)頁的構(gòu)成元素

1.1.2 靜態(tài)網(wǎng)頁和動(dòng)態(tài)網(wǎng)頁

1.1.3 幾個(gè)常用的Web概念

1.2 網(wǎng)頁和網(wǎng)站制作基礎(chǔ)

1.2.1 網(wǎng)站的構(gòu)成

1.2.2 網(wǎng)站的通用制作流程

1.2.3 網(wǎng)頁設(shè)計(jì)流程

1.2.4 發(fā)布站點(diǎn)

1.3 Web標(biāo)準(zhǔn)布局基礎(chǔ)

1.3.1 Web開發(fā)標(biāo)準(zhǔn)

1.3.2 使用Web標(biāo)準(zhǔn)的原因

1.3.3 CSS布局標(biāo)準(zhǔn)

1.4 常用網(wǎng)頁制作工具介紹

1.4.1 FrontPage介紹

1.4.2 Dreamweaver介紹

1.4.3 Dreamweaver和FrontPage之間的選擇

1.5 怎樣設(shè)計(jì)出好的網(wǎng)頁

1.5.1 網(wǎng)頁設(shè)計(jì)的3個(gè)理念

1.5.2 網(wǎng)頁設(shè)計(jì)的3個(gè)誤區(qū)

1.5.3 什么才是好的網(wǎng)頁設(shè)計(jì)

1.5.4 配色原則

1.5.5 常用的網(wǎng)頁布局

1.5.6 網(wǎng)站構(gòu)建原則

1.6 網(wǎng)頁設(shè)計(jì)師行業(yè)

1.6.1 網(wǎng)頁設(shè)計(jì)師的前景

1.6.2 如何快速成長為網(wǎng)頁設(shè)計(jì)師'達(dá)人'

1.6.3 靈感是設(shè)計(jì)師的設(shè)計(jì)之源

1.6.4 做到從合格到優(yōu)秀

1.6.5 設(shè)計(jì)師的'三塊大蛋糕'

第2章 初識Dreamweaver CS6

2.1 Dreamweaver CS6介紹

2.1.1 Dreamweaver CS6的主要功能

2.1.2 安裝Dreamweaver CS6

2.2 菜單欄

2.3 實(shí)戰(zhàn)演練——使用Dreamweaver CS6查看網(wǎng)頁文件

第3章 創(chuàng)建并管理站點(diǎn)

3.1 創(chuàng)建本地站點(diǎn)

3.2 創(chuàng)建遠(yuǎn)程站點(diǎn)的準(zhǔn)備工作

3.2.1 使用本地站點(diǎn)連接遠(yuǎn)程服務(wù)器

3.2.2 使用'本地／網(wǎng)絡(luò)'選項(xiàng)

3.2.3 使用服務(wù)器的'高級'選項(xiàng)

3.3 '高級設(shè)置'選項(xiàng)

3.3.1 本地信息

3.3.2 遮蓋

3.3.3 設(shè)計(jì)備注

3.3.4 文件視圖列

3.3.5 Contribute

3.3.6 模板

3.3.7 Spry

3.3.8 Web字體

3.4 實(shí)戰(zhàn)演練——?jiǎng)?chuàng)建一個(gè)站點(diǎn)

第4章 HTML標(biāo)記語言的基礎(chǔ)知識

4.1 HTML基礎(chǔ)

4.1.1 HTML概述

4.1.2 HTML基本結(jié)構(gòu)

4.2 HTML標(biāo)記詳解

4.2.1 標(biāo)題文字標(biāo)記＜h＞

4.2.2 文本文字標(biāo)記＜font＞

4.2.3 字型設(shè)置標(biāo)記

4.2.4 段落標(biāo)記＜p＞

4.2.5 換行標(biāo)記

4.2.6 超級鏈接標(biāo)記＜a＞

4.2.7 設(shè)置背景圖片標(biāo)記＜body background＞

4.2.8 插入圖片標(biāo)記＜img＞

4.2.9 列表標(biāo)記

4.2.10 表格標(biāo)記＜table＞、＜tr＞、＜th＞和＜td＞

4.3 實(shí)戰(zhàn)演練——制作一個(gè)簡單網(wǎng)頁

第5章 HTML 5基礎(chǔ)

5.1 HTML 5概述

5.1.1 發(fā)展歷程

5.1.2 全新的體驗(yàn)

5.2 處理視頻

5.2.1 視頻處理標(biāo)記＜video＞

5.2.2 ＜video＞標(biāo)記的屬性

5.3 處理音頻

5.3.1 ＜audio＞標(biāo)記

5.3.2 ＜audio＞標(biāo)記的屬性

5.4 繪制圖像

5.4.1 使用＜canvas＞標(biāo)記

5.4.2 HTML DOM Canvas對象

5.5 Web存儲(chǔ)

5.5.1 Web存儲(chǔ)的定義

5.5.2 Web存儲(chǔ)的意義

5.5.3 HTML 5中的兩種存儲(chǔ)方法

5.6 表單的全新功能

5.6.1 全新的Input類型

5.6.2 全新的表單元素

5.6.3 全新的表單屬性

第6章 使用基本標(biāo)記

6.1 設(shè)置網(wǎng)頁頭部元素

6.1.1 設(shè)置文檔類型

6.1.2 設(shè)置編碼類型

6.1.3 設(shè)置頁面標(biāo)題

6.2 設(shè)置頁面正文

6.3 插入注釋

6.4 實(shí)戰(zhàn)演練——綜合使用頁面

基本標(biāo)記

第7章 文字和段落處理

7.1 設(shè)置標(biāo)題文字

7.2 文本文字

7.2.1 設(shè)置文本顏色和字體

7.2.2 設(shè)置文本的字型

7.3 分段處理

7.4 插入水平線

7.5 實(shí)戰(zhàn)演練——文字排版處理

第8章 超級鏈接

8.1 鏈接概述

8.1.1 錨鏈

8.1.2 URL引用

8.2 建立內(nèi)部鏈接

8.3 建立外部鏈接

8.4 使用Telnet鏈接

8.5 創(chuàng)建E—mail鏈接

8.6 創(chuàng)建FTP鏈接

8.7 其他形式的鏈接

8.7.1 新聞組鏈接

8.7.2 WAIS鏈接

8.8 實(shí)戰(zhàn)演練——設(shè)置超級鏈接

第9章 使用圖片修飾網(wǎng)頁

9.1 常用的圖片格式介紹

9.1.1 GIF格式

9.1.2 JPEG格式

9.2 設(shè)置背景圖片

9.3 插入圖片

9.3.1 在頁面中插入指定大小的圖片

9.3.2 圖片布局處理

9.4 設(shè)置圖片鏈接

9.5 實(shí)戰(zhàn)演練——圖文結(jié)合處理

第10章 列表

10.1 使用無序列表

10.2 有序列表

10.3 定義列表

第11章 使用表格

11.1 創(chuàng)建一個(gè)表格

11.2 設(shè)置表格標(biāo)題

11.3 跨行和跨列處理

11.3.1 實(shí)現(xiàn)跨列處理

11.3.2 實(shí)現(xiàn)跨行處理

11.3.3 實(shí)現(xiàn)同時(shí)跨行、跨列處理

11.4 設(shè)置表格頁眉

11.5 設(shè)置表格背景圖像

11.6 對齊處理

11.6.1 表格的整體對齊

11.6.2 對齊表格中的內(nèi)元素

11.7 設(shè)置單元格大小

11.8 實(shí)戰(zhàn)演練——綜合使用表格處理

第12章 特效和多媒體

12.1 設(shè)置背景音樂

12.1.1 代碼指定方式

12.1.2 使用媒體插件方式實(shí)現(xiàn)

12.2 插入Flash

12.3 插入Applet

12.4 ActiveX控件

12.5 實(shí)戰(zhàn)演練——制作一個(gè)網(wǎng)頁導(dǎo)航

第13章 使用框架

13.1 框架標(biāo)記介紹

13.2 創(chuàng)建框架

13.3 設(shè)置框架大小

13.4 為框架創(chuàng)建鏈接

13.5 框架嵌套

13.6 實(shí)戰(zhàn)演練1——在主頁中調(diào)用另外的框架頁

13.7 實(shí)戰(zhàn)演練2——使用框架制作一個(gè)網(wǎng)站后臺主頁

第14章 使用表單

14.1 表單標(biāo)記

14.2 使用＜form＞標(biāo)記

14.3 使用文本域

14.4 使用文本區(qū)域

14.5 使用按鈕

14.6 使用單選按鈕和復(fù)選框

14.7 使用列表菜單

14.8 使用文件域

14.9 使用圖像域

14.10 使用隱藏域

14.11 使用單選按鈕組

14.12 實(shí)戰(zhàn)演練——'注冊會(huì)員'網(wǎng)頁制作

第15章 使用AP Div布局

15.1 ＜Div＞標(biāo)記基礎(chǔ)

15.1.1 Div的格式

15.1.2 在Dreamweaver CS6中使用Div

15.1.3 插入Div標(biāo)簽

15.1.4 插入AP Div

15.1.5 實(shí)戰(zhàn)演練——使用AP Div排版

15.2 插入Spry構(gòu)件

15.2.1 插入Spry菜單欄

15.2.2 插入Spry選項(xiàng)卡式面板

15.2.3 插入Spry折疊式

15.2.4 插入Spry可折疊面板

15.2.5 插入Spry工具提示

15.2.6 實(shí)戰(zhàn)演練——聯(lián)合使用AP Div和Spry

第16章 使用CSS

16.1 CSS的基本語法

16.2 使用選擇符

16.2.1 通配選擇符

16.2.2 類型選擇符

16.2.3 包含選擇符

16.2.4 ID選擇符

16.3 使用CSS設(shè)置顏色

16.4 使用百分比值

16.5 設(shè)置URL的相對路徑和絕對路徑

16.5.1 相對路徑

16.5.2 絕對路徑

16.5.3 應(yīng)用實(shí)例

16.6 調(diào)用外部CSS文件

16.6.1 在頁面內(nèi)部調(diào)用

16.6.2 調(diào)用外部文件

16.7 實(shí)戰(zhàn)演練——使用外部CSS文件

修飾主頁

第17章 使用CSS實(shí)現(xiàn)布局

17.1 CSS元素介紹

17.1.1 塊元素

17.1.2 內(nèi)聯(lián)元素

17.1.3 可變元素

17.2 定位元素

17.2.1 元素的定位方式

17.2.2 定位屬性

17.3 內(nèi)容控制屬性

17.3.1 控制頁面內(nèi)容屬性display

17.3.2 控制顯示屬性visibility

17.3.3 居中顯示屬性text—align

17.3.4 邊界屬性margin

17.4 控制頁面背景

17.4.1 頁面背景概述

17.4.2 使用背景顏色

17.4.3 使用背景圖片

17.4.4 背景顏色和背景圖片混用

17.4.5 設(shè)置文本樣式

17.4.6 設(shè)置鏈接樣式

17.5 使用浮動(dòng)屬性

17.5.1 浮動(dòng)屬性簡介

17.5.2 固定元素相鄰

17.5.3 兩個(gè)浮動(dòng)元素相鄰

17.5.4 多個(gè)浮動(dòng)元素相鄰

17.6 實(shí)戰(zhàn)演練——使用CSS修飾文本

第18章 容器

18.1 使用盒模型

18.2 使用補(bǔ)白屬性

18.3 使用邊框?qū)傩?

18.3.1 邊框樣式屬性

18.3.2 邊框顏色屬性

18.4 設(shè)置邊界屬性

18.5 設(shè)置父、子元素的距離

18.6 固定元素的大小

18.6.1 計(jì)算盒模型大小

18.6.2 固定長度和寬度

18.7 實(shí)戰(zhàn)演練——使用CSS修飾留言本

第19章 插入行為

19.1 行為介紹

19.1.1 行為簡介

19.1.2 行為事件

19.1.3 行為的使用

19.2 調(diào)用JavaScript

19.3 URL轉(zhuǎn)移

19.4 交換圖像

19.5 打開瀏覽器窗口

19.6 顯示隱藏元素

19.7 改變屬性

19.8 彈出信息

19.9 跳轉(zhuǎn)菜單

19.10 拖動(dòng)AP元素

第20章 個(gè)人博客網(wǎng)站模板

20.1 網(wǎng)站規(guī)劃

20.1.1 站點(diǎn)需求分析

20.1.2 預(yù)期效果分析

20.1.3 站點(diǎn)結(jié)構(gòu)規(guī)劃

20.2 切圖分析

20.3 制作站點(diǎn)首頁

20.3.1 實(shí)現(xiàn)流程分析

20.3.2 制作頂部導(dǎo)航

20.3.3 設(shè)計(jì)中間內(nèi)容部分

20.3.4 制作底部版權(quán)部分

20.4 制作日志頁面

20.4.1 實(shí)現(xiàn)流程分析

20.4.2 日志內(nèi)容實(shí)現(xiàn)

20.5 制作日志詳情頁面

20.5.1 實(shí)現(xiàn)流程分析

20.5.2 頁面具體實(shí)現(xiàn)

第21章 一個(gè)企業(yè)模板

21.1 網(wǎng)站規(guī)劃

21.1.1 站點(diǎn)需求分析

21.1.2 預(yù)期效果分析

21.1.3 網(wǎng)頁布局分析

21.2 切圖分析

21.3 首頁實(shí)現(xiàn)

21.3.1 實(shí)現(xiàn)流程分析

21.3.2 制作頁面頭部

21.3.3 制作頁面主體

21.3.4 制作頁面底部

21.3.5 解決兼容性問題

21.4 二級頁面實(shí)現(xiàn)