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

第1章 網(wǎng)頁(yè)概述
1.1 網(wǎng)站與網(wǎng)頁(yè)
1.1.1 網(wǎng)站與網(wǎng)頁(yè)的定義
1.1.2 網(wǎng)站與網(wǎng)頁(yè)的分類(lèi)
1.1.3 構(gòu)成網(wǎng)頁(yè)的基本元素
1.1.4 網(wǎng)頁(yè)的版塊結(jié)構(gòu)
1.2 與網(wǎng)頁(yè)相關(guān)的基本概念
1.2.1 Internet與Intranet
1.2.2 IP地址與DNS
1.2.3 WWW和FTP
1.2.4 HTFP
1.2.5 URL
1.2.6 瀏覽器與Web服務(wù)器
1.3 網(wǎng)頁(yè)標(biāo)準(zhǔn)化技術(shù)
1.3.1 Web標(biāo)準(zhǔn)簡(jiǎn)介
1.3.2 HTML簡(jiǎn)介
1.3.3 CSS簡(jiǎn)介
1.3.4 JavaScript簡(jiǎn)介
1.4 網(wǎng)頁(yè)設(shè)計(jì)與制作工具
1.4.1 圖形、圖像制作工具——Photoshop
1.4.2 網(wǎng)頁(yè)動(dòng)畫(huà)制作工具——Flash
1.4.3 網(wǎng)頁(yè)編輯工具
1.5 網(wǎng)站的制作流程
1.5.1 準(zhǔn)備工作
1.5.2 前期規(guī)劃
1.5.3 項(xiàng)目實(shí)施
1.5.4 后期工作
1.6 Dreamweaver CS6的基本操作
1.6.1 Dreamweaver CS6工作區(qū)簡(jiǎn)介
1.6.2 Dreamweaver CS6初始化及參數(shù)設(shè)置
1.6.3 站點(diǎn)的建立與管理
第2章 網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)
2.1 網(wǎng)頁(yè)設(shè)計(jì)原則
2.2 網(wǎng)頁(yè)配色基礎(chǔ)
2.2.1 色彩基礎(chǔ)知識(shí)
2.2.2 網(wǎng)頁(yè)配色方案
2.3 網(wǎng)頁(yè)設(shè)計(jì)流程
2.3.1 確定網(wǎng)頁(yè)主題
2.3.2 搜集相關(guān)素材
2.3.3 網(wǎng)頁(yè)布局設(shè)計(jì)
2.3.4 網(wǎng)頁(yè)內(nèi)容元素設(shè)計(jì)
2.3.5 網(wǎng)頁(yè)元素命名規(guī)范
第3章 HTML語(yǔ)言基礎(chǔ)
3.1 什么是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文檔基本格式
3.3.1 (！DOCTYPE)標(biāo)記
3.3.2 (html)標(biāo)記
3.3.3 (head)標(biāo)記
3.3.4 (body)標(biāo)記
3.4 HTML文檔頭部相關(guān)標(biāo)記
3.4.1 網(wǎng)頁(yè)標(biāo)題標(biāo)記(title)
3.4.2 頁(yè)面元信息標(biāo)記(meta)
3.4.3 引用外部文件標(biāo)記(link)
3.4.4 內(nèi)嵌樣式標(biāo)記(stvle)
3.5 HTML文本控制標(biāo)記
3.5.1 網(wǎng)頁(yè)文本
3.5.2 網(wǎng)頁(yè)段落
3.5.3 網(wǎng)頁(yè)標(biāo)題
3.5.4 網(wǎng)頁(yè)特殊符號(hào)
3.5.5 其他常用標(biāo)記
第4章 圖像
4.1 常見(jiàn)的圖像格式
4.1.1 位圖與矢量圖
4.1.2 GIF格式
4.1.3 PNG格式
4.1.4 JPG格式
4.1.5 SVG格式
4.1.6 常見(jiàn)的圖片格式對(duì)比
4.1.7 圖片的制作
4.2 HTML圖像標(biāo)記
4.2.1 (img)標(biāo)記及其常用屬性
4.2.2 圖像的常用屬性練習(xí)
4.3 相對(duì)路徑和絕對(duì)路徑
4.3.1 路徑
4.3.2 相對(duì)路徑
4.3.3 絕對(duì)路徑
第5章 超鏈接
5.1 創(chuàng)建超鏈接
5.1 .I超鏈接標(biāo)記
5.1.2 超鏈接標(biāo)記的種類(lèi)
5.1.3 超鏈接的常用屬性練習(xí)
5.1.4 超鏈接內(nèi)容的多樣化
5.2 錨點(diǎn)鏈接
5.2.1 創(chuàng)建錨點(diǎn)
5.2.2 鏈接到錨點(diǎn)
5.2.3 練習(xí)創(chuàng)建錨點(diǎn)鏈接
第6章 列表
6.1 列表概述
6.2 無(wú)序列表
6.2.1 無(wú)序列表標(biāo)記
6.2.2 無(wú)序列表案例演示
6.3 有序列表
6.3.1 有序列表標(biāo)記
6.3.2 有序列表案例演示
6.4 定義列表
6.4.1 定義列表標(biāo)記
6.4.2 定義列表案例演示
6.5 列表的嵌套
第7章 表格
7.1 表格概述
7.1.1 表格的基本功能
7.1.2 表格的基本標(biāo)記
7.1.3 表格的基本屬性
7.1.4 表格的結(jié)構(gòu)
7.1.5 表格嵌套
7.2 使用表格布局網(wǎng)頁(yè)
7.2.1 用表格布局網(wǎng)頁(yè)的基本原理
7.2.2 表格布局的優(yōu)缺點(diǎn)
7.2.3 使用表格布局網(wǎng)頁(yè)的基本步驟
第8章 表單
8.1 表單概述
8.1.1 什么是表單
8.1.2 創(chuàng)建表單
8.2 表單控件
8.2.1 input控件
8.2.2 textarea控件
8.2.3 select控件
第9章 CSS基礎(chǔ)
9.1 CSS入門(mén)
9.1.1 CSS核心基礎(chǔ)
9.1.2 CSS的使用
9.1.3 CSS類(lèi)型
9.1.4 CSS基礎(chǔ)選擇器
9.1.5 CSS文本相關(guān)樣式
9.1.6 CSS高級(jí)特性
9.2 CSS應(yīng)用
9.2.1 CSS控制列表樣式
9.2.2 CSS控制表格樣式
9.2.3 CSS控制表單樣式
第10章 盒子模型
10.1 盒子模型概念
10.2 盒子模型相關(guān)屬性
10.2.1 邊框?qū)傩?br /> 10.2.2 內(nèi)邊距屬性
10.2.3 外邊距屬性
10.2.4 背景屬性
10.2.5 盒子的寬與高
10.2.6 盒子尺寸計(jì)算
10.3 元素的類(lèi)型與轉(zhuǎn)換
lO.3.1 元素的類(lèi)型
10.3.2 元素的轉(zhuǎn)換
10.4 塊元素垂直外邊距的合并
10.4.1 相鄰塊元素垂直外邊距塌陷
10.4.2 嵌套塊元素垂直外邊距塌陷
10.5 元素的溢出與剪切
10.5.1 溢出內(nèi)容的設(shè)置
10.5.2 水平方向超出范圍的處理方式
10.5.3 垂直方向超出范圍的處理方式
10.5.4 內(nèi)容的剪切
10.6 元素的顯示與隱藏
第11章 浮動(dòng)與定位
11.1 元素浮動(dòng)
11.1.1 標(biāo)準(zhǔn)文檔流
11.1.2 浮動(dòng)屬性
11.1.3 浮動(dòng)方法
11.2 清除浮動(dòng)
11.2.1 為什么要清除浮動(dòng)
11.2.2 清除浮動(dòng)