第1ç« ã€€ç½‘é¡µåˆ¶ä½œåŸºç¡€çŸ¥è¯† 001 1.1 网页概述 002 1.1.1 网页的类型 002 1.1.2 常è§ç½‘站类型 003 1.2 网页的基本构æˆå…ƒç´ 006 1.3 网页制作软件 009 1.3.1 图åƒåˆ¶ä½œè½¯ä»¶ 009 1.3.2 动画制作软件 010 1.3.3 网页编辑软件 010 1.3.4 网页开å‘è¯è¨€ 010 1.3.5 网站推广软件 012 1.4 常è§çš„版é¢å¸ƒå±€å½¢å¼ 012 1.4.1 “国â€å—形布局 012 1.4.2 “厂â€å—形布局 013 1.4.3 “框架â€å¼å¸ƒå±€ 013 1.4.4 “å°é¢â€å¼å¸ƒå±€ 013 1.4.5 Flashå¼å¸ƒå±€ 013 1.5 网站制作æµç¨‹ 014 1.5.1 网站的需求分æžâ€ƒ 014 1.5.2â€ƒåˆ¶ä½œç½‘ç«™é¡µé¢ 015 1.5.3â€ƒåˆ‡å›¾å’Œä¼˜åŒ–é¡µé¢ 015 1.5.4 开å‘åŠ¨æ€æ¨¡å— 016 1.5.5 申请域åå’ŒæœåŠ¡å™¨ç©ºé—´ 016 1.5.6 测试网站 017 1.5.7 网站的维护与推广 017 1.5.8 网站优化 018 1.5.9 网站维护 019 第2ç« ã€€åˆ©ç”¨Dreamweaver制作基本文本网页 020 2.1 Dreamweaver CC 2018工作区 021 2.2 创建本地站点 021 2.3 管ç†ç«™ç‚¹ä¸çš„æ–‡ä»¶ 023 2.3.1 创建文件夹和文件 023 2.3.2 移动和å¤åˆ¶æ–‡ä»¶ 024 2.4 æ’入文本 025 2.4.1 普通文本 025 2.4.2 特殊å—符 027 2.4.3 æ’入日期 029 2.5 设置文本属性 031 2.5.1â€ƒè®¾ç½®æ ‡é¢˜æ®µè½æ ¼å¼ 031 2.5.2 设置å—体和å—å· 032 2.5.3â€ƒæ·»åŠ æ–°å—体 033 2.5.4 设置文本颜色 034 2.5.5â€ƒè®¾ç½®æ–‡æœ¬æ ·å¼ 035 2.5.6â€ƒè®¾ç½®æ–‡æœ¬å¯¹é½æ–¹å¼ 036 2.5.7 设置文本的缩进和凸出 036 2.6 创建项目列表和编å·åˆ—表 036 2.6.1 创建项目列表 036 2.6.2 创建编å·åˆ—表 037 2.7 æ’入网页头部内容 038 2.7.1 æ’å…¥Meta 039 2.7.2 æ’å…¥å…³é”®å— 039 2.7.3 æ’入说明 039 综åˆå®žæˆ˜â€”创建基本文本网页 039 第3ç« ã€€ä½¿ç”¨å›¾åƒä¸°å¯Œç½‘页内容 044 3.1 网页ä¸å¸¸ç”¨çš„å›¾åƒæ ¼å¼ 045 3.1.1 GIFæ ¼å¼ 045 3.1.2 JPEGæ ¼å¼ 045 3.1.3 PNGæ ¼å¼ 046 3.2â€ƒåœ¨ç½‘é¡µä¸æ’å…¥å›¾åƒ 046 3.2.1 æ’å…¥æ™®é€šå›¾åƒ 046 3.2.2 æ’å…¥é¼ æ ‡ç»è¿‡å›¾åƒ 048 3.3 设置图åƒå±žæ€§ 051 3.3.1 调整图åƒå¤§å° 051 3.3.2 设置图åƒå¯¹é½æ–¹å¼ 052 3.4 在网页ä¸ç¼–è¾‘å›¾åƒ 053 3.4.1 è£å‰ªå›¾åƒ 053 3.4.2â€ƒé‡æ–°å–æ ·å›¾åƒ 054 3.4.3 调整图åƒçš„亮度和对比度 054 3.4.4 é”åŒ–å›¾åƒ 056 3.5 综åˆå®žæˆ˜ 057 实战1—创建图文混排网页 057 实战2—创建翻转图åƒå¯¼èˆª 060 第4ç« ã€€åˆ›å»ºç²¾å½©çš„å¤šåª’ä½“ç½‘é¡µ 063 4.1 æ’å…¥Flash 064 4.1.1 æ’å…¥Flash动画 064 4.1.2 æ’å…¥Flash视频 067 4.2â€ƒæ·»åŠ èƒŒæ™¯éŸ³ä¹ 069 4.3 æ’å…¥Java Applet 072 4.4 æ’å…¥æ’ä»¶ 075 4.5 综åˆå®žæˆ˜â€”æ’入逿˜ŽFlash动画 077 第5ç« ã€€åˆ›å»ºè¶…é“¾æŽ¥ 080 5.1 关于超链接的基本概念 081 5.1.1 相对路径 081 5.1.2 ç»å¯¹è·¯å¾„ 081 5.2 创建超链接的方法 082 5.2.1 使用“属性â€é¢æ¿åˆ›å»ºé“¾æŽ¥ 082 5.2.2â€ƒä½¿ç”¨æŒ‡å‘æ–‡ä»¶å›¾æ ‡åˆ›å»ºé“¾æŽ¥ 082 5.2.3 使用èœå•创建链接 082 5.3 创建å„ç§ç±»åž‹çš„链接 083 5.3.1 创建文本链接 083 5.3.2 创建图åƒçƒç‚¹é“¾æŽ¥ 085 5.3.3 创建E-mail链接 087 5.3.4 创建下载文件链接 090 5.3.5 创建脚本链接 091 5.3.6 创建空链接 092 5.4 管ç†è¶…链接 093 5.4.1 自动更新链接 093 5.4.2 在站点范围内更改链接 094 5.4.3 检查站点ä¸çš„链接错误 094 5.5 综åˆå®žæˆ˜â€”创建图åƒçƒç‚¹é“¾æŽ¥ 095 第6ç« ã€€ä½¿ç”¨è¡¨æ ¼æŽ’ç‰ˆç½‘é¡µæ•°æ® 098 6.1â€ƒåˆ›å»ºè¡¨æ ¼ 099 6.1.1â€ƒè¡¨æ ¼çš„åŸºæœ¬æ¦‚å¿µ 099 6.1.2 æ’å…¥è¡¨æ ¼ 100 6.2â€ƒè®¾ç½®è¡¨æ ¼åŠå…¶å…ƒç´ 属性 101 6.2.1â€ƒè®¾ç½®è¡¨æ ¼å±žæ€§ 101 6.2.2 设置å•å…ƒæ ¼çš„å±žæ€§ 102 6.3â€ƒè¡¨æ ¼çš„åŸºæœ¬æ“作 102 6.3.1â€ƒé€‰æ‹©è¡¨æ ¼ 103 6.3.2â€ƒè°ƒæ•´è¡¨æ ¼å’Œå•å…ƒæ ¼çš„å¤§å° 104 6.3.3â€ƒæ·»åŠ æˆ–åˆ é™¤è¡Œæˆ–åˆ— 105 6.3.4 拆分å•å…ƒæ ¼ 107 6.3.5 åˆå¹¶å•å…ƒæ ¼ 108 6.3.6 剪切ã€å¤åˆ¶ã€ç²˜è´´è¡¨æ ¼ 108 6.4â€ƒè¡¨æ ¼çš„å…¶ä»–åŠŸèƒ½ 109 6.4.1â€ƒå¯¼å…¥è¡¨æ ¼å¼æ•°æ® 110 6.4.2 排åºè¡¨æ ¼ 112 6.5 综åˆå®žæˆ˜ 114 实战1â€”åˆ¶ä½œç½‘é¡µç»†çº¿è¡¨æ ¼ 114 实战2â€”åˆ¶ä½œåœ†è§’è¡¨æ ¼ 118 实战3â€”åˆ©ç”¨è¡¨æ ¼å¸ƒå±€ç½‘é¡µ 124 第7ç« ã€€ä½¿ç”¨æ¨¡æ¿å’Œåº“æé«˜ç½‘页制作效率 137 7.1 使用资æºé¢æ¿ç®¡ç†ç«™ç‚¹èµ„æº 138 7.1.1 在资æºé¢æ¿ä¸æŸ¥çœ‹èµ„æº 138 7.1.2â€ƒå°†èµ„æºæ·»åŠ åˆ°æ–‡æ¡£ 139 7.1.3 在收è—夹䏿·»åŠ æˆ–åˆ é™¤èµ„æº 139 7.2â€ƒåˆ›å»ºæ¨¡æ¿ 140 7.2.1â€ƒç›´æŽ¥åˆ›å»ºæ¨¡æ¿ 140 7.2.2â€ƒä»ŽçŽ°æœ‰æ–‡æ¡£åˆ›å»ºæ¨¡æ¿ 141 7.3â€ƒä½¿ç”¨æ¨¡æ¿ 142 7.3.1 定义å¯ç¼–辑区 143 7.3.2 定义新的å¯é€‰åŒºåŸŸ 144 7.3.3 定义é‡å¤åŒºåŸŸ 145 7.3.4 基于模æ¿åˆ›å»ºç½‘页 145 7.4â€ƒç®¡ç†æ¨¡æ¿ 150 7.4.1â€ƒæ›´æ–°æ¨¡æ¿ 150 7.4.2 把页é¢ä»Žæ¨¡æ¿ä¸åˆ†ç¦»å‡ºæ¥ 152 7.5 创建与应用库项目 153 7.5.1 关于库项目 153 7.5.2 创建库项目 154 7.5.3 应用库项目 157 7.5.4 修改库项目 160 7.6 综åˆå®žæˆ˜â€”创建完整的模æ¿ç½‘页 161 实战1â€”åˆ›å»ºæ¨¡æ¿ 161 实战2—利用模æ¿åˆ›å»ºç½‘页 175 第8ç« ã€€Webæ ‡å‡†div+CSS布局网页 185 8.1 Webæ ‡å‡† 185 8.1.1 Webæ ‡å‡†æ˜¯ä»€ä¹ˆ 185 8.1.2 Web表现层技术 186 8.1.3â€ƒæ€Žæ ·æ”¹å–„çŽ°æœ‰ç½‘ç«™ 186 8.2 div的定义 188 8.2.1 什么是div 188 8.2.2 æ’å…¥div 188 8.3â€ƒè¡¨æ ¼å¸ƒå±€ä¸ŽCSS布局的区别 190 8.3.1 CSS的优势 190 8.3.2â€ƒè¡¨æ ¼å¸ƒå±€ä¸ŽCSS布局对比 190 8.4â€ƒç›’åæ¨¡åž‹ 192 8.4.1â€ƒç›’åæ¨¡åž‹çš„æ¦‚念 193 8.4.2 border 193 8.4.3 padding 199 8.4.4 margin 201 8.5 盒åçš„æµ®åŠ¨ä¸Žå®šä½ 204 8.5.1 盒å的浮动float 204 8.5.2 positionå®šä½ 207 8.6 CSS布局ç†å¿µ 213 8.6.1 将页é¢ç”¨divåˆ†å— 213 8.6.2 设计å„å—çš„ä½ç½® 213 8.6.3 用CSSå®šä½ 214 8.7 常è§çš„布局类型 215 8.7.1 使用CSS定ä½å•行å•列固定宽度 215 8.7.2 一列自适应 217 8.7.3 两列固定宽度 218 8.7.4 两列宽度自适应 219 8.7.5 三列浮动ä¸é—´å®½åº¦è‡ªé€‚应 220 第9ç« ã€€åˆ©ç”¨è¡¨å•å¯¹è±¡åˆ›å»ºè¡¨å•æ–‡ä»¶ 223 9.1â€ƒåˆ›å»ºè¡¨å• 223 9.1.1â€ƒè¡¨å•æ¦‚è¿° 224 9.1.2 æ’å…¥è¡¨å• 224 9.2 æ’入文本域 226 9.2.1 å•行文本域 226 9.2.2 多行文本域 228 9.2.3 密ç 域 230 9.3 æ’å…¥å¤é€‰æ¡†å’Œå•选按钮 231 9.3.1 æ’å…¥å¤é€‰æ¡† 231 9.3.2 æ’å…¥å•选按钮 233 9.4 æ’入选择 235 9.5 使用éšè—域和文件域 237 9.5.1 文件域 238 9.5.2 éšè—域 239 9.6 æ’入按钮 240 9.7â€ƒæ£€æŸ¥è¡¨å• 241 9.8 综åˆå®žæˆ˜â€”åˆ›å»ºåœ¨çº¿è®¢æˆ¿è¡¨å• 244 第10ç« ã€€ä½¿ç”¨è¡Œä¸ºæ·»åŠ ç½‘é¡µç‰¹æ•ˆ 254 10.1 认识行为 255 10.2 交æ¢å›¾åƒ 256 10.2.1â€ƒåŠ¨æ€æŒ‰é’® 256 10.2.2 动æ€å¯¼èˆª 259 10.3 弹出效果 261 10.3.1â€ƒå¼¹å‡ºå¯¹è¯æ¡† 261 10.3.2â€ƒå¼¹å‡ºçª—å£ 262 10.4â€ƒåŠ¨æ€æ ·å¼ 266 10.4.1 改å˜å±žæ€§ 266 10.4.2 显示和éšè— 269 10.5 动æ€å†…容 273 10.5.1 设置容器文本 273 10.5.2 设置文本框的默认值 277 10.5.3â€ƒè®¾ç½®çŠ¶æ€æ æç¤ºä¿¡æ¯ 280 10.6 跳转 282 10.6.1 跳转èœå• 282 10.6.2 跳转èœå•开始 284 10.6.3 转到 URL 286 第11ç« ã€€ä½¿ç”¨jQuery UIå’ŒjQuery特效设计页视图 290 11.1 Tabsè®¾è®¡é€‰é¡¹å¡ 291 11.2 Accordion折å èœå• 295 11.3 Dialogè®¾è®¡å¯¹è¯æ¡† 297 11.4 shake设计振动特效 302 11.5 Highlight设计高亮特效 305 11.6 设计页视图 309 第12ç« ã€€ä½¿ç”¨jQuery Mobile设计网页 312 12.1 使用按钮组件 313 12.1.1 æ’入按钮 313 12.1.2 按钮组的排列 314 12.2 使用表å•组件 315 12.2.1 认识表å•组件 315 12.2.2 æ’入文本框 316 12.2.3 æ’å…¥æ»‘å— 321 12.2.4 æ’入翻转切æ¢å¼€å…³ 322 12.2.5 æ’å…¥å•选按钮 325 12.2.6 æ’å…¥å¤é€‰æ¡† 328 12.3 使用列表视图 330 12.3.1 æ’入简å•列表 331 12.3.2 æ’入有åºåˆ—表 334 第13ç« ã€€è®¾è®¡åˆ¶ä½œä¼ä¸šç½‘ç«™ 337 13.1 ä¼ä¸šç½‘站设计概述 337 13.1.1 明确ä¼ä¸šç½‘站建站目的 337 13.1.2 网站总体ç–划 337 13.1.3 网站的版é¢å¸ƒå±€åŠè‰²å½© 338 13.1.4 ä¼ä¸šç½‘站分类 340 13.1.5 本例主è¦åŠŸèƒ½é¡µé¢ 342 13.2 创建本地站点 342 13.3 模æ¿é¡µé¢çš„制作 343 13.4 利用模æ¿åˆ›å»ºç½‘页 354 13.5â€ƒç»™ç½‘é¡µæ·»åŠ ç‰¹æ•ˆ 359 13.5.1 滚动公告 359 13.5.2 制作弹出窗å£é¡µé¢ 361 13.6 网站维护 363 13.6.1 网站的软硬件维护 363 13.6.2 网站内容维护 363 13.6.3 网站备份 364 13.7 网站的推广 364 13.7.1 登录æœç´¢å¼•擎 365 13.7.2â€ƒåˆ©ç”¨å‹æƒ…链接 365 13.7.3 借助网络广告 366 13.7.4 登录网å€å¯¼èˆªç«™ç‚¹ 366 13.7.5 åšå®¢æŽ¨å¹¿ 366 13.7.6 电å邮件推广 367 13.7.7 网下推广 367