|
商品编号: |
xdvd0998d |
|
商品名稱: |
HTML網頁設計參考手冊 普通話 簡體中文 DVD |
|
碟片數量: |
1片 |
|
銷售價格: |
200 |
|
瀏覽次數: |
23255 |
|
【轉載TXT文檔】 |
|
HTML網頁設計參考手冊 普通話 簡體中文 DVD |
本書由最基本的HTML語法開始講解網頁設計的基礎技術,詳細介紹了各種網頁製作的標記;然後介紹如何運用CSS控製網頁畫面中文字與圖片的樣式;接下來講解了JavaScript語言與網頁特效的製作;最後以應用最廣泛的Drcamweaver為例,介紹網頁設計的方法。在講解中配有大量範例,使讀者在實際操作中學習製作網頁。 HTML語言是製作網頁的基礎語言。作為一個網頁製作愛好者或者專業的網頁設計師,HTML語言知識是不可或缺的。本書由最基本的HTML語法開始講解網頁設計的基礎技術,詳細介紹了各種網頁製作的標記;然後介紹如何運用CSS控製網頁畫面中文字與圖片的樣式;接下來講解了JavaScript語言與網頁特效的製作;最後以應用最廣泛的Drcamweaver為例,介紹網頁設計的方法。在講解中配有大量範例,使讀者在實際操作中學習製作網頁。本書適合作為各類網頁設計製作培訓學校的教材,也可供想要把網頁做得更好的廣大普通網頁製作愛好者學習,以及從事網站建設和網頁設計製作的專業人士分析借鑒。
目錄:
第1章 HTML入門 1 1.1 HTML的基本概念 2 1.1.1 HTML簡介 2 1.1.2 HTML的結構概念 2 1.1.3 HTML的標記 2 1.2 HTML的發展歷史 3 1.3 網頁設計原則 3 1.4 Dreamweaver簡介 4 1.4.1 標題欄 4 1.4.2 菜單欄 5 1.4.3 插入欄 5 1.4.4 文檔工具欄 6 1.4.5 屬性面板 7 1.4.6 其他面板 7 1.5 在Dreamweaver中直接編寫HTML 8 1.5.1 編寫HTML代碼 8 1.5.2 保存並查看HTML文件 9 第2章 HTML基本標記 11 2.1 頭部標記—— 12 2.2 標題標記—— 12 2.3 元信息標記—— 13 2.3.1 設置頁面關鍵字 13 2.3.2 設置頁面描述 13 2.3.3 設置編輯工具 14 2.3.4 設定作者信息 14 2.3.5 限制搜索方式 15 2.3.6 設置網頁文字及語言 15 2.3.7 設置網頁的定時跳轉 16 2.3.8 設定網頁的到期時間 17 2.3.9 禁止從緩存中調用 18 2.3.10 刪除過期的cookie 18 2.3.11 強制打開新窗口 19 2.3.12 設置網頁的過渡效果 19 2.4 基底網址標記—— 21 2.5 頁面的主體標記——body 23 2.5.1 設置頁面背景色——bgcolor 23 2.5.2 設置背景圖片——background 23 2.5.3 設置文字顏色——text 25 2.5.4 設置鏈接文字屬性——link 25 2.5.5 設置邊距——margin 27 2.6 頁面註釋標記—— 28 第3章 文字與段落 29 3.1 標題文字的建立 30 3.1.1 標題文字標記 30 3.1.2 標題文字的對齊方式——align 30 3.2 文字格式標記 31 3.2.1 設置文字字體——face 31 3.2.2 設置字號——size 32 3.2.3 設置文字顏色——color 33 3.2.4 粗體. 斜體. 下劃線——strong. em. u 33 3.2.5 上標與下標——sup. sub 34 3.2.6 設置刪除線——strike 34 3.2.7 等寬文字標記——code 35 3.2.8 空格—— 36 3.2.9 其他特殊符號 37 3.3 段落標記 38 3.3.1 段落標記——p 38 3.3.2 取消文字換行標記——nobr 39 3.3.3 換行標記——br 39 3.3.4 保留原始排版方式標記——pre 40 3.3.5 居中對齊標記——center 41 3.3.6 向右縮進標記——blockquote 41 3.4 水平線標記 42 3.4.1 添加水平線——hr 42 3.4.2 設置水平線寬度與高度屬性——width. height 43 3.4.3 設置水平線的顏色——color 44 3.4.4 設置水平線的對齊方式——align 45 3.4.5 去掉水平線陰影——noshade 45 3.5 其他標記 46 3.5.1 文字標註標記——ruby 46 3.5.2 聲明變量標記——var 47 3.5.3 忽視HTML標籤標記——plaintext. xmp 48 第4章 列表 49 4.1 無序列表的設計 50 4.1.1 無序列表標記——ul 50 4.1.2 設置無序列表的符號類型——type 51 4.2 有序列表的設計 52 4.2.1 有序列表標記——ol 52 4.2.2 有序列表的序號類型——type 53 4.2.3 有序列表的起始數值——start 54 4.3 定義列表標記——dl 56 4.4 菜單列表標記——menu 57 4.5 目錄列表——dir 57 4.6 列表的高級應用 58 4.6.1 列表的簡化 58 4.6.2 設置列表文字的顏色 59 4.7 列表的嵌套 60 第5章 超鏈接 63 5.1 超鏈接基本知識 64 5.1.1 超鏈接 64 5.1.2 絕對路徑 64 5.1.3 相對路徑 64 5.2 超鏈接的建立 65 5.2.1 超鏈接標記的基本語法 65 5.2.2 建立文本超鏈接 65 5.2.3 設置超鏈接的目標窗口 67 5.3 內部鏈接 69 5.4 書籤鏈接 71 5.4.1 建立書籤 71 5.4.2 鏈接到同一頁面的書籤 73 5.4.3 鏈接到不同頁面的書籤 74 5.5 外部鏈接 75 5.5.1 通過HTTP協議 76 5.5.2 通過FTP協議 76 5.5.3 通過Telnet鏈接 77 5.5.4 發送到Email 78 5.5.5 下載文件 79 第6章 使用圖像 81 6.1 圖像格式 82 6.2 添加圖像——img 82 6.3 設置圖像屬性 83 6.3.1 圖像高度——height 83 6.3.2 圖像寬度——width 84 6.3.3 圖像邊框——border 85 6.3.4 圖像水平間距——hspace 86 6.3.5 圖像垂直間距——vspace 87 6.3.6 圖像相對於文字基準線的對齊方式——align 88 6.3.7 圖像的提示文字——alt 89 6.4 圖像的超鏈接 90 6.4.1 設置圖像的超鏈接 90 6.4.2 設置圖像熱區鏈接 92 第7章 添加多媒體元素 97 7.1 設置動態文字 98 7.1.1 設置滾動文字——marquee 98 7.1.2 文字滾動方向——direction 98 7.1.3 設置文字的滾動方式——behavior 100 7.1.4 循環設置——loop 101 7.1.5 滾動速度——scrollamount 101 7.1.6 滾動延遲——scrolldelay 102 7.1.7 滾動文字的背景設置——bgcolor 103 7.1.8 滾動背景面積——width. height 103 7.1.9 設置空白空間——hspace. vspace 104 7.2 設置背景音樂 105 7.2.1 設置背景音樂——bgsound 105 7.2.2 設置背景音樂的循環播放次數——loop 106 7.3 添加多媒體文件 106 7.3.1 添加多媒體文件標記——embed 107 7.3.2 設置自動運行——autostart 107 7.3.3 設置媒體文件的循環播放——loop 108 7.3.4 隱藏面板——hidden 108 7.3.5 添加其他類型的媒體文件 109 第8章 表格的應用 111 8.1 建立表格 112 8.1.1 添加表格——table. tr. td 112 8.1.2 設置表格的標題——caption 113 8.1.3 表格的表頭——th 114 8.2 設置表格基本屬性 115 8.2.1 設置表格寬度——width 115 8.2.2 設置表格高度——height 117 8.2.3 表格對齊方式——align 118 8.3 表格的邊框.. 119 8.3.1 設置表格的邊框寬度——border 119 8.3.2 表格邊框顏色——bordercolor 120 8.3.3 內框寬度——cellspacing 121 8.3.4 表格內文字與邊框距離——cellpadding 122 8.4 設定表格背景 124 8.4.1 設置表格背景色——bgcolor 124 8.4.2 設置表格的背景圖像——background 125 8.5 修改表格的行屬性 126 8.5.1 高度的控制——height 126 8.5.2 邊框顏色——bordercolor 127 8.5.3 行背景——bgcolor. background 128 8.5.4 行文字的水平對齊方式——align 129 8.5.5 行文字的垂直對齊方式——valign 130 8.5.6 設置表格標題的垂直對齊方式——valign 131 8.6 調整單元格屬性 132 8.6.1 單元格大小——width. height 132 8.6.2 水平跨度——colspan 133 8.6.3 垂直跨度——rowspan 134 8.6.4 對齊方式——align. valign 135 8.6.5 設置單元格的背景色 136 8.6.6 單元格的邊框顏色——bordercolor 137 8.6.7 設置單元格的亮邊框——bordercolorlight 138 8.6.8 設置單元格的暗邊框——bordercolordark 139 8.6.9 設置單元格的背景圖像——background 140 8.6.10 文字內容不換行——nowrap 141 8.7 表格的結構 143 8.7.1 設計表頭樣式——thead 144 8.7.2 設計表主體樣式——tbody 145 8.7.3 設計表尾樣式——tfoot 146 8.8 表格的嵌套 148 8.9 層標記——div 149 第9章 添加表單 151 9.1 表單標記——form 152 9.1.1 處理程序——action 152 9.1.2 表單名稱——name 153 9.1.3 傳送方法——method 153 9.1.4 編碼方式——enctype 154 9.1.5 目標顯示方式——target 155 9.2 添加控件 156 9.3 輸入類的控件 156 9.3.1 文字字段——text 156 9.3.2 密碼域——password 158 9.3.3 單選按鈕——radio 159 9.3.4 複選框——checkbox 160 9.3.5 普通按鈕——button 161 9.3.6 提交按鈕——submit 161 9.3.7 重置按鈕——reset 163 9.3.8 圖像域——image 165 9.3.9 隱藏域——hidden 166 9.3.10 文件域——file 166 9.4 菜單列表類的控件 168 9.4.1 下拉菜單 168 9.4.2 列表項 170 9.5 文本域標記——textarea 172 9.6 id標記 173 第10章 框架結構 175 10.1 窗口框架簡介 176 10.1.1 什麼是框架 176 10.1.2 框架的基本結構 176 10.2 設置框架集的基本屬性 176 10.2.1 水平分割窗口——rows 177 10.2.2 垂直分割窗口——cols 178 10.2.3 嵌套分割窗口 178 10.2.4 設置邊框——frameborder 180 10.2.5 框架的邊框寬度——framespacing 180 10.2.6 框架的邊框顏色——bordercolor 181 10.3 設置窗口屬性 182 10.3.1 頁面源文件——src 182 10.3.2 頁面名稱——name 183 10.3.3 調整窗口的尺寸——noresize 183 10.3.4 邊框與頁面內容的水平邊距——marginwidth 184 10.3.5 邊框與頁面內容的垂直邊距——marginheight 185 10.3.6 設置框架滾動條顯示——scrolling 185 10.3.7 不支持框架標記——noframes 186 10.4 浮動框架 187 10.4.1 必需參數:頁面源文件——src 189 10.4.2 特有屬性:大小——width和height 189 10.4.3 特有屬性:對齊方式——align 190 10.4.4 共有參數設置 191 10.4.5 其他參數——frameborder 192 10.5 框架與鏈接 193 10.5.1 設置普通框架結構的鏈接 193 10.5.2 浮動框架與鏈接 195 第11章 CSS樣式表 197 11.1 CSS簡介 198 11.1.1 CSS的概念 198 11.1.2 CSS的特點 198 11.2 CSS的使用 199 11.2.1 CSS的基本語法 199 11.2.2 添加CSS的方法 200 11.2.3 CSS的繼承 202 11.2.4 CSS樣式的衝突 202 11.2.5 書寫CSS的注意事項 203 11.3 設置CSS的字體屬性 203 11.3.1 設置字體——font-family 203 11.3.2 設置字號——font-size 204 11.3.3 字體風格——font-style 206 11.3.4 設置加粗字體——font-weight 207 11.3.5 小型的大寫字母——font-variant 208 11.3.6 複合屬性:字體——font 208 11.4 顏色及背景屬性 209 11.4.1 顏色屬性設置——color 210 11.4.2 背景顏色——background-color 211 11.4.3 背景圖像——background-image 212 11.4.4 背景重複——background-repeat 213 11.4.5 背景附件——background-attachment 214 11.4.6 背景位置——background-position 215 11.4.7 複合屬性:背景——background 217 11.5 文本屬性 218 11.5.1 單詞間隔——word-spacing 218 11.5.2 字符間隔——letter-spacing 219 11.5.3 文字修飾——text-decoration 219 11.5.4 縱向排列——vertical-align 220 11.5.5 文本轉換——text-transform 221 11.5.6 文本排列——text-align 222 11.5.7 文本縮進——text-indent 223 11.5.8 文本行高——line-height 224 11.5.9 處理空白——white-space 225 11.5.10 文本反排——unicode-bidi與direction 226 11.6 邊距與填充屬性 228 11.6.1 頂端邊距——margin-top 228 11.6.2 其他邊距——margin-bottom. margin-left. margin-right 229 11.6.3 複合屬性:邊距——margin 229 11.6.4 頂端填充——padding-top 230 11.6.5 其他填充——padding-bottom. padding-right. padding-left 231 11.6.6 複合屬性:填充——padding 232 11.7 邊框屬性 233 11.7.1 邊框樣式——border-style 233 11.7.2 邊框寬度——border-width 235 11.7.3 邊框顏色——border-color 237 11.7.4 邊框屬性——border 238 11.8 定位及尺寸屬性 239 11.8.1 定位方式——position 239 11.8.2 元素位置——top. right. bottom. left 240 11.8.3 層迭順序——z-index 241 11.8.4 浮動屬性——float 242 11.8.5 清除屬性——clear 244 11.8.6 可視區域——clip 244 11.8.7 設定大小——width. height 246 11.8.8 超出範圍——overflow 247 11.8.9 可見屬性——visibility 248 11.9 列表屬性 250 11.9.1 列表符號——list-style-type 250 11.9.2 圖像符號——list-style-image 251 11.9.3 列表縮進——list-style-position 252 11.9.4 複合屬性:列表——list-style 253 11.10 光標屬性——cursor 254 11.11 濾鏡屬性 256 11.11.1 不透明度——alpha 256 11.11.2 動感模糊——blur 257 11.11.3 對顏色進行透明處理——chroma 258 11.11.4 設置陰影——dropShadow 259 11.11.5 對象的翻轉——flipH. flipV 260 11.11.6 發光效果——glow 262 11.11.7 灰度處理——gray 263 11.11.8 反相——invert 264 11.11.9 X光片效果——xray 265 11.11.10 遮罩效果——mask 266 11.11.11 波形濾鏡——wave 267 第12章 使用JavaScript腳本 269 12.1 JavaScript簡介 270 12.1.1 什麼是JavaScript 270 12.1.2 JavaScript特點 270 12.1.3 一個簡單的JavaScript實例 270 12.2 JavaScript的基本語法 271 12.2.1 常量 272 12.2.2 變量 272 12.2.3 運算符 273 12.2.4 表達式 274 12.2.5 基本語句 275 12.2.6 函數 281 12.3 JavaScript對象 282 12.3.1 對象屬性的引用 282 12.3.2 對象方法的使用 283 12.3.3 瀏覽器的內部對象 283 12.4 JavaScript事件 289 12.4.1 事件簡介 289 12.4.2 單擊事件——onClick 290 12.4.3 改變事件——onChange 290 12.4.4 選中事件——onSelect 291 12.4.5 獲得焦點事件——onFocus 292 12.4.6 失去焦點事件——onBlur 292 12.4.7 載入文件事件——onLoad 293 12.4.8 卸載文件事件——onUnload 294 12.4.9 鼠標覆蓋事件——onMouseOver 294 12.4.10 鼠標離開事件——onMouseOut 295 12.4.11 其他事件 296 12.5 利用JavaScript製作特效 297 12.5.1 動態顯示時間 298 12.5.2 隨鼠標移動的圖像 298 12.5.3 禁止鼠標右擊 300 12.5.4 設置鏈接文字的自動變色 300 12.5.5 顯示瀏覽器信息 301 12.5.6 顯示訪客登錄信息的窗口 303 12.5.7 標題漸變的窗口 305 12.5.8 網頁中的loading條 307 12.5.9 頁面的製作完成時間 308 12.5.10 在狀態欄顯示輸入字符的頁面310 12.5.11 頁面的加密功能 310 12.5.12 調色板更換頁面背景 313 12.5.13 自由移動的圖片 314 12.5.14 圖片代替按鈕效果 315 12.5.15 圖片的翻轉效果 316 12.5.16 跟著鼠標的煙花 317 12.5.17 跟隨鼠標的時鐘 319 12.5.18 跟隨鼠標的滾動字幕 322 12.5.19 不斷閃動的鏈接 323 12.5.20 在按鈕上定時顯示不同的鏈接325 12.5.21 帶鏈接的滾動字幕 326 第13章 在Dreamweaver中創建網頁 329 13.1 常用頁面元素 330 13.1.1 插入圖像 330 13.1.2 導入媒體 332 13.1.3 添加表格 332 13.1.4 添加時間元素 333 13.1.5 設置超級鏈接 334 13.2 網頁的佈局 334 13.2.1 使用佈局表格 335 13.2.2 設置框架 336 13.2.3 使用層進行佈局 337 13.3 表單的使用 338 13.3.1 插入空白表單 338 13.3.2 插入文本類控件 338 13.3.3 插入選擇區域 339 13.3.4 插入菜單和列表 341 13.3.5 添加跳轉菜單 342 13.3.6 添加按鈕 343 13.4 添加各種類型的文本 344 13.5 添加HTML網頁的輔助內容 344 13.5.1 添加水平線 344 13.5.2 設置文件元信息 345 13.5.3 添加腳本 346 附錄 顏色關鍵字對照表 347
|
|
|