Web站點(diǎn)和頁面設(shè)計(jì)起步

第一部分　準(zhǔn)備進(jìn)行Web開發(fā)
第1章　理解媒介
  1.1　Web站點(diǎn)剖析
    1.1.1　URL
    1.1.2　Web服務(wù)器
    1.1.3　Internet服務(wù)提供商
    1.1.4　Web站點(diǎn)
    1.1.5　Web頁面
  1.2　Web瀏覽器
    1.2.1　其他瀏覽器
    1.2.2　測試的重要性
  1.3　常用Web技術(shù)和語言概述
    1.3.1　超文本標(biāo)記語言(HTML)/可擴(kuò)展超文本標(biāo)記語言(XHTML)
    1.3.2　可擴(kuò)展標(biāo)記語言(XML)
    1.3.3　JavaScript
    1.3.4　級聯(lián)樣式單(CSS)
    1.3.5　動(dòng)態(tài)HTML(DHTML)
    1.3.6　動(dòng)態(tài)服務(wù)頁面(ASP)
    1.3.7　CGI－Pert
  1.4　編碼
  1.5　設(shè)計(jì)和產(chǎn)品工具
    1.5.1　Adobe　Photoshop/ImageReady
    1.5.2　Macromedia　Fireworks
    1.5.3　Jasc的Paint　Shop　Pro
    1.5.4　項(xiàng)目1－1：貿(mào)易工具
  1.6　小測驗(yàn)
第2章　分析和計(jì)劃
  2.1　組織隊(duì)伍
    2.1.1　管理角色
    2.1.2　開創(chuàng)性和編輯角色
    2.1.3　技術(shù)角色
    2.1.4　隊(duì)伍動(dòng)態(tài)
  2.2　編寫項(xiàng)目文檔
  2.3　開發(fā)生命期
  2.4　分析項(xiàng)目
    2.4.1　設(shè)置站點(diǎn)目標(biāo)
    2.4.2　認(rèn)識目標(biāo)用尸
    2.4.3　評估目標(biāo)用戶
  2.5　計(jì)劃結(jié)構(gòu).內(nèi)容和導(dǎo)航
    2.5.1　組織內(nèi)容
    2.5.2　開發(fā)導(dǎo)航
    2.5.3　項(xiàng)目2－1：創(chuàng)建一個(gè)新的微型站點(diǎn)
  2.6　小測驗(yàn)
第二部分　設(shè)計(jì)和制作
第3章　頁面設(shè)計(jì)
  3.1　頁面大小
    3.1.1　精確確定Web頁面的可用空間
    3.1.2　處理不一致的可用屏幕區(qū)域的方法
  3.2　頁面結(jié)構(gòu)
    3.2.1　導(dǎo)航
    3.2.2　頁面的內(nèi)容層次
  3.3　創(chuàng)建模型
  項(xiàng)目3－1：開始設(shè)計(jì)階段
  3.4　小測驗(yàn)
第4章　為Web準(zhǔn)備內(nèi)容
  4.1　運(yùn)用顏色
    4.1.1　Web安全調(diào)色板的誕生
    4.1.2　Web安全調(diào)色板的終結(jié)
    4.1.3　現(xiàn)在如何做
  4.2　定義字體
    4.2.1　字體
    4.2.2　字體大小
    4.2.3　字型
  4.3　將圖形內(nèi)容放到Photoshop
    4.3.1　尺寸
    4.3.2　分辨率(解析度)
    4.3.3　色彩模式
  4.4　設(shè)計(jì)頁面
    4.4.1　頁面背景
    4.4.2　確保屏幕上的可讀性
    4.4.3　創(chuàng)建有效鏈接
  4.5　可訪問性
    4.5.1　打印機(jī)
    4.5.2　對國際用戶
    4.5.3　項(xiàng)目4－1：設(shè)計(jì)模型
  4.6　小測驗(yàn)
第5章　靜態(tài)圖形制作
  5.1　圖形文件格式
    5.1.1　術(shù)語
    5.1.2　GIF
    5.1.3　JPEG
    5.1.4　PNG
    5.1.5　其他文件類型
  5.2　將設(shè)計(jì)分片
    5.2.1　使用準(zhǔn)線
    5.2.2　確定切片
  5.3　為作業(yè)選擇最好的文件格式
  項(xiàng)目5－1：為制作準(zhǔn)備模型
  5.4　小測驗(yàn)
