基于Web標準的網(wǎng)頁設計與制作

內容概要

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

作者簡介

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

書籍目錄

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

章節(jié)摘錄

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

圖書封面

圖書標簽Tags

無

評論、評分、閱讀與下載

---

    基于Web標準的網(wǎng)頁設計與制作 PDF格式下載

---