使用HTML和CSS開發(fā)Web網(wǎng)站

目錄

理 論 部 分


第1章HTML概述與基本標簽

1.1Web概述

1.2HTML超級文本標記語言

1.2.1HTML簡介

1.2.2HTML發(fā)展

1.2.3基本結構

1.2.4編輯工具

1.3頁面主體背景設置

1.3.1設置網(wǎng)頁的背景顏色

1.3.2設置網(wǎng)頁的背景圖片

1.4常用的HTML標簽

1.4.1換行標簽

1.4.2字體標簽

1.4.3段落排版標簽

1.4.4字體樣式標簽

1.4.5水平線標簽

1.4.6標題標簽

1.4.7圖像標簽

1.4.8超鏈接標簽

總結

課后習題

第2章表格與列表

2.1表格基礎

2.1.1為什么要使用表格

2.1.2表格的基本結構

2.1.3表格的基本語法

2.2跨行跨列的表格

2.2.1跨列

2.2.2跨行

2.2.3跨行、跨列

2.3表格的高級用法

2.4列表

2.4.1無序列表

2.4.2有序列表

2.4.3定義列表

2.4.4菜單列表

2.4.5目錄列表

2.5制作滾動效果

2.5.1滾動文字

2.5.2設置滾動方向

2.5.3設置滾動其他屬性

2.5.4滾動圖片

2.6層

2.6.1層的基本概念

2.6.2插入層

總結

課后習題

第3章表單與表單元素

3.1表單

3.1.1表單的組成

3.1.2表單標簽form/form

3.2表單元素

3.2.1 input /標簽

3.2.2textarea/textarea標簽

3.2.3select/select及option/option

3.2.4button/button標簽

3.2.5label/label標簽

3.2.6fieldset/fieldset及l(fā)egend/legend標簽

3.3表單的屬性與表單的提交

3.3.1表單的屬性

3.3.2表單的提交

總結

課后習題

第4章框架集與框架

4.1框架與框架集的關系

4.1.1為何使用框架

4.1.2框架集的基本結構

4.1.3框架集的屬性

4.1.4框架的屬性

4.2框架集的嵌套

4.3窗口間的關聯(lián)

4.4iframe內嵌框架

4.4.1iframe的用法

4.4.2iframe的屬性

總結

課后習題

第5章CSS層疊樣式表

5.1CSS樣式表

5.1.1CSS是什么

5.1.2CSS的作用

5.2CSS樣式規(guī)則聲明

5.3選擇器的分類

5.3.1標簽選擇器

5.3.2類選擇器

5.3.3ID選擇器

5.3.4偽類選擇器

5.3.5偽元素選擇器

5.3.6上下文選擇器

5.3.7群組選擇器

5.4如何應用樣式

5.4.1三種樣式表寫法

5.4.2CSS樣式表的優(yōu)先級

總結

課后習題

第6章常用的CSS樣式

6.1顏色與背景

6.2文本

6.3字體

6.4邊框

6.5列表

6.6其他雜項

總結

課后習題

第7章Web標準與頁面布局基礎

7.1Web標準

7.1.1結構標準

7.1.2表現(xiàn)標準

7.1.3行為標準

7.1.4CSS的驗證

7.2XHTML

7.3CSS中的盒狀模型

7.3.1盒狀模型

7.3.2margin(外邊距)

7.3.3border(邊框)

7.3.4padding(內邊距)

7.3.5寬高及實際占位

7.3.6溢出

7.4元素的定位

7.4.1CSS定位的原理

7.4.2絕對定位

7.4.3相對定位

7.4.4固定定位

7.5層次堆疊

總結

課后作業(yè)

第8章CSS實現(xiàn)典型布局

8.1浮動

8.2清除浮動

8.3實現(xiàn)典型布局

8.3.1一列式布局

8.3.2兩列式布局

8.3.3三列式布局

8.3.4三行三列式布局

8.4典型的局部布局

8.4.1divulli局部布局

8.4.2divdldtdd局部布局

總結

課后習題

第9章使用Dreamweaver制作網(wǎng)頁

9.1Dreamweaver簡介

9.1.1DreamWeaver CS4的功能和特點

9.1.2Dreamweaver CS4的工作界面

9.2站點的創(chuàng)建與管理

9.2.1新建站點

9.2.2管理站點文件

9.3創(chuàng)建和編輯常見的網(wǎng)頁元素

9.4表格及列表操作

9.5表單及表單元素操作

總結

課后習題

第10章使用Dreamweaver管理樣式和模板

10.1管理樣式

10.2管理模板

總結

課后習題

上 機 部 分


上機1HTML概述與基本標簽

第1階段指導

指導1使用文本編輯器創(chuàng)建和編寫簡單的網(wǎng)頁

指導2使用標題標簽和段落標簽

指導3使用圖像標簽

第2階段練習

練習1使用字體樣式標簽

練習2使用超鏈接標簽

練習3使用圖像成為超鏈接

上機2表格與列表

第1階段指導

指導1創(chuàng)建簡單的表格

指導2單元格的合并

指導3無序列表

第2階段練習

練習1使用表格

練習2使用無序列表和有序列表嵌套

練習3使用復雜表格

上機3表單和表單元素

第1階段指導

指導1form和input標簽的簡單使用

指導2使用各種類型的input元素

第2階段練習

練習1使用列表框和多文本框

練習2使用fieldset和legend標簽

上機4框架集與框架

第1階段指導

指導1實現(xiàn)簡單的框架集

指導2實現(xiàn)嵌套的框架集

第2階段練習

練習1使用框架的屬性

練習2使用浮動框架

練習3實現(xiàn)復雜的框架集嵌套

上機5CSS層疊樣式表

第1階段指導

指導1使用HTML標簽選擇器

指導2使用類選擇器

第2階段練習

練習1使用ID選擇器和上下文選擇器

練習2使用偽類選擇器

上機6常用的CSS樣式

第1階段指導

指導1使用顏色與背景屬性

指導2使用文本和字體屬性

指導3使用邊框屬性

指導4使用無序列表實現(xiàn)簡單的菜單

第2階段練習

練習1設置超鏈接的裝飾線

練習2熟悉常用的CSS樣式屬性

上機7Web標準與頁面布局

第1階段指導

指導1模擬城市選擇器

指導2模擬掃描碼下載提示

第2階段練習

練習模擬職能類別選擇器

上機8CSS實現(xiàn)典型布局

第1階段指導

指導1實現(xiàn)多行多列的復雜布局

指導2模擬構建網(wǎng)站

第2階段練習

練習實現(xiàn)典型的局部布局

上機9使用Dreamweaver制作網(wǎng)頁

第1階段指導

指導1使用Dreamweaver創(chuàng)建表格

指導2使用Dreamweaver創(chuàng)建表單及表單元素

第2階段練習

練習使用Dreamweaver創(chuàng)建頁面

上機10使用Dreamweaver管理樣式和模板

第1階段指導

第2階段練習

練習使用Dreamweaver創(chuàng)建模板