基于Web標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計與制作

內(nèi)容概要

　　《基于Web標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計與制作》全面介紹了基于Web標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計與制作技術(shù)，采用“原理+實(shí)例+綜合案例”的編排方式，所有實(shí)例都根據(jù)所涉及的原理編排在相關(guān)的原理之后，使讀者能迅速理解有關(guān)原理的用途?！痘赪eb標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計與制作》分為7章，內(nèi)容包括網(wǎng)頁與網(wǎng)站的相關(guān)知識、HTML語言和XHTML標(biāo)準(zhǔn)、CSS網(wǎng)頁樣式和布局設(shè)計、Fireworks美工設(shè)計、網(wǎng)站開發(fā)和網(wǎng)頁設(shè)計的過程與案例，以及JavaScript和jQuery前臺腳本編程技術(shù)。
　　全書遵循Web標(biāo)準(zhǔn)，強(qiáng)調(diào)原理性與實(shí)用性，技術(shù)與美工并重，注重介紹網(wǎng)頁設(shè)計與制作中的基本理論和前沿技術(shù)，摒棄了一些過時的網(wǎng)頁制作技術(shù)。
　　《基于Web標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計與制作》可作為高等院校各專業(yè)“網(wǎng)頁設(shè)計與制作”課程的教材，也可作為網(wǎng)頁設(shè)計、網(wǎng)站制作的培訓(xùn)類教材，還可供網(wǎng)頁設(shè)計和開發(fā)人員參考使用。

作者簡介

唐四薪 1980年11月生，湖南湘潭人，碩士，講師

書籍目錄

