新媒體網(wǎng)頁(yè)設(shè)計(jì)與制作：Dreamweaver CS6 基礎(chǔ)、案例、技巧 實(shí)用教程

前 言

第1章 網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ) /

1.1 認(rèn)識(shí)網(wǎng)頁(yè)

1.1.1 網(wǎng)頁(yè)與網(wǎng)站的概念

1.1.2 網(wǎng)頁(yè)的基本要素

1.1.3 新媒體網(wǎng)頁(yè)的設(shè)計(jì)元素

1.1.4 新媒體網(wǎng)頁(yè)的布局方式


1.2 新媒體網(wǎng)站的色彩選擇與搭配

1.2.1 色彩理論

1.2.2 選擇色彩

1.2.3 搭配色彩

1.2.4 精彩網(wǎng)頁(yè)賞析


1.3 新媒體網(wǎng)站的策劃與創(chuàng)建原則

1.3.1 網(wǎng)站定位

1.3.2 網(wǎng)站風(fēng)格

1.3.3 網(wǎng)站的CI形象


1.4 HTML5簡(jiǎn)介

1.4.1 HTML5特性

1.4.2 HTML5新增功能


1.5 網(wǎng)站制作的基本流程

1.5.1 前期策劃

1.5.2 收集素材

1.5.3 規(guī)劃站點(diǎn)

1.5.4 制作網(wǎng)頁(yè)

1.5.5 測(cè)試并上傳網(wǎng)站

1.5.6 網(wǎng)站的更新與維護(hù)


1.6 答疑與技巧

1.6.1 疑問解答

1.6.2 常用技巧


1.7 課后實(shí)踐——觀摩特色網(wǎng)站


第2章 認(rèn)識(shí)Dreamweaver CS6 /

2.1 Dreamweaver CS6工作界面

2.1.1 界面布局

2.1.2 浮動(dòng)面板

2.1.3 屬性檢查器


2.2 Dreamweaver CS6的新功能和改進(jìn)
功能

2.2.1 針對(duì)智能手機(jī)和平板計(jì)算機(jī)的
設(shè)計(jì)

2.2.2 簡(jiǎn)捷而高效的操作


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

2.3.1 站點(diǎn)管理器

2.3.2 創(chuàng)建站點(diǎn)

2.3.3 創(chuàng)建文件或文件夾

2.3.4 編輯文件或文件夾


2.4 管理本地站點(diǎn)

2.4.1 打開站點(diǎn)

2.4.2 編輯站點(diǎn)

2.4.3 復(fù)制站點(diǎn)

2.4.4 刪除站點(diǎn)

2.4.5 導(dǎo)出和導(dǎo)入站點(diǎn)


2.5 網(wǎng)頁(yè)文件的基本操作

2.5.1 新建網(wǎng)頁(yè)

2.5.2 保存網(wǎng)頁(yè)

2.5.3 預(yù)覽網(wǎng)頁(yè)

2.5.4 設(shè)置頁(yè)面屬性


2.6 課堂案例——設(shè)置網(wǎng)頁(yè)頁(yè)面
屬性

2.7 答疑與技巧

2.7.1 疑問解答

2.7.2 常用技巧

2.8 課后實(shí)踐——新建并設(shè)置網(wǎng)頁(yè)


第3章 制作絢麗多彩的網(wǎng)頁(yè) /

3.1 網(wǎng)頁(yè)文本的基本操作

3.1.1 輸入文本

3.1.2 設(shè)置文本屬性

3.1.3 課堂案例——網(wǎng)頁(yè)文本操作


3.2 設(shè)置文本換行與段落樣式

3.2.1 強(qiáng)制文本換行

3.2.2 設(shè)置段落對(duì)齊

3.2.3 課堂案例——設(shè)置段落樣式


3.3 創(chuàng)建列表

3.3.1 創(chuàng)建定義列表

3.3.2 創(chuàng)建項(xiàng)目列表

3.3.3 創(chuàng)建編號(hào)列表

3.3.4 設(shè)置列表樣式

3.3.5 設(shè)置文本縮進(jìn)格式

3.3.6 課堂案例——?jiǎng)?chuàng)建段落與
列表


3.4 插入日期

3.5 插入水平線

3.6 插入特殊字符

3.7 輸入連續(xù)的空格

3.8 課堂案例——插入其他文本


3.9 答疑與技巧

3.9.1 疑問解答

3.9.2 常用技巧


3.10 課后實(shí)踐——制作西餐網(wǎng)頁(yè)


