思科網(wǎng)絡技術學院教程：Web設計基礎

第1章  網(wǎng)站創(chuàng)建基礎　2                  
 1.1  概述　3                  
 1.2  因特網(wǎng)　3                  
 1.2.1  因特網(wǎng)的歷史　3                  
 1.2.2  萬維網(wǎng)　4                  
 1.2.3  Web的概念模型　5                  
 1.2.4  萬維網(wǎng)的特征　6                  
 1.2.5  萬維網(wǎng)組織　6                  
 1.3  因特網(wǎng)連接　7                  
 1.3.1  連接速度　8                  
 1.3.2  ISP　8                  
 1.3.3  撥號上網(wǎng)　8                  
 1.3.4  高速因特網(wǎng)訪問　9                  
 1.4  因特網(wǎng)協(xié)議和模型　9                  
 1.4.1  客戶端/服務器模型　9                  
 1.4.2  協(xié)議　10                  
 1.4.3  TCP/IP　10                  
 1.4.4  HTTP　11                  
 1.4.5  URL　11                  
 1.4.6  FTP　12                  
 1.4.7  Telnet　12                  
 1.4.8  SMTP. POP3和IMAP　13                  
 1.5  瀏覽器　14                  
 1.5.1  瀏覽器的發(fā)展　14                  
 1.5.2  Netscape Navigator　15                  
 1.5.3  Microsoft Internet Explorer　15                  
 1.5.4  未來的瀏覽器能力　15                  
 1.5.5  HTML基礎設施　16                  
 1.5.6  標準和慣例　16                  
 1.5.7  查看源代碼　17                  
 1.5.8  因特網(wǎng)搜索　17                  
 1.5.9  書簽/收藏　18                  
 1.5.10  媒體支持　18                  
 1.6  因特網(wǎng)服務和應用程序　18                  
 1.6.1  電子郵件　18                  
 1.6.2  FTP程序　19                  
 1.6.3  即時信使　20                  
 1.6.4  Gopher　20                  
 1.6.5  新聞組　20                  
 1.6.6  WAIS　20                  
 1.6.7  插件　21                  
 1.6.8  Adobe Acrobat Reader　21                  
 1.6.9  Apple QuickTime　21                  
 1.6.10  RealNetworks RealPlayer　22                  
 1.6.11  Macromedia Flash Player　22                  
 1.6.12  SVG插件　22                  
 1.6.13  VRML　22                  
 1.6.14  下載并安裝插件　23                  
 1.7  小結　23                  
 1.8  復習題　24                  
 1.9  關鍵術語　26                  
 第2章  網(wǎng)頁元素　28                  
 2.1  概述　29                  
 2.2  HTML基礎　29                  
 2.2.1  HTML的歷史　30                  
 2.2.2  其他的標記語言　31                  
 2.2.3  層次和DOM　32                  
 2.2.4  結構　32                  
 2.2.5  HTML中的樣式　34                  
 2.2.6  元素. 標記和屬性　37                  
 2.2.7  屬性　38                  
 2.2.8  Image標記　38                  
 2.2.9  Image標記的屬性　39                  
 2.2.10  錨標記　40                  
 2.2.11  Table標記　41                  
 2.2.12  List標記　42                  
 2.2.13  框架和框架集　43                  
 2.2.14  不贊成標記　45                  
 2.3  XHTML　46                  
 2.3.1  XHTML與HTML　46                  
 2.3.2  文檔類型定義　48                  
 2.3.3  把HTML轉換到XHTML　48                  
 2.4  顏色格式　49                  
 2.4.1  減色　49                  
 2.4.2  附加合成　49                  
 2.4.3  計算機上顏色的傳遞　50                  
 2.4.4  顏色空間　50                  
 2.4.5  16進制色　51                  
 2.4.6  Web安全色　52                  
 2.5  圖像格式　52                  
 2.5.1  矢量圖形　52                  
 2.5.2  位圖圖形　53                  
 2.5.3  壓縮和算法　53                  
 2.5.4  圖形交換格式　54                  
 2.5.5  聯(lián)合圖像專家組　55                  
 2.5.6  可移植網(wǎng)絡圖形　56                  
 2.5.7  可縮放矢量圖形　56                  
 2.5.8  標記圖像文件格式　57                  
 2.5.9  封裝的PostScript　57                  
 2.5.10  BMP　57                  
 2.5.11  Windows元文件格式　57                  
 2.5.12  PICT　58                  
 2.5.13  PCX　58                  
 2.6  多媒體格式　58                  
 2.6.1  模擬與數(shù)字　58                  
 2.6.2  數(shù)字動畫　59                  
 2.6.3  Shockwave Flash　59                  
 2.6.4  數(shù)字視頻　60                  
 2.6.5  數(shù)字音頻　61                  
 2.6.6  流式媒體　62                  
 2.6.7  流的類型　63                  
 2.7  交互性元素　64                  
 2.7.1  HTML表單　64                  
 2.7.2  表單元素和屬性　65                  
 2.7.3  表單控件　66                  
 2.7.4  客戶端腳本　67                  
 2.7.5  服務器端腳本　68                  
 2.7.6  Java小程序　71                  
 2.7.7  Java和JavaScript的不同　71                  
 2.8  小結　72                  
 2.9  復習題　73                  
 2.10  關鍵術語　75                  
 第3章  制作工具　76                  
 3.1  概述　77                  
 3.2  HTML方法　77                  
 3.2.1  手工編寫　77                  
 3.2.2  HTML轉換工具　78                  
 3.2.3  HTML編輯器　79                  
 3.2.4  簡單HTML編輯器　79                  
 3.2.5  WYSIWYG編輯器　79                  
 3.2.6  Adobe GoLive　81                  
 3.2.7  Microsoft FrontPage　82                  
 3.2.8  Macromedia Dreamweaver　84                  
 3.2.9  其他的WYSIWYG　85                  
 3.3  圖形應用程序　85                  
 3.3.1  位圖圖形應用程序　86                  
 3.3.2  Adobe Photoshop　87                  
 3.3.3  Macromedia Fireworks　88                  
 3.3.4  Corel Photo-Paint　89                  
 3.3.5  矢量圖形應用程序　90                  
 3.3.6  Adobe Illustrator　91                  
 3.3.7  Macromedia FreeHand　93                  
 3.3.8  CorelDRAW　94                  
 3.4  動畫應用程序　95                  
 3.4.1  Adobe LiveMotion　96                  
 3.4.2  Macromedia Flash　97                  
 3.5  音頻和視頻應用程序　98                  
 3.5.1  Adobe Premiere　99                  
 3.5.2  Apple Final Cut Pro　101                  
 3.5.3  Apple QuickTime　101                  
 3.5.4  RealProducer　102                  
 3.5.5  Windows媒體　102                  
 3.6  小結　103                  
 3.7  復習題　103                  
 3.8  關鍵術語　105                  
 第4章  制作前階段　108                  
 4.1  概述　109                  
 4.2  開始工程　109                  
 4.2.1  與客戶合作　110                  
 4.2.2  主要客戶聯(lián)系人身份　110                  
 4.2.3  第一次會見　111                  
 4.2.4  自由討論時期　112                  
 4.2.5  用戶定義　112                  
 4.2.6  范圍定義　113                  
 4.2.7  競爭對手調(diào)查　114                  
 4.2.8  可用時間和預算　115                  
 4.2.9  提交提案　117                  
 4.2.10  合同協(xié)商　117                  
 4.3  制作角色　119                  
 4.4  規(guī)劃網(wǎng)站　120                  
 4.4.1  內(nèi)容和媒體資產(chǎn)　121                  
 4.4.2  采訪股東　122                  
 4.4.3  信息體系結構　123                  
 4.4.4  常見的信息體系結構錯誤　124                  
 4.4.5  站點流程圖　125                  
 4.4.6  內(nèi)容更新規(guī)劃　125                  
 4.4.7  需求文檔　126                  
 4.4.8  時間線開發(fā)　126                  
 4.5  文件管理　127                  
 4.5.1  備份過程　128                  
 4.5.2  媒體資源轉換　129                  
 4.5.3  文件命名約定　129                  
 4.6  基本工程管理概念和相關詞匯　130                  
 4.7  制作階段　131                  
 4.8  小結　133                  
 4.9  復習題　134                  
 4.10  關鍵術語　136                  
 第5章  布局和設計　138                  
 5.1  簡介　139                  
 5.2  Web作為媒介　139                  
 5.2.1  Web. 印刷和電視　140                  
 5.2.2  交互性　140                  
 5.2.3  超文本　141                  
 5.2.4  可讀性　142                  
 5.2.5  內(nèi)容的及時性和可用性　143                  
 5.2.6  主頁　143                  
 5.2.7  吸引用戶　144                  
 5.2.8  粘性　144                  
 5.3  Web設計原則　145                  
 5.3.1  設計元素術語　145                  
 5.3.2  清晰性　146                  
 5.3.3  一致性　147                  
 5.3.4  統(tǒng)一性　147                  
 5.3.5  對比性　147                  
 5.3.6  簡潔性　148                  
 5.3.7  結構化　148                  
 5.3.8  重點　149                  
 5.4  Web設計問題　149                  
 5.4.1  瀏覽器顯示沖突　150                  
 5.4.2  顯示器顯示沖突　151                  
 5.4.3  分辨率和顏色　151                  
 5.4.4  Web上的顏色　151                  
 5.4.5  背景圖形和顏色　152                  
 5.4.6  框架因素　152                  
 5.4.7  內(nèi)容平鋪　153                  
 5.4.8  排版和文本布局　153                  
 5.4.9  字體限制　154                  
 5.4.10  字體選擇和尺寸　155                  
 5.4.11  字體樣式約定　155                  
 5.4.12  對齊和換行　156                  
 5.4.13  文件大小和下載時間　156                  
 5.4.14  合適的廣告　157                  
 5.5  樣式單和CSS　157                  
 5.5.1  樣式單　158                  
 5.5.2  CSS概述　158                  
 5.5.3  CSS語法　158                  
 5.5.4  CSS的用法　159                  
 5.5.5  CSS的背景屬性　162                  
 5.5.6  CSS中的文本屬性　162                  
 5.5.7  CSS中的字體屬性　163                  
 5.5.8  CSS中的邊界屬性　164                  
 5.5.9  CSS中的邊距屬性　165                  
 5.5.10  CSS中的填充屬性　165                  
 5.5.11  CSS中的列表屬性　165                  
 5.5.12  CSS中的尺度屬性　166                  
 5.5.13  CSS中的分類屬性　166                  
 5.5.14  CSS中的定位屬性　167                  
 5.6  小結　168                  
 5.7  復習題　169                  
 5.8  關鍵術語　171                  
 第6章  用戶界面設計　172                  
 6.1  概述　173                  
 6.2  界面. 導航和可用性　173                  
 6.2.1  界面設計基礎　174                  
 6.2.2  設計原則回顧　174                  
 6.2.3  站點的品牌戰(zhàn)略　175                  
 6.2.4  站點結構　176                  
 6.2.5  客戶的樣式指南　177                  
 6.2.6  界面元素　177                  
 6.2.7  顏色方案設置　178                  
 6.2.8  字體　179                  
 6.2.9  比喻和主題　180                  
 6.2.10  導航方案　180                  
 6.2.11  頁面布局和故事板　181                  
 6.2.12  創(chuàng)建原型　182                  
 6.2.13  主頁　183                  
 6.2.14  設計界面的最佳實踐　184                  
 6.3  界面可用性　185                  
 6.3.1  文件大小　185                  
 6.3.2  易讀性. 可讀性和可掃描性　185                  
 6.3.3  幫助特性　188                  
 6.3.4  界面可用性的最佳實踐　188                  
 6.4  導航設計基礎　189                  
 6.4.1  導航技巧　190                  
 6.4.2  文本鏈接　191                  
 6.4.3  圖像鏈接. 映射和表格　191                  
 6.4.4  搜索導航　192                  
 6.4.5  框架導航　192                  
 6.4.6  其他導航類型　194                  
 6.4.7  創(chuàng)建導航元素　195                  
 6.5  導航可用性　197                  
 6.5.1  合理的層次結構　198                  
 6.5.2  統(tǒng)一資源定位器　198                  
 6.5.3  直觀性　199                  
 6.5.4  使超文本鏈接可用　200                  
 6.5.5  面包屑痕跡　201                  
 6.5.6  導航可用性的最佳實踐　201                  
 6.6  小結　202                  
 6.7  復習題　203                  
 6.8  關鍵術語　205                  
 第7章  可訪問性和國際化　208                  
 7.1  概述　209                  
 7.2  可訪問性　209                  
 7.2.1  Web可訪問性創(chuàng)始機構　210                  
 7.2.2  輔助技術　211                  
 7.2.3  視力障礙　211                  
 7.2.4  聽覺障礙　214                  
 7.2.5  活動障礙　214                  
 7.2.6  認知障礙　214                  
 7.2.7  語音障礙　215                  
 7.2.8  HTML 4.01的可訪問性　215                  
 7.2.9  設置切換順序　219                  
 7.2.10  實際的可訪問性解決方案　222                  
 7.2.11  驗證和評審　223                  
 7.2.12  法律問題　223                  
 7.2.13  資源　225                  
 7.3  國際化　225                  
 7.3.1  統(tǒng)一碼和語言屬性　226                  
 7.3.2  本地化設計　227                  
 7.3.3  設計考慮　228                  
 7.3.4  顏色的象征意義　229                  
 7.3.5  Web特定的問題　230                  
 7.3.6  格式問題　230                  
 7.3.7  寫作指導標準　232                  
 7.3.8  寫作清晰化　233                  
 7.3.9  確保訪問者的相關性　234                  
 7.4  小結　235                  
 7.5  復習題　236                  
 7.6  關鍵術語　238                  
 第8章  創(chuàng)建媒體　240                  
 8.1  概述　241                  
 8.2  編寫Web內(nèi)容　241                  
 8.2.1  內(nèi)容表達　241                  
 8.2.2  寫作提示　242                  
 8.2.3  相關性和準確性　242                  
 8.2.4  及時性　243                  
 8.2.5  原創(chuàng)性　243                  
 8.2.6  掃描的文本　243                  
 8.2.7  排版　244                  
 8.2.8  校對　244                  
 8.3  創(chuàng)建圖像　244                  
 8.4  掃描儀　245                  
 8.5  數(shù)碼相機　246                  
 8.6  庫存照片　247                  
 8.7  圖像處理　248                  
 8.7.1  輸入圖像　248                  
 8.7.2  優(yōu)化圖像　249                  
 8.7.3  編輯圖像　252                  
 8.7.4  調(diào)整圖像大小　254                  
 8.7.5  保存圖像　255                  
 8.8  動畫　256                  
 8.8.1  減少下載時間　257                  
 8.8.2  動態(tài)HTML　257                  
 8.8.3  GIF動畫　257                  
 8.8.4  SWF動畫　258                  
 8.9  數(shù)字音頻和視頻　259                  
 8.9.1  數(shù)字音頻概述　259                  
 8.9.2  數(shù)字視頻概述　262                  
 8.10  小結　266                  
 8.11  復習題　267                  
 8.12  關鍵術語　269                  
 第9章  交互性　272                  
 9.1  概述　273                  
 9.2  合理的交互　274                  
 9.2.1  使用交互　274                  
 9.2.2  下載時間與效果　275                  
 9.2.3  交互的最好方法　275                  
 9.3  交互式導航　276                  
 9.4  交互式多媒體　276                  
 9.4.1  交互式動畫　277                  
 9.4.2  虛擬現(xiàn)實　277                  
 9.4.3  基于XML的多媒體　278                  
 9.5  交互式廣告　279                  
 9.6  通過程序實現(xiàn)的交互　279                  
 9.6.1  用JavaScript實現(xiàn)交互　279                  
 9.6.2  HTML表單　280                  
 9.6.3  HTML的mailto標記　281                  
 9.6.4  用Java小程序實現(xiàn)交互　282                  
 9.7  數(shù)據(jù)庫驅動的交互　282                  
 9.7.1  數(shù)據(jù)庫　282                  
 9.7.2  網(wǎng)站的個性化　283                  
 9.7.3  電子商務　284                  
 9.7.4  安全性　285                  
 9.8  用戶間的交互　286                  
 9.8.1  論壇　286                  
 9.8.2  聊天室　286                  
 9.8.3  視頻會議　286                  
 9.8.4  其他類型　287                  
 9.9  網(wǎng)站組裝　288                  
 9.10  小結　289                  
 9.11  復習題　290                  
 9.12  關鍵術語　292                  
 第10章  裝配. 測試和優(yōu)化　294                  
 10.1  概述　295                  
 10.2  網(wǎng)站檢查　295                  
 10.2.1  全面的網(wǎng)站一致性檢查　296                  
 10.2.2  文本錯誤　296                  
 10.2.3  瀏覽器和平臺　297                  
 10.2.4  顏色和顯示器　297                  
 10.2.5  媒體　298                  
 10.2.6  交互性元素　298                  
 10.2.7  HTML代碼　299                  
 10.2.8  代碼檢查器　299                  
 10.2.9  測試清單　300                  
 10.3  速度優(yōu)化　301                  
 10.3.1  圖像文件的大小　301                  
 10.3.2  圖像文件的格式　302                  
 10.3.3  更小的調(diào)色板　303                  
 10.3.4  加載隔行掃描圖像　304                  
 10.3.5  圖像緩存　304                  
 10.3.6  精簡HTML代碼　304                  
 10.3.7  速度錯覺　304                  
 10.4  鏈接管理　305                  
 10.4.1  手工管理　306                  
 10.4.2  鏈接管理程序　307                  
 10.5  網(wǎng)站的維護　307                  
 10.5.1  網(wǎng)站更新　307                  
 10.5.2  給內(nèi)容加上日期標注　308                  
 10.5.3  設計的修改　308                  
 10.5.4  締約的修改　308                  
 10.5.5  關注競爭對手的網(wǎng)站　309                  
 10.5.6  增加網(wǎng)站的粘性　309                  
 10.5.7  規(guī)劃更新內(nèi)容　309                  
 10.5.8  跟蹤網(wǎng)站行為　309                  
 10.5.9  用戶支持　309                  
 10.6  可用性測試　310                  
 10.6.1  測試人數(shù)要少, 次數(shù)要多　311                  
 10.6.2  尋找可用性測試人員　311                  
 10.6.3  測試環(huán)境　312                  
 10.6.4  在不同階段進行測試　313                  
 10.6.5  測試類型　313                  
 10.6.6  測試問題和練習　313                  
 10.6.7  如何使得可用性測試更容易　313                  
 10.6.8  低級測試與高級測試　314                  
 10.6.9  測試結果與問題追蹤　315                  
 10.7  小結　315                  
 10.8  復習題　316                  
 10.9  關鍵術語　318                  
 第11章  實現(xiàn)與托管　320                  
 11.1  概述　321                  
 11.2  客戶反饋及簽字確認　321                  
 11.2.1  客戶反饋　321                  
 11.2.2  檢查實際效果是否符合對交付產(chǎn)品的要求　322                  
 11.2.3  演示完整的工程　323                  
 11.2.4  獲得簽字確認　323                  
 11.3  隱私. 安全以及法律方面的問題　323                  
 11.3.1  隱私聲明條款的制定　324                  
 11.3.2  Cookies　324                  
 11.3.3  安全　325                  
 11.3.4  法律方面的問題　325                  
 11.4  安置和托管站點　327                  
 11.4.1  ISP　327                  
 11.4.2  應用服務提供商及動態(tài)發(fā)布　328                  
 11.4.3  Web服務器概述　329                  
 11.4.4  安置服務器　330                  
 11.4.5  托管服務　331                  
 11.5  域名注冊　332                  
 11.5.1  域名選擇　332                  
 11.5.2  注冊過程　333                  
 11.6  將文件發(fā)布到Web　333                  
 11.6.1  擴大遷移　333                  
 11.6.2  通過FTP傳輸文件　334                  
 11.6.3  使用WYSIWYG HTML編輯器來傳輸文件　335                  
 11.7  搜索引擎列表　336                  
 11.7.1  將站點提交給搜索引擎　336                  
 11.7.2  搜索引擎排位　337                  
 11.7.3  提交后的后續(xù)檢查　338                  
 11.8  為站點進行廣告宣傳　338                  
 11.9  橫幅廣告　339                  
 11.9.1  橫幅廣告的費用　340                  
 11.9.2  常規(guī)橫幅廣告設計指導　340                  
 11.9.3  橫幅廣告的放置　341                  
 11.9.4  通過電子郵件進行市場宣傳　342                  
 11.9.5  新聞組　343                  
 11.9.6  鏈接交換　343                  
 11.9.7  Web環(huán)　344                  
 11.9.8  線下市場宣傳戰(zhàn)略　344                  
 11.9.9  對URL進行廣告宣傳　344                  
 11.9.10  商標共用　345                  
 11.10  小結　346                  
 11.11  復習題　346                  
 11.12  關鍵術語　348                  
 第12章  作品集開發(fā)　352                  
 12.1  概述　353                  
 12.2  作品集概述　353                  
 12.2.1  作品集的格式　353                  
 12.2.2  基于Web的作品集　354                  
 12.2.3  基于光盤的作品集　354                  
 12.2.4  基于演示的作品集　354                  
 12.2.5  紙版作品集　355                  
 12.2.6  作品集的設計指導　355                  
 12.2.7  作品集制作過程　355                  
 12.3  作品集的要素　356                  
 12.3.1  封頁　356                  
 12.3.2  簡歷　357                  
 12.3.3  作品的樣例　359                  
 12.3.4  針對于特定職業(yè)的內(nèi)容　360                  
 12.3.5  聯(lián)系人列表　361                  
 12.4  自我推銷　361                  
 12.5  小結　362                  
 12.6  關鍵術語　363