第6章　超越靜態(tài)圖形
  6.1　為站點(diǎn)確定最合適的多媒體
    6.1.1　GIF
    6.1.2　Flash(.swf)
    6.1.3　Director/Shockwave
    6.1.4　Java
    6.1.5　JavaScript
    6.1.6　DHTML
    6.1.7　QuickTime
    6.1.8　RealMedia
    6.1.9　MP3
    6.1.10　比較
  6.2　將多媒體部件集成到模型中
    6.2.1　鏈接的部件
    6.2.2　嵌入部件
  6.3　檢查多媒體的可用性
  項(xiàng)目6－1：加強(qiáng)Web站點(diǎn)
  6.4　小測驗(yàn)
第三部分　集成和測試
第7章　為頁面結(jié)構(gòu)編碼
  7.1　熟悉服務(wù)器
    7.1.1　服務(wù)器端包含
    7.1.2　單斜杠別名
  7.2　定義頭標(biāo)內(nèi)容
    7.2.1　必需標(biāo)記
    7.2.2　標(biāo)題
    7.2.3　元數(shù)據(jù)
    7.2.4　腳本
    7.2.5　樣式單
  7.3　body內(nèi)容概括
    7.3.1　背景和顏色
    7.3.2　定位和結(jié)構(gòu)
  7.4　結(jié)合所有功能
    7.4.1　頭標(biāo)內(nèi)容
    7.4.2　體內(nèi)容
    7.4.3　頁面布局
    7.4.4　代碼開發(fā)狀態(tài)
    7.4.5　項(xiàng)目7－1：處理頁面內(nèi)容
  7.5　小測驗(yàn)
第8章　格式化文本內(nèi)容
  8.1　段落和文本結(jié)構(gòu)
    8.1.1　段落
    8.1.2　頭標(biāo)
    8.1.3　引用塊和文本框
    8.1.4　基本對齊方式
  8.2　加入強(qiáng)調(diào)和額外的格式化
    8.2.1　使用HTML
    8.2.2　使用CSS
    8.2.3　特殊字符
  8.3　列表
  8.4　鏈接
    8.4.1　鏈接路徑
    8.4.2　內(nèi)部鏈接
    8.4.3　電子郵件.新聞組和FTP鏈接
    8.4.4　鏈接可訪問性
    8.4.5　鏈接target
  8.5　結(jié)合在一起
    8.5.1　文本格式化
    8.5.2　鏈接
    8.5.3　顏色
    8.5.4　代碼開發(fā)狀態(tài)
    8.5.5　項(xiàng)目8－1：加入文本內(nèi)容和鏈接
  8.6　小測驗(yàn)
第9章　圖形和多媒體
  9.1　集成靜態(tài)圖形
    9.1.1　大小和顯示的考慮
    9.1.2　可替換文本
    9.1.3　基本對齊
    9.1.4　使用圖形做鏈接
  9.2　集成多媒體
    9.2.1　嵌入
    9.2.2　鏈接
  9.3　結(jié)合使用
    9.3.1　代碼開發(fā)狀態(tài)
    9.3.2　項(xiàng)目9－1：加入圖形和多媒體
  9.4　小測驗(yàn)
第10章　交互式元素
  10.1　窗體
    10.1.1　內(nèi)容可用性
    10.1.2　布局
    10.1.3　處理窗體
  10.2　動(dòng)態(tài)內(nèi)容
    10.2.1　自動(dòng)向頁面加入日期
    10.2.2　每次頁面載入時(shí)改變頁面元素
    10.2.3　根據(jù)光標(biāo)位置改變頁面元素
    10.2.4　加入第三方內(nèi)容
    10.2.5　允許用戶查找你的站點(diǎn)
  10.3　將上述內(nèi)容結(jié)合在一起
    10.3.1　滾動(dòng)
    10.3.2　隨機(jī)化圖形
    10.3.3　當(dāng)天日期
    10.3.4　代碼開發(fā)狀態(tài)
    10.3.5　項(xiàng)目10－1：開發(fā)Web窗體
  10.4　小測驗(yàn)
第11章　測試和發(fā)布
  11.1　過程
    11.1.1　測試
    11.1.2　上載到發(fā)布服務(wù)器
  11.2　修改文檔
    11.2.1　創(chuàng)建一個(gè)式樣指南
    11.2.2　查閱站點(diǎn)日志
  11.3　維護(hù)和升級
  11.4　將上述內(nèi)容結(jié)合在一起
    11.4.1　代碼開發(fā)狀態(tài)
    11.4.2　項(xiàng)目11－1：練習(xí)測試和發(fā)布
  11.5　小測驗(yàn)
第四部分　附錄
  附錄A　小測驗(yàn)答案
  附錄B　HTML　4參照表
  附錄C　特殊字符
  附錄D　級聯(lián)樣式單參考