網(wǎng)頁(yè)設(shè)計(jì)與制作情境化教程

第1章　網(wǎng)頁(yè)設(shè)計(jì)與制作基礎(chǔ)
  1.1　工作場(chǎng)景導(dǎo)入
  1.2　網(wǎng)頁(yè)基本知識(shí)
    1.2.1　什么是網(wǎng)頁(yè)
    1.2.2　網(wǎng)頁(yè)相關(guān)技術(shù)
    1.2.3　Web標(biāo)準(zhǔn)
    1.2.4　常用網(wǎng)頁(yè)制作工具
    1.2.5　建議學(xué)習(xí)方式
  1.3　網(wǎng)站整體規(guī)劃
    1.3.1　關(guān)于網(wǎng)站規(guī)劃
    1.3.2　網(wǎng)站規(guī)劃的主要內(nèi)容
    1.3.3　網(wǎng)站規(guī)劃書(shū)
  1.4　網(wǎng)頁(yè)版面布局
    1.4.1　版面布局的一般步驟
    1.4.2　常見(jiàn)的版面布局結(jié)構(gòu)
    1.4.3　版面布局原則
    1.4.4　常用的版面布局技術(shù)
  1.5　網(wǎng)頁(yè)色彩基礎(chǔ)
  1.6　回到工作場(chǎng)景
  1.7　工作實(shí)訓(xùn)營(yíng)
第2章　站點(diǎn)與簡(jiǎn)單網(wǎng)頁(yè)
  2.1　工作場(chǎng)景導(dǎo)入
  2.2　 Dreamweaver CS4操作環(huán)境
  2.3　創(chuàng)建與管理站點(diǎn)
    2.3.1　創(chuàng)建站點(diǎn)
    2.3.2　管理站點(diǎn)
  2.4　在網(wǎng)頁(yè)中使用文本
    2.4.1　在網(wǎng)頁(yè)中插入文本
    2.4.2　設(shè)置文本屬性
  2.5　在網(wǎng)頁(yè)中使用圖像
    2.5.1　網(wǎng)頁(yè)中常用的圖像格式
    2.5.2　在網(wǎng)頁(yè)中插入圖像
    2.5.3　設(shè)置圖像屬性
  2.6　設(shè)置頁(yè)面屬性
  2.7　回到工作場(chǎng)景
  2.8　工作實(shí)訓(xùn)營(yíng)
    2.8.1　訓(xùn)練實(shí)例
    2.8.2　工作實(shí)踐中常見(jiàn)問(wèn)題解析
第3章　創(chuàng)建網(wǎng)頁(yè)鏈接
  3.1　工作場(chǎng)景導(dǎo)入——“上海世博”網(wǎng)站頁(yè)面鏈接
  3.2　路徑概念
    3.2.1　絕對(duì)路徑
    3.2.2　相對(duì)路徑
  3.3　網(wǎng)頁(yè)鏈接的實(shí)現(xiàn)
    3.3.1　內(nèi)部鏈接
    3.3.2　外部鏈接
    3.3.3　錨點(diǎn)鏈接
    3.3.4　圖像熱區(qū)鏈接
    3.3.5　其他鏈接
  3.4　回到工作場(chǎng)景
  3.5　工作實(shí)訓(xùn)營(yíng)
    3.5.1　訓(xùn)練實(shí)例
    3.5.2　工作實(shí)踐中常見(jiàn)問(wèn)題解析
第4章　利用表格排版頁(yè)面
  4.1　工作場(chǎng)景導(dǎo)入——“上海世博”網(wǎng)站設(shè)計(jì)制作
  4.2　插入表格
  4.3　表格操作
    4.3.1　選擇表格元素
    4.3.2　設(shè)置表格屬性
    4.3.3　設(shè)置單元格屬性
  4.4　表格布局網(wǎng)頁(yè)
  4.5　回到工作場(chǎng)景
  4.6　工作實(shí)訓(xùn)營(yíng)
    4.6.1　訓(xùn)練實(shí)例
    4.6.2　工作實(shí)踐中常見(jiàn)問(wèn)題解析
