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

第1章  網(wǎng)頁設(shè)計基礎(chǔ)
  1.1  全面認識網(wǎng)頁
    1.1.1  網(wǎng)站、網(wǎng)頁和主頁
    1.1.2  網(wǎng)頁設(shè)計的基本原則
  1.2  網(wǎng)頁的基本組成元素
    1.2.1  網(wǎng)頁中的文本
    1.2.2  網(wǎng)頁中的圖片與動畫
    1.2.3  網(wǎng)頁中的動畫
  1.3  網(wǎng)頁制作工具
    1.3.1  網(wǎng)頁布局軟件Dreamweaver
    1.3.2  圖形圖像處理軟件Photoshop
    1.3.3  動畫制作軟件Flash
    1.3.4  軟件間的相互關(guān)系
第2章  網(wǎng)頁標記語言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  文字與段落標記
    2.2.1  標題標記
    2.2.2  文字格式標記
    2.2.3  字型設(shè)置標記
    2.2.4  段落標記和換行標記
    2.2.5  水平線標記
    2.2.6  其他標記
  2.3  清單標記
    2.3.1  無序清單標記
    2.3.2  有序清單標記
    2.3.3  自定義清單標記
  2.4  表格標記
  2.5  圖形和多媒體標記
    2.5.1  圖形標記
    2.5.2  音頻標記
    2.5.3  Embed標記
  2.6  超鏈接標記
  2.7  表單標記
  2.8  框架標記
第3章  Web標準概述
  3.1  理解Web標準
    3.1.1  什么是Web標準
    3.1.2  Web標準的歷史
  3.2  Web標準的構(gòu)成
    3.2.1  結(jié)構(gòu)
    3.2.2  表現(xiàn)
    3.2.3  行為
  3.3  為什么選擇Web標準
  3.4  量化Web標準
    3.4.1  大部分通過W3C校驗的網(wǎng)站只是偽標準
    3.4.2  Web標準要求一覽表
    3.4.3  是追求標準還是理解標準
第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  認識DIV
    6.1.2  DIV+CSS的實質(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  標準文檔流
  7.2  標準流下盒子的定位原則
    7.2.1  包含塊
    7.2.2  標準流下定位分析
    7.2.3  匿名框(Anonymous boxes)
    7.2.4  水平屬性設(shè)為“auto”
    7.2.5  垂直屬性設(shè)為“auto”
    7.2.6  Height和line-height
    7.2.7  標準流下盒子之間的關(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  盒子的浮動
    7.4.1  浮動的定義
    7.4.2  浮動的作用
    7.4.3  浮動的規(guī)則
    7.4.4  浮動的理解
    7.4.5  Clear屬性
    7.4.6  浮動的清除
第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  默認haslayout的元素
    8.4.3  觸發(fā)haslayout的方法
    8.4.4  與haslayout相關(guān)的IE常見bug
  8.5  針對IE bug的統(tǒng)計和通用hack
    8.5.1  IE bug統(tǒng)計
    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è)計原理
    9.5.2  柵格系統(tǒng)中的960
    9.5.3  960柵格系統(tǒng)常見的切割分法
    9.5.4  網(wǎng)頁柵格化實例
    9.5.5  柵格系統(tǒng)的優(yōu)劣
    9.5.6  柵格系統(tǒng)的實現(xiàn)
  9.6  網(wǎng)站布局實例
    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  字體粗細
    10.1.4  字體大小
    10.1.5  字體樣式
    10.1.6  字體裝飾與控制
    10.1.7  字體屬性的簡寫形式
  10.2  段落樣式設(shè)置
    10.2.1  行高與行長
    10.2.2對齊與縮進
  10.3  圖片的樣式和效果
    10.3.1  基本設(shè)置
    10.3.2  圖片的裁切
    10.3.3  圖片代替文字
    10.3.4  圖片的投影效果
  10.4  鏈接
    10.4.1  鏈接控制
    10.4.2  鏈接鼠標指針樣式
    10.4.3  按鈕式鏈接
    10.4.4  圖片翻轉(zhuǎn)鏈接
    10.4.5  面包屑導航鏈接
  10.5  項目列表
    10.5.1  基本列表分類
    10.5.2  無序項目列表應(yīng)用
    10.5.3  有序項目列表應(yīng)用
  10.6  導航設(shè)計
    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進行網(wǎng)頁設(shè)計
  11.1  安裝Dreamweaver CS5
  11.2  認識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  站點文件傳輸首選參數(shù)
    11.3.4  設(shè)置默認文檔類型和編碼
    11.3.5  設(shè)置編碼首選參數(shù)
  11.4  創(chuàng)建和管理站點
    11.4.1  設(shè)置新站點
    11.4.2  管理站點
  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  上傳和獲取文件
參考文獻