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

第1章  網(wǎng)頁設(shè)計(jì)基礎(chǔ)
  1.1  全面認(rèn)識網(wǎng)頁
    1.1.1  網(wǎng)站、網(wǎng)頁和主頁
    1.1.2  網(wǎng)頁設(shè)計(jì)的基本原則
  1.2  網(wǎng)頁的基本組成元素
    1.2.1  網(wǎng)頁中的文本
    1.2.2  網(wǎng)頁中的圖片與動(dòng)畫
    1.2.3  網(wǎng)頁中的動(dòng)畫
  1.3  網(wǎng)頁制作工具
    1.3.1  網(wǎng)頁布局軟件Dreamweaver
    1.3.2  圖形圖像處理軟件Photoshop
    1.3.3  動(dòng)畫制作軟件Flash
    1.3.4  軟件間的相互關(guān)系
第2章  網(wǎng)頁標(biāo)記語言HTML
  2.1  HTML概述
    2.1.1  HTML的基本概念
    2.1.2  HTML的歷史
    2.1.3  HTML的基本結(jié)構(gòu)
    2.1.4  HTML的語法規(guī)則
  2.2  文字與段落標(biāo)記
    2.2.1  標(biāo)題標(biāo)記
    2.2.2  文字格式標(biāo)記
    2.2.3  字型設(shè)置標(biāo)記
    2.2.4  段落標(biāo)記和換行標(biāo)記
    2.2.5  水平線標(biāo)記
    2.2.6  其他標(biāo)記
  2.3  清單標(biāo)記
    2.3.1  無序清單標(biāo)記
    2.3.2  有序清單標(biāo)記
    2.3.3  自定義清單標(biāo)記
  2.4  表格標(biāo)記
  2.5  圖形和多媒體標(biāo)記
    2.5.1  圖形標(biāo)記
    2.5.2  音頻標(biāo)記
    2.5.3  Embed標(biāo)記
  2.6  超鏈接標(biāo)記
  2.7  表單標(biāo)記
  2.8  框架標(biāo)記
第3章  Web標(biāo)準(zhǔn)概述
  3.1  理解Web標(biāo)準(zhǔn)
    3.1.1  什么是Web標(biāo)準(zhǔn)
    3.1.2  Web標(biāo)準(zhǔn)的歷史
  3.2  Web標(biāo)準(zhǔn)的構(gòu)成
    3.2.1  結(jié)構(gòu)
    3.2.2  表現(xiàn)
    3.2.3  行為
  3.3  為什么選擇Web標(biāo)準(zhǔn)
  3.4  量化Web標(biāo)準(zhǔn)
    3.4.1  大部分通過W3C校驗(yàn)的網(wǎng)站只是偽標(biāo)準(zhǔn)
    3.4.2  Web標(biāo)準(zhǔn)要求一覽表
    3.4.3  是追求標(biāo)準(zhǔn)還是理解標(biāo)準(zhǔn)
第4章  S與CSS入門
  4.1  S與CSS
    4.1.1  XHTML與S
    4.1.2  XHTML與CSS
    4.1.3  定義文檔類型
  4.2  CSS語法基礎(chǔ)
    4.2.1  CSS屬性與選擇符
    4.2.2  樣式表中的注釋
    4.2.3  通配選擇符
    4.2.4  類型選擇符
    4.2.5  群組選擇符
    4.2.6  包含選擇符
    4.2.7  id及class選擇符
    4.2.8  組合選擇符
    4.2.9  偽類及偽對象
  4.3  CSS數(shù)值單位
  4.4  應(yīng)用CSS到網(wǎng)頁
    4.4.1  外聯(lián)樣式表
    4.4.2  嵌入樣式表
    4.4.3  內(nèi)聯(lián)樣式表
  4.5  CSS的應(yīng)用原則
    4.5.1  CSS的繼承特性
    4.5.2  CSS的層疊特性
    4.5.3  ！ important語法
第5章  網(wǎng)頁中的元素
  5.1  XHTML檔結(jié)構(gòu)
  5.2  XHTML素的分類
    5.2.1  頂級元素
    5.2.2  塊級元素
    5.2.3  行內(nèi)元素
    5.2.4  可變元素
  5.3  塊級元素和行內(nèi)元素的區(qū)別
第6章  DIV+CSS與盒子模型
  6.1  理解DIV+CSS
    6.1.l  認(rèn)識DIV
    6.1.2  DIV+CSS的實(shí)質(zhì)
    6.1.3  DIV+CSS布局頁面的優(yōu)劣
  6.2  盒子模型
    6.2.1  盒子模型的結(jié)構(gòu)
    6.2.2  Border
    6.2.3  margin(外邊距)
    6.2.4  padding(內(nèi)邊距)
    6.2.5  background(背景)
    6.2.6  盒子尺寸相關(guān)問題
    6.2.7  行內(nèi)元素的盒子模型
    6.2.8  display屬性
    6.2.9  盒子模型的調(diào)試