第1章 網(wǎng)頁設(shè)計概述
1.1 網(wǎng)頁設(shè)計的兩個基本問題
1.2 網(wǎng)頁與網(wǎng)站
1.2.1 什么是網(wǎng)頁
1.2.2 網(wǎng)頁設(shè)計語言——HTML簡介
1.2.3 網(wǎng)頁和網(wǎng)站的開發(fā)工具介紹
1.2.4 網(wǎng)站的含義和特點(diǎn)
1.3 Web服務(wù)器和瀏覽器
1.3.1 Web服務(wù)器的作用
1.3.2 瀏覽器的種類和作用
1.4 靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁
1.5 域名與主機(jī)的關(guān)系
1.6 URL的含義和結(jié)構(gòu)
習(xí)題
第2章 HTML、XHTML和Web標(biāo)準(zhǔn)
2.1 HTML文檔的基本結(jié)構(gòu)
2.1.1 使用記事本編輯一個HTML文件
2.1.2 認(rèn)識DreamweaverCS
2.1.3 使用DW新建一個HTML文件
2.2 標(biāo)記和元素
2.2.1 標(biāo)記的概念
2.2.2 標(biāo)記帶有屬性時的結(jié)構(gòu)
2.2.3 HTML標(biāo)記的分類
2.2.4 常見的HTML標(biāo)記
2.2.5 常見的HTML標(biāo)記的屬性
2.2.6 元素的概念
2.2.7 行內(nèi)元素和塊級元素
2.3 從HTML到XHTML的轉(zhuǎn)變
2.3.1 HTML存在的問題
2.3.2 Web標(biāo)準(zhǔn)的含義
2.3.3 文檔類型的含義和選擇
2.3.4 XHTML與HTML的重要區(qū)別
習(xí)題
第3章 HTML標(biāo)記
3.1 文本格式標(biāo)記
3.1.1 文本排版
3.1.2 文本的換行和空格
3.1.3 文本中的特殊字符
3.2 文本修飾標(biāo)記（字體標(biāo)記）
3.3 列表標(biāo)記
3.4 利用DW代碼視圖提高效率
3.4.1 代碼提示
3.4.2 代碼折疊
3.4.3 拆分視圖和代碼快速定位
3.4.4 DW中的常用快捷鍵
3.5 圖像標(biāo)記[img]
3.5.1 網(wǎng)頁中插入圖像的兩種方法
3.5.2 網(wǎng)頁中支持的圖像格式
3.5.3 在單元格中插入圖片的方法
3.5.4 [img]插入圖像的對齊方式
3.6 超鏈接標(biāo)記[a]
3.6.1 絕對URL和相對URL
3.6.2 超鏈接的源對象：文本.圖像.熱區(qū)
3.6.3 超鏈接的種類（href屬性的取值）
3.6.4 超鏈接目標(biāo)的打開方式
3.6.5 超鏈接制作的原則
3.6.6 DW中超鏈接屬性面板的使用
3.7 Flash及媒體元素的插入
3.7.1 插入Flash的兩種方法
3.7.2 在圖像上放置透明Flash
3.7.3 插入視頻或音頻文件
3.8 表格標(biāo)記（[table].[tr].[td])
3.8.1 表格標(biāo)記（[table].[tr].[td]）及其屬性
3.8.2 在DW中操作表格的方法
3.8.3 制作固定寬度的表格
3.8.4 用普通表格與布局表格分別進(jìn)行網(wǎng)頁布局
3.8.5 特殊效果表格的制作
3.9 表單標(biāo)記([form].[input].[select])
3.9.1 表單標(biāo)記[form]
3.9.2 [input]標(biāo)記
3.9.3 [select]和[option]標(biāo)記
3.9.4 多行文本域標(biāo)記[textarea]
3.9.5 表單中的按鈕
3.9.6 表單數(shù)據(jù)的傳遞過程
3.9.7 表單的輔助標(biāo)記
3.9.8 利用行為檢查表單的輸入
3.1 0框架標(biāo)記??
3.1 0.1 框架的作用
3.1 0.2 [frameset]標(biāo)記
3.1 0.3 [frame/]標(biāo)記
3.1 0.4 用DW制作框架網(wǎng)頁
3.1 0.5 嵌入式框架標(biāo)記[iframe]
3.1 1容器標(biāo)記（div.span)??
3.1 2頭部標(biāo)記??
習(xí)題
第4章 CSS
4.1 CSS基礎(chǔ)
4.1.1 CSS的語法
4.1.2 在HTML中引入CSS的方法
4.1.3 選擇器的分類
4.1.4 CSS的層疊性
4.1.5 CSS的繼承性
4.1.6 選擇器的組合
4.1.7 CSS2.1 新增加的選擇器簡介
4.1.8 CSS樣式的總體設(shè)計原則
4.1.9 DW對CSS的可視化編輯支持
4.2 應(yīng)用CSS修飾文本和超鏈接
4.2.1 CSS文本修飾
4.2.2 CSS動態(tài)超鏈接
4.3 CSS屬性的值和單位
4.4 CSS的濾鏡屬性??
4.5 盒子模型及標(biāo)準(zhǔn)流下的定位
4.5.1 盒子模型基礎(chǔ)
4.5.2 盒子模型的應(yīng)用
4.5.3 盒子在標(biāo)準(zhǔn)流下的定位原則
4.6 背景的控制
4.6.1 CSS的背景屬性
4.6.2 背景的基本運(yùn)用技術(shù)
4.6.3 滑動門技術(shù)——背景的高級運(yùn)用
4.6.4 背景圖案的翻轉(zhuǎn)——控制背景的顯示區(qū)域
4.6.5 CSS圓角設(shè)計
4.7 盒子的浮動
4.7.1 盒子浮動后的特點(diǎn)
4.7.2 浮動的清除
4.7.3 浮動的瀏覽器解釋問題
4.7.4 浮動的應(yīng)用舉例..
4.8 相對定位和絕對定位
4.8.1 定位屬性和偏移屬性
4.8.2 相對定位
4.8.3 相對定位的應(yīng)用舉例
4.8.4 絕對定位
4.8.5 絕對定位的應(yīng)用舉例
4.8.6 DW中定位屬性面板介紹
4.8.7 與position屬性有關(guān)的CSS屬性
4.8.8 hover偽類的應(yīng)用總結(jié)??
4.9 CSS+div布局
4.9.1 分欄布局的種類
4.9.2 固定寬度布局
4.9.3 可變寬度布局
4.10 解決CSS瀏覽器兼容問題的基本方法??
4.11 CSS3新增功能和屬性一瞥??
習(xí)題
第5章 Fireworks
5.1 Fireworks基礎(chǔ)
5.1.1 矢量圖和位圖的概念
5.1.2 認(rèn)識Fireworks的界面
5.1.3 新建.打開和導(dǎo)入文件
5.1.4 畫布和圖像的調(diào)整
5.1.5 輔助設(shè)計工具的使用
5.2 操作對象
5.2.1 對象和圖層的概念
5.2.2 選擇.移動和對齊對象
5.2.3 變形和扭曲
5.2.4 改變對象的疊放次序
5.2.5 設(shè)置對象的不透明度
5.2.6 操作對象的快捷鍵
5.3 編輯位圖
5.3.1 創(chuàng)建和取消選區(qū)
5.3.2 編輯選區(qū)中的像素區(qū)域
5.4 繪制矢量圖形
5.4.1 創(chuàng)建矢量圖形
5.4.2 調(diào)整矢量線條
5.4.3 路徑的切割和組合
5.4.4 路徑和選區(qū)的相互轉(zhuǎn)換
5.5 文本對象的使用
5.5.1 文本編輯和修飾的過程舉例
5.5.2 特殊文字效果制作舉例
5.5.3 將文本附加到路徑
5.6 蒙板
5.6.1 使用“粘貼于內(nèi)部”創(chuàng)建矢量蒙板
5.6.2 創(chuàng)建位圖蒙板
5.7 簡單GIF動畫的制作??
5.7.1 使用補(bǔ)間實(shí)例制作動畫
5.7.2 制作蒙板動畫
5.8 切片及導(dǎo)出
5.8.1 切片的作用
5.8.2 切片的基本操作
5.8.3 切片的實(shí)例
習(xí)題
第6章 網(wǎng)站開發(fā)和網(wǎng)頁設(shè)計的過程
6.1 網(wǎng)站開發(fā)的過程
6.1.1 基本任務(wù)和角色
6.1.2 網(wǎng)站開發(fā)過程的各環(huán)節(jié)
6.2 遵循Web標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計步驟
6.2.1 網(wǎng)頁設(shè)計步驟概述
6.2.2 內(nèi)容分析
6.2.3 HTML結(jié)構(gòu)設(shè)計
6.2.4 原型設(shè)計
6.2.5 網(wǎng)頁效果圖設(shè)計
6.2.6 布局設(shè)計
6.2.7 視覺設(shè)計
6.2.8 交互效果設(shè)計
6.2.9 總結(jié)CSS布局的優(yōu)點(diǎn)
6.3 網(wǎng)站的風(fēng)格設(shè)計
6.3.1 網(wǎng)站風(fēng)格設(shè)計的基本原則
6.3.2 網(wǎng)頁色彩的搭配
6.3.3 網(wǎng)頁版式設(shè)計
6.4 網(wǎng)站的欄目規(guī)劃和目錄結(jié)構(gòu)設(shè)計
6.4.1 網(wǎng)站的欄目規(guī)劃
6.4.2 網(wǎng)站的目錄結(jié)構(gòu)設(shè)計
6.5 網(wǎng)站的導(dǎo)航設(shè)計??
6.5.1 導(dǎo)航的實(shí)現(xiàn)方法
6.5.2 導(dǎo)航的設(shè)計策略
6.6 網(wǎng)站的環(huán)境準(zhǔn)備??
6.6.1 架設(shè)網(wǎng)站的基本條件
6.6.2 購買主機(jī)空間和域名
6.6.3 配置主機(jī)空間和域名
6.6.4 上傳網(wǎng)站
6.7 網(wǎng)站費(fèi)用估算??
習(xí)題
第7章 JavaScript
7.1 JavaScript簡介
7.1.1 JavaScript的特點(diǎn)
7.1.2 JavaScript的用途
7.1.3 網(wǎng)頁中插入JavaScript腳本的方法
7.2 JavaScript語言基礎(chǔ)
7.2.1 JavaScript的變量
7.2.2 JavaScript的運(yùn)算符
7.2.3 JavaScript數(shù)據(jù)類型
7.2.4 JavaScript的保留字
7.2.5 JavaScript語句
7.2.6 函數(shù)
7.3 對象
7.3.1 JavaScript對象
7.3.2 with語句
7.3.3 this關(guān)鍵字
7.3.4 JavaScript內(nèi)置對象
7.4 瀏覽器對象模型BOM
7.4.1 window對象
7.4.2 location對象
7.4.3 history對象
7.4.4 navigator對象
7.4.5 document對象
7.4.6 screen對象
7.5 文檔對象模型DOM
7.5.1 網(wǎng)頁中的DOM模型
7.5.2 使用DOM模型
7.5.3 訪問CSS樣式
7.5.4 用DOM控制表單
7.6 事件處理
7.6.1 事件流
7.6.2 處理事件的兩種方法
7.6.3 瀏覽器中的常用事件
7.6.4 事件對象
7.6.5 制作隔行和動態(tài)變色的表格
7.6.6 DOM和事件編程實(shí)例
7.7 DWCS3對JavaScript的支持
7.7.1 行為面板
7.7.2 時間軸特效
7.7.3 Spry框架
7.8 jQuery框架使用入門
7.8.1 jQuery框架的功能
7.8.2 下載并使用jQuery
7.8.3 jQuery中的“$”及其作用
7.8.4 jQuery中的選擇器
7.8.5 jQuery中的常用方法
7.8.6 jQuery的應(yīng)用舉例
7.8.7 jQuery的插件應(yīng)用舉例
習(xí)題
參考文獻(xiàn)