第5章　在網(wǎng)頁(yè)中使用表單
  5.1　工作場(chǎng)景導(dǎo)入
  5.2　表單簡(jiǎn)介
    5.2.1　表單的概念和工作原理
    5.2.2　表單對(duì)象
  5.3　創(chuàng)建表單域
  5.4　插入表單對(duì)象
    5.4.1　在表單中插入文本域
    5.4.2　在表單中插入單選按鈕和復(fù)選框
    5.4.3　在表單中插入列表和菜單
    5.4.4　在表單中插入跳轉(zhuǎn)菜單
    5.4.5　在表單中插入文件域和按鈕
  5.5　回到工作場(chǎng)景
  5.6　工作實(shí)訓(xùn)營(yíng)
第6章　在網(wǎng)頁(yè)中使用多媒體對(duì)象
  6.1　工作場(chǎng)景導(dǎo)入——“新藍(lán)天”網(wǎng)站“浪度沙發(fā)”網(wǎng)頁(yè)設(shè)計(jì)制作
  6.2　使用聲音與視頻
    6.2.1　網(wǎng)頁(yè)中的多媒體元素
    6.2.2　網(wǎng)頁(yè)中插入聲音
    6.2.3　網(wǎng)頁(yè)中插入視頻
    6.2.4　網(wǎng)頁(yè)中使用標(biāo)簽插入聲音及視頻
  6.3　插入Flash和透明Flash
    6.3.1　網(wǎng)頁(yè)中的Flash元素
    6.3.2　網(wǎng)頁(yè)中插入Flash元素
    6.3.3　網(wǎng)頁(yè)中插入透明Flash元素
  6.4　插入滾動(dòng)字幕
    6.4.1　標(biāo)簽基本知識(shí)
    6.4.2　用標(biāo)簽插入滾動(dòng)字幕
  6.5　回到工作場(chǎng)景
  6.6　工作實(shí)訓(xùn)營(yíng)
    6.6.1　訓(xùn)練實(shí)例
    6.6.2　工作實(shí)踐中常見(jiàn)問(wèn)題解析
第7章　HTML/XHTML語(yǔ)言
  7.1　工作場(chǎng)景導(dǎo)入
  7.2　HTML/XHTML語(yǔ)言簡(jiǎn)介
    7.2.1　HTML/XHTML語(yǔ)言的基本概念
    7.2.2　HTML/XHTML語(yǔ)言的發(fā)展歷程
    7.2.3　一個(gè)簡(jiǎn)單的HTML實(shí)例
  7.3　HTML/XHTML語(yǔ)法
    7.3.1　HTML的語(yǔ)法規(guī)則
    7.3.2　XHTML的語(yǔ)法規(guī)則
  7.4　設(shè)置文件結(jié)構(gòu)與標(biāo)題
    7.4.1　設(shè)置文件結(jié)構(gòu)
    7.4.2　設(shè)置標(biāo)題
  7.5　設(shè)置頁(yè)面格式
    7.5.1　設(shè)置字體
    7.5.2　設(shè)置段落
    7.5.3　設(shè)置列表
  7.6　插入圖像、超鏈接、表格和表單
    7.6.1　插入圖像
    7.6.2　插入超鏈接
    7.6.3　插入表格
    7.6.4　插入表單
  7.7　回到工作場(chǎng)景
  7.8　工作實(shí)訓(xùn)營(yíng)
    7.8.1　訓(xùn)練實(shí)例
    7.8.2　工作實(shí)踐中常見(jiàn)問(wèn)題解析
第8章　使用CSS樣式表
  8.1　工作場(chǎng)景導(dǎo)入
  8.2　CSS簡(jiǎn)介
    8.2.1　CSS概念
    8.2.2　CSS的特點(diǎn)和用途
    8.2.3　CSS語(yǔ)法規(guī)則
  8.3　在Dreamweaver CS4中創(chuàng)建和管理CSS樣式表
    8.3.1　CSS樣式面板的使用
    8.3.2　創(chuàng)建樣式表
    8.3.3　管理CSS樣式表
  8.4　 CSS的常用屬性
    8.4.1　“類(lèi)型”屬性
    8.4.2　“背景” 屬性
    8.4.3　“區(qū)塊” 屬性
    8.4.4　“方框” 屬性
    8.4.5　“邊框” 屬性
    8.4.6　“列表” 屬性
    8.4.7　“定位” 屬性
    8.4.8　“擴(kuò)展” 屬性
    8.4.9　CSS濾鏡屬性
  8.5　回到工作場(chǎng)景
  8.6　工作實(shí)訓(xùn)營(yíng)
    8.6.1　訓(xùn)練實(shí)例
    8.6.2　工作實(shí)踐中常見(jiàn)問(wèn)題解析