第7章  頁面的布局與定位
  7.1  標(biāo)準(zhǔn)文檔流
  7.2  標(biāo)準(zhǔn)流下盒子的定位原則
    7.2.1  包含塊
    7.2.2  標(biāo)準(zhǔn)流下定位分析
    7.2.3  匿名框(Anonymous boxes)
    7.2.4  水平屬性設(shè)為“auto”
    7.2.5  垂直屬性設(shè)為“auto”
    7.2.6  Height和line-height
    7.2.7  標(biāo)準(zhǔn)流下盒子之間的關(guān)系
  7.3  盒子的定位
    7.3.1  static(靜態(tài)定位)
    7.3.2  relative(相對定位)
    7.3.3  absolute(絕對定位)
    7.3.4  fixed(固定定位)
    7.3.5  z-index(堆疊順序)
  7.4  盒子的浮動(dòng)
    7.4.1  浮動(dòng)的定義
    7.4.2  浮動(dòng)的作用
    7.4.3  浮動(dòng)的規(guī)則
    7.4.4  浮動(dòng)的理解
    7.4.5  Clear屬性
    7.4.6  浮動(dòng)的清除
第8章  瀏覽器兼容與常見問題
  8.1  瀏覽器兼容性問題
  8.2  CSS hack技術(shù)
    8.2.1  CSS hack的順序
    8.2.2  常用的CSS hack的方法
    8.2.3  CSS hack使用建議
  8.3  IE的條件注釋功能
  8.4  IE的特有屬性haslayout
    8.4.1  haslayout的定義
    8.4.2  默認(rèn)haslayout的元素
    8.4.3  觸發(fā)haslayout的方法
    8.4.4  與haslayout相關(guān)的IE常見bug
  8.5  針對IE bug的統(tǒng)計(jì)和通用hack
    8.5.1  IE bug統(tǒng)計(jì)
    8.5.2  常見的IE bug的解決方法
第9章  網(wǎng)頁布局剖析
  9.1  網(wǎng)頁布局原則
  9.2  網(wǎng)頁布局方法
  9.3  常見網(wǎng)頁布局形式
  9.4  網(wǎng)頁布局技術(shù)
    9.4.1  網(wǎng)頁布局技術(shù)相關(guān)概念
    9.4.2  網(wǎng)頁布局技術(shù)的比較
  9.5  固定布局的柵格系統(tǒng)
    9.5.1  柵格系統(tǒng)的設(shè)計(jì)原理
    9.5.2  柵格系統(tǒng)中的960
    9.5.3  960柵格系統(tǒng)常見的切割分法
    9.5.4  網(wǎng)頁柵格化實(shí)例
    9.5.5  柵格系統(tǒng)的優(yōu)劣
    9.5.6  柵格系統(tǒng)的實(shí)現(xiàn)
  9.6  網(wǎng)站布局實(shí)例
    9.6.1  單列居中
    9.6.2  兩列布局
    9.6.3  三列布局
第10章  網(wǎng)頁元素與內(nèi)容排版
  10.1  文字
    10.1.1  字體分類和設(shè)置
    10.1.2  字體的使用原則
    10.1.3  字體粗細(xì)
    10.1.4  字體大小
    10.1.5  字體樣式
    10.1.6  字體裝飾與控制
    10.1.7  字體屬性的簡寫形式
  10.2  段落樣式設(shè)置
    10.2.1  行高與行長
    10.2.2對齊與縮進(jìn)
  10.3  圖片的樣式和效果
    10.3.1  基本設(shè)置
    10.3.2  圖片的裁切
    10.3.3  圖片代替文字
    10.3.4  圖片的投影效果
  10.4  鏈接
    10.4.1  鏈接控制
    10.4.2  鏈接鼠標(biāo)指針樣式
    10.4.3  按鈕式鏈接
    10.4.4  圖片翻轉(zhuǎn)鏈接
    10.4.5  面包屑導(dǎo)航鏈接
  10.5  項(xiàng)目列表
    10.5.1  基本列表分類
    10.5.2  無序項(xiàng)目列表應(yīng)用
    10.5.3  有序項(xiàng)目列表應(yīng)用
  10.6  導(dǎo)航設(shè)計(jì)
    10.6.1  橫向?qū)Ш?br />    10.6.2  縱向?qū)Ш?br />  10.7  排版控制
    10.7.1  文字排版
    10.7.2  圖文混排
  10.8  CSS重置—CSS Reset
    10.8.1  CSS Reset的歷史
    10.8.2  CSS Reset的濫用
    10.8.3  CSS Reset的不足
    10.8.4  CSS Reset未必有必要
第11章  使用Dreamweaver CS5進(jìn)行網(wǎng)頁設(shè)計(jì)
  11.1  安裝Dreamweaver CS5
  11.2  認(rèn)識Dreamweaver CS5界面
    11.2.1  工作區(qū)
    11.2.2  菜單欄
    11.2.3  文檔工具欄
    11.2.4  文檔窗口
    11.2.5  屬性檢查器
    11.2.6  面板群組
    11.2.7  狀態(tài)欄
  11.3  Dreamweaver CS5的首選參數(shù)
    11.3.1  常規(guī)首選參數(shù)
    11.3.2  字體首選參數(shù)
    11.3.3  站點(diǎn)文件傳輸首選參數(shù)
    11.3.4  設(shè)置默認(rèn)文檔類型和編碼
    11.3.5  設(shè)置編碼首選參數(shù)
  11.4  創(chuàng)建和管理站點(diǎn)
    11.4.1  設(shè)置新站點(diǎn)
    11.4.2  管理站點(diǎn)
  11.5  創(chuàng)建和管理文件
    11.5.1  創(chuàng)建空白頁和空模板
    11.5.2  創(chuàng)建基于現(xiàn)有模板的頁面
    11.5.3  創(chuàng)建基于Dreamweaver示例文件的頁面
    11.5.4  使用文件面板
    11.5.5  上傳和獲取文件
參考文獻(xiàn)