第4章 使用CSS樣式美化網(wǎng)頁(yè) /

4.1 認(rèn)識(shí)CSS樣式

4.1.1 認(rèn)識(shí)【CSS樣式】面板

4.1.2 CSS樣式分類

4.1.3 CSS基本語(yǔ)法


4.2 創(chuàng)建CSS樣式

4.2.1 建立內(nèi)部CSS樣式

4.2.2 建立外部CSS樣式


4.3 應(yīng)用CSS樣式

4.3.1 應(yīng)用內(nèi)部CSS樣式

4.3.2 應(yīng)用外部CSS樣式


4.4 利用CSS樣式美化網(wǎng)頁(yè)

4.4.1 設(shè)置【類型】屬性

4.4.2 設(shè)置【背景】屬性

4.4.3 設(shè)置【區(qū)塊】屬性

4.4.4 設(shè)置【方框】屬性

4.4.5 設(shè)置【邊框】屬性

4.4.6 設(shè)置【列表】屬性

4.4.7 設(shè)置【定位】屬性

4.4.8 設(shè)置【擴(kuò)展】屬性

4.4.9 設(shè)置【過(guò)渡】屬性


4.5 課堂案例——CSS應(yīng)用

4.6 答疑與技巧

4.6.1 疑問解答

4.6.2 常用技巧


4.7 課后實(shí)踐——修飾美食網(wǎng)頁(yè)


第5章 新媒體網(wǎng)頁(yè)布局 /

5.1 使用表格進(jìn)行網(wǎng)頁(yè)布局

5.1.1 創(chuàng)建表格

5.1.2 表格屬性設(shè)置

5.1.3 插入表格元素

5.1.4 編輯表格

5.1.5 擴(kuò)展表格模式

5.1.6 課堂案例——用表格布局網(wǎng)站
首頁(yè)


5.2 使用Div+CSS進(jìn)行網(wǎng)頁(yè)布局

5.2.1 認(rèn)識(shí)Div+CSS

5.2.2 插入Div標(biāo)簽

5.2.3 Div+CSS的盒子模型

5.2.4 Div+CSS定位

5.2.5 課堂案例——用Div+CSS布局
網(wǎng)站首頁(yè)


5.3 插入AP Div

5.3.1 AP Div的特性

5.3.2 創(chuàng)建并設(shè)置AP Div

5.3.3 管理和編輯AP Div

5.3.4 課堂案例——使用AP Div布局
網(wǎng)頁(yè)


5.4 框架布局

5.4.1 框架和框架集

5.4.2 創(chuàng)建框架和框架集

5.4.3 嵌套框架

5.4.4 設(shè)置框架和框架集屬性

5.4.5 保存框架集和框架文件

5.4.6 編輯無(wú)框架內(nèi)容

5.4.7 浮動(dòng)框架

5.4.8 課堂案例——框架的應(yīng)用


5.5 答疑與技巧

5.5.1 疑問解答

5.5.2 常用技巧


5.6 課后實(shí)踐——利用表格和Div+CSS
布局

5.6.1 利用表格布局技術(shù)制作
頁(yè)面

5.6.2 利用Div+CSS布局技術(shù)布局
網(wǎng)頁(yè)


第6章 網(wǎng)頁(yè)中的超級(jí)鏈接 /

6.1 認(rèn)識(shí)超級(jí)鏈接

6.1.1 超級(jí)鏈接的概念

6.1.2 超級(jí)鏈接的分類


6.2 路徑的概念

6.2.1 絕對(duì)路徑

6.2.2 相對(duì)路徑


6.3 創(chuàng)建超級(jí)鏈接

6.3.1 創(chuàng)建文本鏈接

6.3.2 創(chuàng)建圖像鏈接

6.3.3 創(chuàng)建錨點(diǎn)鏈接

6.3.4 創(chuàng)建電子郵件鏈接

6.3.5 創(chuàng)建空鏈接

6.3.6 創(chuàng)建下載鏈接

6.3.7 創(chuàng)建腳本鏈接

6.3.8 課堂案例——制作網(wǎng)站引導(dǎo)
頁(yè)面

6.4 鏈接管理

6.4.1 檢查鏈接

6.4.2 修復(fù)鏈接

6.4.3 自動(dòng)更新鏈接


6.5 Spry菜單欄

6.5.1 插入Spry菜單欄

6.5.2 編輯Spry菜單欄

6.5.3 課堂案例——制作導(dǎo)航
菜單欄


6.6 答疑與技