網(wǎng)頁設(shè)計與開發(fā):HTML、CSS、JavaScript實(shí)例教程 掃描版

網(wǎng)頁設(shè)計與開發(fā)：HTML、CSS、JavaScript實(shí)例教程是一本講解HTML、CSS、JavaScript語言的實(shí)戰(zhàn)web開發(fā)指導(dǎo)手冊，由鄭婭峰編著。全書主要介紹了瀏覽器端開發(fā)技術(shù)，也就是HTML頁面制作技術(shù)，包括HTML、CSS和JavaScript，其中HTML／XHTML負(fù)責(zé)頁面結(jié)構(gòu)，CSS負(fù)責(zé)樣式表現(xiàn)，JavaScript負(fù)責(zé)動態(tài)行為。全書不僅在于通過提供豐富的小實(shí)例來介紹HTML／CSS／JavaScript的基本語法，而且將一個完整的案例——班級網(wǎng)站——貫穿于全書始終，教會讀者如何將各個知識點(diǎn)應(yīng)用于一個實(shí)用系統(tǒng)中。避免學(xué)習(xí)的知識停留于表面、局限于理論，使讀者學(xué)習(xí)的知識可以馬上應(yīng)用于實(shí)際的相關(guān)工作中，適用于學(xué)習(xí)web開發(fā)的人員閱讀。

內(nèi)容介紹

《網(wǎng)頁設(shè)計與開發(fā)：HTML、CSS、JavaScript實(shí)例教程》從實(shí)用角度出發(fā)，詳細(xì)講解了HTML、CSS和JavaScript的基本語法和設(shè)計技巧，通過一個實(shí)用的班級網(wǎng)站的規(guī)劃、設(shè)計、實(shí)現(xiàn)到發(fā)布過程，將各章的知識點(diǎn)貫穿起來，各章均配有習(xí)題和實(shí)驗(yàn)，力求達(dá)到理論知識與實(shí)踐操作完美結(jié)合的效果。全書內(nèi)容翔實(shí)，行文流暢，講解清晰，介紹全面，具有很強(qiáng)的可讀性。本書可作為普通高校計算機(jī)及相關(guān)專業(yè)教材、高職高專教材，并可供從事網(wǎng)頁設(shè)計與制作、網(wǎng)站開發(fā)、網(wǎng)頁編程等行業(yè)人員參考。

網(wǎng)頁設(shè)計與開發(fā)章節(jié)目錄

第1章 網(wǎng)頁設(shè)計簡介

1.1 萬維網(wǎng)概述

1.2 HTML語言

1.3 網(wǎng)頁設(shè)計相關(guān)概念

1.3.1 超鏈接

1.3.2 統(tǒng)一資源定位器

1.3.3 網(wǎng)站

1.3.4 網(wǎng)頁

1.3.5 首頁

1.4 網(wǎng)頁制作開發(fā)工具

1.4.1 編輯工具

1.4.2 瀏覽工具

1.5 網(wǎng)頁制作相關(guān)技術(shù)

1.5.1 CSS

1.5.2 JavaScript

小結(jié)

習(xí)題

實(shí)驗(yàn)

第2章 HTML基礎(chǔ)介紹

2.1 HTML文檔結(jié)構(gòu)

2.1.1 基本結(jié)構(gòu)

2.1.2 頭部內(nèi)容

2.1.3 主體內(nèi)容

2.1.4 編寫網(wǎng)頁的開頭

2.2 HTML基本語法

2.2.1 標(biāo)記語法

2.2.2 屬性語法

2.3 注釋

2.4 編寫HTML文件的注意事項(xiàng)

2.5 實(shí)例

小結(jié)

習(xí)題

實(shí)驗(yàn)

第3章 文字與段落

3.1 文字內(nèi)容

3.1.1 添加文字

3.1.2 標(biāo)題字

3.1.3 添加空格

3.1.4 添加特殊符號

3.1.5 注釋語句

3.2 文字樣式

3.2.1 普通文字標(biāo)記

3.2.2 基底文字標(biāo)記

3.3 文字修飾

3.3.1 粗體。斜體。下劃線

3.3.2 刪除線

3.3.3 上標(biāo)。下標(biāo)

3.3.4 設(shè)置文字標(biāo)注

3.3.5 設(shè)置地址文字

3.3.6 設(shè)置等寬文字

