Web站點和頁面設(shè)計起步

第一部分　準備進行Web開發(fā)
第1章　理解媒介
  1.1　Web站點剖析
    1.1.1　URL
    1.1.2　Web服務(wù)器
    1.1.3　Internet服務(wù)提供商
    1.1.4　Web站點
    1.1.5　Web頁面
  1.2　Web瀏覽器
    1.2.1　其他瀏覽器
    1.2.2　測試的重要性
  1.3　常用Web技術(shù)和語言概述
    1.3.1　超文本標記語言(HTML)/可擴展超文本標記語言(XHTML)
    1.3.2　可擴展標記語言(XML)
    1.3.3　JavaScript
    1.3.4　級聯(lián)樣式單(CSS)
    1.3.5　動態(tài)HTML(DHTML)
    1.3.6　動態(tài)服務(wù)頁面(ASP)
    1.3.7　CGI－Pert
  1.4　編碼
  1.5　設(shè)計和產(chǎn)品工具
    1.5.1　Adobe　Photoshop/ImageReady
    1.5.2　Macromedia　Fireworks
    1.5.3　Jasc的Paint　Shop　Pro
    1.5.4　項目1－1：貿(mào)易工具
  1.6　小測驗
第2章　分析和計劃
  2.1　組織隊伍
    2.1.1　管理角色
    2.1.2　開創(chuàng)性和編輯角色
    2.1.3　技術(shù)角色
    2.1.4　隊伍動態(tài)
  2.2　編寫項目文檔
  2.3　開發(fā)生命期
  2.4　分析項目
    2.4.1　設(shè)置站點目標
    2.4.2　認識目標用尸
    2.4.3　評估目標用戶
  2.5　計劃結(jié)構(gòu).內(nèi)容和導(dǎo)航
    2.5.1　組織內(nèi)容
    2.5.2　開發(fā)導(dǎo)航
    2.5.3　項目2－1：創(chuàng)建一個新的微型站點
  2.6　小測驗
第二部分　設(shè)計和制作
第3章　頁面設(shè)計
  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)建模型
  項目3－1：開始設(shè)計階段
  3.4　小測驗
第4章　為Web準備內(nèi)容
  4.1　運用顏色
    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è)計頁面
    4.4.1　頁面背景
    4.4.2　確保屏幕上的可讀性
    4.4.3　創(chuàng)建有效鏈接
  4.5　可訪問性
    4.5.1　打印機
    4.5.2　對國際用戶
    4.5.3　項目4－1：設(shè)計模型
  4.6　小測驗
第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è)計分片
    5.2.1　使用準線
    5.2.2　確定切片
  5.3　為作業(yè)選擇最好的文件格式
  項目5－1：為制作準備模型
  5.4　小測驗
第6章　超越靜態(tài)圖形
  6.1　為站點確定最合適的多媒體
    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　檢查多媒體的可用性
  項目6－1：加強Web站點
  6.4　小測驗
第三部分　集成和測試
第7章　為頁面結(jié)構(gòu)編碼
  7.1　熟悉服務(wù)器
    7.1.1　服務(wù)器端包含
    7.1.2　單斜杠別名
  7.2　定義頭標內(nèi)容
    7.2.1　必需標記
    7.2.2　標題
    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　頭標內(nèi)容
    7.4.2　體內(nèi)容
    7.4.3　頁面布局
    7.4.4　代碼開發(fā)狀態(tài)
    7.4.5　項目7－1：處理頁面內(nèi)容
  7.5　小測驗
第8章　格式化文本內(nèi)容
  8.1　段落和文本結(jié)構(gòu)
    8.1.1　段落
    8.1.2　頭標
    8.1.3　引用塊和文本框
    8.1.4　基本對齊方式
  8.2　加入強調(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　項目8－1：加入文本內(nèi)容和鏈接
  8.6　小測驗
第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　項目9－1：加入圖形和多媒體
  9.4　小測驗
第10章　交互式元素
  10.1　窗體
    10.1.1　內(nèi)容可用性
    10.1.2　布局
    10.1.3　處理窗體
  10.2　動態(tài)內(nèi)容
    10.2.1　自動向頁面加入日期
    10.2.2　每次頁面載入時改變頁面元素
    10.2.3　根據(jù)光標位置改變頁面元素
    10.2.4　加入第三方內(nèi)容
    10.2.5　允許用戶查找你的站點
  10.3　將上述內(nèi)容結(jié)合在一起
    10.3.1　滾動
    10.3.2　隨機化圖形
    10.3.3　當天日期
    10.3.4　代碼開發(fā)狀態(tài)
    10.3.5　項目10－1：開發(fā)Web窗體
  10.4　小測驗
第11章　測試和發(fā)布
  11.1　過程
    11.1.1　測試
    11.1.2　上載到發(fā)布服務(wù)器
  11.2　修改文檔
    11.2.1　創(chuàng)建一個式樣指南
    11.2.2　查閱站點日志
  11.3　維護和升級
  11.4　將上述內(nèi)容結(jié)合在一起
    11.4.1　代碼開發(fā)狀態(tài)
    11.4.2　項目11－1：練習測試和發(fā)布
  11.5　小測驗
第四部分　附錄
  附錄A　小測驗答案
  附錄B　HTML　4參照表
  附錄C　特殊字符
  附錄D　級聯(lián)樣式單參考