第9章　使用DIV布局網(wǎng)頁(yè)
  9.1　工作場(chǎng)景導(dǎo)入
  9.2　DIV盒子模型（框模型）
    9.2.1　關(guān)于DIV盒子模型
    9.2.2　在網(wǎng)頁(yè)中插入DIV標(biāo)簽
  9.3　DIV布局網(wǎng)頁(yè)
    9.3.1　運(yùn)用DIV布局網(wǎng)頁(yè)
    9.3.2　新建CSS規(guī)則美化DIV
  9.4　回到工作場(chǎng)景
  9.5　工作實(shí)訓(xùn)營(yíng)
    9.5.1　訓(xùn)練實(shí)例
    9.5.2　工作實(shí)踐中常見(jiàn)問(wèn)題解析
第10章　使用行為和JavaScript創(chuàng)建特效網(wǎng)頁(yè)
  10.1　工作場(chǎng)景導(dǎo)入
  10.2　行為簡(jiǎn)介
    10.2.1　行為的基本概念
    10.2.2　“行為”面板
    10.2.3　添加行為
    10.2.4　事件的分類(lèi)
  10.3　頁(yè)面常用行為
    10.3.1　文本操作類(lèi)行為
    10.3.2　圖像操作類(lèi)行為
    10.3.3　窗口操作類(lèi)行為
    10.3.4　AP元素操作類(lèi)行為
    10.3.5　其他行為
  10.4　JavaScript簡(jiǎn)介
    10.4.1　JavaScript的發(fā)展歷史
    10.4.2　JavaScript的特點(diǎn)
    10.4.3　JavaScript的編輯與運(yùn)行
  10.5　JavaScript語(yǔ)法基礎(chǔ)
    10.5.1　數(shù)據(jù)類(lèi)型和變量
    10.5.2　運(yùn)算符與表達(dá)式
    10.5.3　JavaScript語(yǔ)句
    10.5.4　JavaScript函數(shù)
    10.5.5　JavaScript對(duì)象
  10.6　JavaScript特效制作
  10.7　回到工作場(chǎng)景
  10.8　工作實(shí)訓(xùn)營(yíng)
    10.8.1　訓(xùn)練實(shí)例
    10.8.2　工作實(shí)踐中常見(jiàn)問(wèn)題解析
第11章　使用模板和庫(kù)創(chuàng)建網(wǎng)頁(yè)
  11.1　工作場(chǎng)景導(dǎo)入——班級(jí)網(wǎng)站
  11.2　模板與庫(kù)簡(jiǎn)介
    11.2.1　模板
    11.2.2　庫(kù)
  11.3　使用模板
    11.3.1　創(chuàng)建模板
    11.3.2　可編輯區(qū)域
    11.3.3　重復(fù)區(qū)域
    11.3.4　重復(fù)表格
    11.3.5　可選區(qū)域
    11.3.6　應(yīng)用模板
  11.4　使用庫(kù)
    11.4.1　創(chuàng)建庫(kù)項(xiàng)目
    11.4.2　使用庫(kù)項(xiàng)目
  11.5　回到工作場(chǎng)景
  11.6　工作實(shí)訓(xùn)營(yíng)
    11.6.1　訓(xùn)練實(shí)例
    11.6.2　工作實(shí)踐中常見(jiàn)問(wèn)題解析
第12章　主題網(wǎng)站建設(shè)
  12.1　工作場(chǎng)景導(dǎo)入
  12.2　網(wǎng)站制作流程
  12.3　關(guān)于網(wǎng)頁(yè)素材
  12.4　Photoshop CS4簡(jiǎn)介
  12.5　Flash CS4簡(jiǎn)介
  12.6　網(wǎng)站的測(cè)試與發(fā)布
    12.6.1　網(wǎng)站的測(cè)試
    12.6.2　申請(qǐng)域名和空間
    12.6.3　網(wǎng)站的發(fā)布
    12.6.4　網(wǎng)站的維護(hù)、更新與推廣
  12.7　回到工作場(chǎng)景
  12.8　工作實(shí)訓(xùn)營(yíng)
    12.8.1　訓(xùn)練實(shí)例
    12.8.2　工作實(shí)踐中常見(jiàn)問(wèn)題解析
參考文獻(xiàn)