3.4 段落

3.4.1 段落標(biāo)記

3.4.2 換行標(biāo)記

3.4.3 居中標(biāo)記

3.4.4 水平分隔線

3.4.5 預(yù)格式化標(biāo)記

3.4.6 忽略html標(biāo)記

3.4.7 設(shè)置段落縮進(jìn)

3.5 實(shí)例

小結(jié)

習(xí)題

實(shí)驗(yàn)

第4章 列表

4.1 列表簡介

4.2 無序列表

4.3 有序列表

4.3.1 有序列表及其編號樣式

4.3.2 編號起始值

4.3.3 列表項(xiàng)樣式

4.3.4 列表項(xiàng)編號

4.4 嵌套列表

4.5 定義列表

4.6 菜單列表和目錄列表

4.7 實(shí)例

小結(jié)

習(xí)題

實(shí)驗(yàn)

第5章 超級鏈接

5.1 超鏈接簡介

5.2 創(chuàng)建超鏈接

5.2.1 設(shè)置超鏈接路徑

5.2.2 內(nèi)部鏈接

5.2.3 外部鏈接

5.3 鏈接對象

5.3.1 圖片鏈接

5.3.2 書簽鏈接

5.3.3 電子郵件鏈接

5.3.4 FTP鏈接

5.3.5 下載文件的鏈接

5.4 圖像映射

5.5 實(shí)例

小結(jié)

習(xí)題

實(shí)驗(yàn)

第6章 表格

6.1 表格

6.2 表格標(biāo)記

6.2.1 表格標(biāo)記簡介

6.2.2 表格標(biāo)題

6.2.3 表格表頭

6.2.4 設(shè)置劃分結(jié)構(gòu)的表格

6.3 表格屬性修飾

6.3.1 設(shè)置表格的邊框?qū)傩?/p>

6.3.2 設(shè)置表格的寬度和高度

6.3.3 設(shè)置表格的背景顏色

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

6.3.5 設(shè)置邊框樣式

6.3.6 設(shè)置表格單元格間距

6.3.7 設(shè)置表格單元格邊距

6.3.8 設(shè)置表格的水平對齊屬性

6.4 設(shè)置表格行的屬性

6.4.1 行內(nèi)容水平對齊

6.4.2 行內(nèi)容垂直對齊

6.5 設(shè)置表格中某一單元格的屬性

6.5.1 設(shè)置單元格跨行

6.5.2 設(shè)置單元格跨列

6.6 表格嵌套

6.7 實(shí)例

小結(jié)

習(xí)題

實(shí)驗(yàn)

第7章 使用框架創(chuàng)建多頁面布局

7.1 框架簡介

7.1.1 什么是框架

7.1.2 框架的基本結(jié)構(gòu)

7.2 框架的設(shè)置

7.2.1 窗口的水平分割

7.2.2 窗口的垂直分割

7.2.3 窗口的嵌套分割

7.2.4 框架的邊框

7.2.5 框架的隱藏

7.3 子窗口的設(shè)置

7.3.1 指定子窗口顯示網(wǎng)頁

7.3.2 定義子窗口名稱

7.3.3 控制子窗口滾動條

7.3.4 調(diào)整子窗口的尺寸

7.3.5 設(shè)置子窗口的邊距

7.4 浮動框架

7.5 實(shí)例

小結(jié)

習(xí)題

實(shí)驗(yàn)

第8章 表單

8.1 表單

8.2 輸入

8.2.1 單行文本輸入框

8.2.2 提交按鈕和重置按鈕

8.2.3 密碼輸入框

8.2.4 復(fù)選框

8.2.5 單選框

8.2.6 圖像按鈕

8.2.7 文件選擇輸入框

8.2.8 隱藏框

8.3 多行文本輸入框

8.4 下拉列表框

8.5 實(shí)例

小結(jié)

習(xí)題

實(shí)驗(yàn)

第9章 網(wǎng)頁中的多媒體應(yīng)用

9.1 圖片

9.1.1 圖片標(biāo)記

9.1.2 指定圖像的高與寬

9.1.3 指定圖像的間距

9.1.4 指定圖像的對齊方式

9.1.5 指定圖片的邊框與文字說明

9.2 滾動文字

9.3 背景音樂

9.4 其他多媒體文件

9.5 實(shí)例

