《HTML网页设计参考手册》/华储网huachu.com.cn

首页

图书

新闻

社区

购物车 | 缺货登记 | 我要发布新闻 | 留言

HTML网页设计参考手册 [ 华储网推荐 ]

评论(条)

读过(人) 在读(人) 想读(人)

加入收藏夹

系列名：网站开发非常之旅

出版社：清华大学出版社

书　号： 9787302131700

作　者：张金霞

定　价：￥39

　普　通：￥31.2

　5　星：￥29.25

分享到:

看这这本书的人同时也看过

最近热书

所属类别：软件与程序设计 -> 网络编程 -> HTML

出版日期：2006年9月

版别版次：2006年9月第1版第1次印刷

本书勘误：有()条勘误

字数　　：505千字　　印张：23.25

印数　　：1～6000　　页数：367

附带物　：

前言
内容简介
序
作者序
译者序
目录

内容简介

HTML语言是制作网页的基础语言。作为一个网页制作爱好者或者专业的网页设计师，HTML语言知识是不可或缺的。本书由最基本的HTML语法开始讲解网页设计的基础技术，详细介绍了各种网页制作的标记；然后介绍如何运用CSS控制网页画面中文字与图片的样式；接下来讲解了JavaScript语言与网页特效的制作；最后以应用最广泛的Dreamweaver为例，介绍网页设计的方法。在讲解中配有大量范例，使读者在实际操作中学习制作网页。本书适合作为各类网页设计制作培训学校的教材，也可供想要把网页做得更好...
<< 显示内容简介详情

第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 头部标记——<head> 12
2.2 标题标记——<title> 12
2.3 元信息标记——<meta> 13
· · · · · · 第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 元信息标记——<meta> 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 基底网址标记——<base> 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 << <a href="javascript:void(0)" onClick="toggleInfo('#infoShort_ml', '#infoLong_ml', this, ['显示目录详情', '隐藏目录详情'])">显示目录详情</A> </td> </tr> </table></td> </tr> </table> <table width="100" border="0" cellspacing="0" cellpadding="0"> <tr> <td> </td> </tr> </table> <div id="bookreview"> <table border="0" width="100%" height="15" cellpadding="0" cellspacing="0" align="left"> <tr> <td> <ul class="tab" id="tab_rank"> <li style="background:url(/images/16.gif) repeat bottom;"><a onClick="javascript:choicetab('tab_rank',0);showBookReview(undefined,'10011304')" hidefocus=true > 全部评论() </a></li> <li id="rank5_0">力荐(0)</li> <li id="rank5_1"><a onClick="javascript:choicetab('tab_rank',2);showBookReview(5,'10011304')" hidefocus=true> 力荐()</a></li> <li id="rank4_0">推荐(0)</li> <li id="rank4_1"><a onClick="javascript:choicetab('tab_rank',4);showBookReview(4,'10011304')" hidefocus=true> 推荐()</a></li> <li id="rank3_0">还行(0)</li> <li id="rank3_1"><a onClick="javascript:choicetab('tab_rank',6);showBookReview(3,'10011304')" hidefocus=true> 还行()</a></li> <li id="rank2_0">较差(0)</li> <li id="rank2_1"><a onClick="javascript:choicetab('tab_rank',8);showBookReview(2,'10011304')" hidefocus=true> 较差()</a></li> <li id="rank1_0">很差(0)</li> <li id="rank1_1"><a onClick="javascript:choicetab('tab_rank',10);showBookReview(1,'10011304')" hidefocus=true> 很差()</a></li> </ul> </td> </tr> </table> <div style="clear:left;margin-top:10px"></div> <div style="float:left"> <ul> <li class="rank"> 力荐 </li> <li class="rank"> 推荐 </li> <li class="rank"> 还行 </li> <li class="rank"> 较差 </li> <li class="rank"> 很差 </li> </ul> </div> <div id="info0" valign="middle"> 前5位评价用户： 发表评价即可获得1个华储币，被评为精采书评后还可以再奖励多个华储币！ </div> <div id="info1"> <a onClick="javascript:operateActionAfterLogin('window.location.href=\'/bookreview/editbookreview.asp?lbbh=10011304\';');"><img src="/images/bookreview.gif" /></a> </div> <div style="clear:left;margin-top:10px"></div> <div> <table width="100%" border="0" align="center" cellpadding="5" cellspacing="0"> <tr> <td> <div id="bookreviewlist"></div> </td> </tr> </table> </div> </div> </td> </tr> </table> <script> getBookUserReadPlan('10011304'); getinfo1("10011304"); getinfo2("10011304"); getinfo3("10011304"); getinfo4("10011304"); getinfo5("10011304"); getReaderRelativeBooks("10011304"); getRelativeBooks("网站开发非常之旅","C1311","C13"); getNewBooks(); showBookReview(undefined,"10011304"); </script> <table width="1003" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="117" background="/images/27.gif"><table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td><div align="center">－<a href="/index.asp">首页</a>－<a href="/hc/index.htm" target="_blank">华储网简介</a>－<a href="/index/link.asp" target="_blank">友情链接</a>－<a href="/index/contact.asp" target="_blank">联系方式</a>－</div></td> </tr> </table> <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="24%"><div class="left_footer"> <a href="/index/shuangyou.htm" target="_blank"><img src="/images/shuangyou.gif" alt="书刊行业双优证书" width="50" height="43" border="0" title=""/></a>　<a href="http://www.315online.com.cn/member/315070066.html"><img src="/images/315online.gif" alt="网上315" width="96" height="42" border="0" title=""/></a> <a href="http://218.25.36.5/~test/gsj/ply_viewer.php?SiteID=2101321100211" target="_blank"><img src="/images/gslogo.gif" alt="工商注册" width="40" height="48" border="0" /></a></div></td> <td width="58%" valign="bottom"><div align="center">Copyright ©1998～2010 <a href="#" onclick="javascript:buildHtml();">华储网</a>. All rights reserved. To comment on this site， <script language="JavaScript" src="http://count18.51yes.com/click.aspx?id=189637681&logo=1" type="text/javascript"></script> E-mail : <a href="mailto:huachunet@126.com">  <img src="/images/Email.gif" width="120" height="20" border="0" align="middle" /> </a></div></td> <td width="18%"><a href="http://ln.cyberpolice.cn/leavePawsAction.do?method=LOUT&&id=sy" target="_blank"><img src="/IMAGES/xuni.gif" alt="虚拟警察" width="40" height="65" border="0" /></a> 　 <a href="/index/icp.htm" target="_blank"> 辽ICP证020094</a> </td> </tr> </table></td> </tr> </table> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-16598071-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> </body> </html>