章節(jié)摘錄

版權(quán)頁：   插圖：   6.4 網(wǎng)站的欄目規(guī)劃和目錄結(jié)構(gòu)設(shè)計 網(wǎng)站中的內(nèi)容是根據(jù)網(wǎng)站的欄目組織起來的，所以網(wǎng)站欄目相當(dāng)于網(wǎng)站的邏輯結(jié)構(gòu)，而通常都要將網(wǎng)站每個欄目中的網(wǎng)頁分門別類地放在不同的網(wǎng)站子目錄中，所以網(wǎng)站的目錄結(jié)構(gòu)可看成是網(wǎng)站的物理結(jié)構(gòu)。本節(jié)將分別討論網(wǎng)站的欄目規(guī)劃和目錄結(jié)構(gòu)設(shè)計。 6.4.1 網(wǎng)站的欄目規(guī)劃 欄目規(guī)劃的主要任務(wù)是對所收集的大量內(nèi)容進(jìn)行有效篩選，并將它們組織成一個合理的易于理解的邏輯結(jié)構(gòu)。成功的欄目規(guī)劃不僅能給用戶的訪問帶來極大的便利，幫助用戶準(zhǔn)確地了解網(wǎng)站所提供的內(nèi)容和服務(wù)，以及快速找到自己所感興趣的網(wǎng)頁，還能幫助網(wǎng)站管理員對網(wǎng)站進(jìn)行更為高效的管理。 1.建立層次型結(jié)構(gòu) 網(wǎng)站通常都采用層次型的欄目結(jié)構(gòu)，即從上到下逐級確定每一層的欄目。首先是確定第一層，即網(wǎng)站分為哪幾個主欄目，然后對其中的重點(diǎn)欄目進(jìn)行進(jìn)一步規(guī)劃，確定它們所必需的子欄目，即二級欄目。以此類推直至欄目不需要再細(xì)分為止。將所有的欄目及其子欄目連在一起就形成了網(wǎng)站的層次型結(jié)構(gòu)。 例如6.2節(jié)中的“信息與網(wǎng)絡(luò)中心”網(wǎng)站，它在第一層設(shè)置了“中心簡介”、“政策法規(guī)”、“常用下載”三個重點(diǎn)欄目和“技術(shù)支持”、“聯(lián)系我們”和“辦公系統(tǒng)”三個其他欄目，然后對每一個重點(diǎn)欄目又進(jìn)行了更細(xì)的規(guī)劃，比如“中心簡介”又分為“部門簡介”、“機(jī)構(gòu)設(shè)置”和“人員簡介”三個二級欄目。將這些欄目及其子欄目連在一起，就可以清楚地看到這個網(wǎng)站的層次型結(jié)構(gòu)，如圖6-51所示。 2.設(shè)計每一個欄目 層次型邏輯結(jié)構(gòu)的建立只是對網(wǎng)站的欄目進(jìn)行了總體的規(guī)劃，接下來要做的是對每個欄目或者子欄目進(jìn)行更細(xì)致的設(shè)計。設(shè)計一個欄目通常需要做以下三件事情： 首先是描述這個欄目的目的、服務(wù)對象、內(nèi)容、資料來源等。 其次是設(shè)計這個欄目的實(shí)現(xiàn)方法，即設(shè)計這個欄目的網(wǎng)頁構(gòu)成。各個網(wǎng)頁之間的邏輯關(guān)系等。 最后還要設(shè)計這個欄目和其他欄目之間的關(guān)系，雖然網(wǎng)站分為不同的欄目，欄目與欄目之間相對獨(dú)立，但有時各個層次之間的欄目還存在著某種關(guān)聯(lián)，比如“技術(shù)支持”欄目中的某些內(nèi)容是告訴瀏覽者怎樣使用某個軟件的，這時可以在該頁中放置“常用軟件”欄目中提供的相關(guān)軟件供瀏覽者下載；又如最好讓“中心簡介”下的各個欄目頁打開都能看到“聯(lián)系我們”欄目中的聯(lián)系方式，使瀏覽者在了解網(wǎng)絡(luò)中心的同時就能知道它的聯(lián)系方式。所以設(shè)計欄目之間關(guān)聯(lián)的工作，就是找出各個欄目之間可以共享的內(nèi)容，并確定采用什么樣的方式將它們串聯(lián)起來。

圖書封面

圖書標(biāo)簽Tags

無

評論、評分、閱讀與下載

---

    基于Web標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計與制作 PDF格式下載

---