小結(jié)

習(xí)題

實(shí)驗(yàn)

第10章 使用CSS格式化網(wǎng)頁

10.1 理解CSS

10.1.1 CSS簡介

10.1.2 CSS構(gòu)造

10.2 樣式表的定義與使用

10.2.1 定義標(biāo)記的style屬性

10.2.2 定義內(nèi)部樣式表

10.2.3 嵌入外部樣式表

10.2.4 鏈接外部樣式表

10.3 定義選擇符

10.3.1 按照名稱選擇元素

10.3.2 按照id和class選擇元素

10.3.3 按照上下文選擇元素

10.3.4 選擇元素的一部分

10.3.5 指定元素組

10.4 文字與排版樣式的使用

10.4.1 長度。百分比單位

10.4.2 文字樣式屬性

10.4.3 排版樣式屬性

10.5 背景與顏色的使用

10.5.1 設(shè)置顏色方法

10.5.2 背景顏色的屬性

10.5.3 背景圖片的屬性

10.6 美化網(wǎng)頁與超鏈接的設(shè)置

10.6.1 設(shè)置網(wǎng)頁鏈接屬性

10.6.2 設(shè)置滾動條屬性

10.6.3 設(shè)置光標(biāo)屬性

10.7 矩形模塊的概念與使用

10.7.1 矩形模塊

10.7.2 設(shè)置邊界

10.7.3 設(shè)置元素邊框

10.7.4 設(shè)置元素內(nèi)邊界

10.8 CSS的進(jìn)階應(yīng)用

10.8.1 區(qū)域組件

10.8.2 列表

10.9 實(shí)例

小結(jié)

習(xí)題

實(shí)驗(yàn)

第11章 JavaScript基礎(chǔ)

11.1 JavaScript起步

11.1.1 JavaScript簡介

11.1.2 JavaScript實(shí)例

11.1.3 JavaScript放置和運(yùn)行

11.2 JavaScript程序

11.2.1 語句和語句塊

11.2.2 函數(shù)

11.2.3 常用系統(tǒng)函數(shù)

11.2.4 消息對話框

11.2.5 注釋

11.3 標(biāo)識符和變量

11.3.1 關(guān)于命名的規(guī)定

11.3.2 JavaScript的數(shù)據(jù)類型

11.3.3 變量

11.3.4 轉(zhuǎn)義字符

11.4 運(yùn)算符和表達(dá)式

11.4.1 算術(shù)運(yùn)算符和表達(dá)式

11.4.2 賦值運(yùn)算符和表達(dá)式

11.4.3 關(guān)系運(yùn)算符和表達(dá)式

11.4.4 邏輯運(yùn)算符和表達(dá)式

11.4.5 條件運(yùn)算符和表達(dá)式

11.4.6 其他運(yùn)算符和表達(dá)式

11.5 JavaScript程序控制結(jié)構(gòu)

11.5.1 順序程序

11.5.2 分支程序

11.5.3 循環(huán)程序

11.6 對象

11.6.1 對象簡介

11.6.2 核心對象

11.6.3 文檔

11.6.4 窗口

11.7 事件編程

11.7.1 事件簡介

11.7.2 表單事件

11.7.3 鼠標(biāo)事件

11.7.4 鍵盤事件

11.7.5 頁面載入和離開

11.8 實(shí)例

小結(jié)

習(xí)題

實(shí)驗(yàn)

第12章 綜合案例——班級網(wǎng)站的設(shè)計

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

12.1.1 網(wǎng)站制作流程

12.1.2 風(fēng)格設(shè)計

12.1.3 欄目設(shè)計

12.1.4 網(wǎng)頁布局

12.1.5 網(wǎng)頁基本元素設(shè)計

12.2 網(wǎng)站實(shí)現(xiàn)

12.2.1 班級網(wǎng)站的主題及欄目

12.2.2 首頁的實(shí)現(xiàn)

12.2.3 其他欄目的實(shí)現(xiàn)

12.3 網(wǎng)站發(fā)布

12.3.1 安裝IIS服務(wù)器

12.3.2 建立虛擬目錄

12.3.3 管理站點(diǎn)

12.3.4 網(wǎng)站的推廣宣傳

小結(jié)

附錄AHTML標(biāo)記

附錄BJS對象

附錄CDOM對象

參考文獻(xiàn)