HTML+CSS网站开发兵书

news/2024/5/14 6:47:57/文章来源:https://blog.csdn.net/iteye_11916/article/details/82537194
《HTML+CSS网站开发兵书》
基本信息
作者: 高洪涛
丛书名: 程序员藏经阁
出版社:电子工业出版社
ISBN:9787121212369
上架时间:2013-8-26
出版日期:2013 年9月
开本:16开
页码:516
版次:1-1
所属分类:计算机 > 软件与程序设计 > 网络编程 > HTML
计算机 > 数码/设计 > CSS
计算机 > 数码/设计 > 网页设计综合
更多关于 》》》《HTML+CSS网站开发兵书
内容简介
计算机书籍
《html+css网站开发兵书》是一本与众不同的html标记语言读物,它以实际的网页为主,为读者展现了网页的组成部分及各部分的设计。其他类似的书都是以html标签来讲解,本书不同的是,在讲解标签举例的时候会将生活中的哲理、常识等都融入其中,让读者感受到这本书的“生命力”,从而让读者对html有一个很深刻的认识和理解。
《html+css网站开发兵书》共16章,分为3篇,从网页最基础的部分着手,让读者不仅学习html,还能认识网页与网站的区别。本书的主要内容有:先和网页打个交道、进一步认识html、创建文本样式、创建超链接、添加图像、添加多媒体、创建列表、建立表格、添加表单、框架结构、div布局、css基础、css页面布局、css容器、css设置和修饰、网页布局与设计技巧等。通过学习本书的内容,读者可以在较短的时间内理解html标签如何使用及如何将其应用到网页中,这为下一步做网页打下了良好的基础。
《html+css网站开发兵书》适合没有html标记语言基础的新手学习;对于有一定基础的读者,可以通过本书进一步了解html标签如何使用。
目录
《html+css网站开发兵书》
第1篇 html基础
第1章 见龙在田:先和网页打个交道2
1.1 进一步认识网页2
1.1.1 什么是网页2
1.1.2 网页的版块结构3
1.2 dreamweaver简介4
1.2.1 标题栏5
1.2.2 菜单栏5
1.2.3 插入栏6
1.2.4 文档工具栏6
1.2.5 属性面板7
1.2.6 其他面板8
1.3 认识html8
1.3.1 创建html网页8
1.3.2 html结构9
1.4 在dreamweaver中直接编写html10
1.4.1 编写html代码10
1.4.2 保存并查看html文件12
1.5 小结13
.1.6 习题13
第2章 飞龙在天:进一步认识html14
2.1 html简介14
2.1.1 html的基本结构14
2.1.2 html的基本元素15
2.2 html基本语法16
2.2.1 网页基本关键字16
2.2.2 格式辅助标记17
2.2.3 列表标签24
2.2.4 文件之间的链接标签27
2.2.5 其他标签28
2.3 小结29
2.4 习题29
第2篇 html应用篇
第3章 鸿渐于陆:创建文本样式32
3.1 标题文字概述32
3.1.1 设置标题文字32
3.1.2 设置标题文字的对齐方式33
3.2 设置文字格式34
3.2.1 设置文字字体34
3.2.2 设置字体大小35
3.2.3 设置文字颜色36
3.2.4 设置粗体、斜体、下画线37
3.2.5 设置上标、下标39
3.2.6 设置文字的删除线39
3.2.7 设置等宽文字标记40
3.2.8 空格的使用41
3.2.9 其他特殊符号42
3.3 设置段落属性43
3.3.1 设置段落43
3.3.2 设置文本右缩进44
3.3.3 设置段落的换行45
3.3.4 设置段落的居中对齐45
3.3.5 取消文字的换行47
3.3.6 保留原始排版方式标记48
3.4 设置网页中的水平线49
3.4.1 添加水平线49
3.4.2 设置水平线的对齐方式49
3.4.3 设置水平线的颜色50
3.4.4 去掉水平线阴影51
3.4.5 设置水平线宽度与高度属性52
3.5 小结53
3.6 习题53
第4章 潜龙勿用:创建超链接55
4.1 初步认识超链接55
4.2 初步认识超链接的标记56
4.2.1 超链接的基本标记57
4.2.2 创建文本超链接57
4.2.3 超链接的目标页面58
4.2.4 内部链接60
4.3 书签链接63
4.3.1 建立书签63
4.3.2 同一页面的书签链接65
4.3.3 不同页面的书签链接66
4.4 设置不同的链接对象67
4.4.1 设置外部链接:链接http页面67
4.4.2 设置电子邮件、ftp和telnet的链接68
4.5 网页中的锚点69
4.5.1 设定锚点69
4.5.2 链接到锚点71
4.6 小结75
4.7 习题75
第5章 神龙摆尾:添加图像77
5.1 初步认识图像的格式77
5.2 添加图像78
5.3 设置图像属性79
5.3.1 图像相对于文字基准线的对齐方式79
5.3.2 图像的提示文字81
5.3.3 图像的边框82
5.3.4 图像高度83
5.3.5 图像水平间距83
5.3.6 图像垂直间距84
5.3.7 图像宽度85
5.4 图像的超链接86
5.4.1 设置图像的超链接86
5.4.2 设置图像热区链接88
5.5 设置背景音乐92
5.5.1 添加背景音乐92
5.5.2 设置背景音乐的循环播放次数93
5.6 小结93
5.7 习题94
第6章 声东击西:添加多媒体95
6.1 初步设置动态文字95
6.1.1 设置滚动文字95
6.1.2 设置文字的滚动方式96
6.1.3 设置滚动文字的背景97
6.1.4 设置文字滚动方向98
6.1.5 设置空白空间99
6.2 进一步设置动态文字100
6.2.1 设置文字的循环100
6.2.2 设置滚动速度101
6.2.3 设置滚动延迟102
6.2.4 设置滚动背景面积103
6.3 添加多媒体文件104
6.3.1 添加多媒体文件标记104
6.3.2 设置自动运行104
6.3.3 隐藏面板105
6.3.4 设置媒体文件的循环播放106
6.3.5 添加其他类型的媒体文件107
6.4 设置背景音乐107
6.4.1 设置背景音乐108
6.4.2 设置背景音乐的循环播放次数109
6.5 小结109
6.6 习题110
第7章 密云不雨:创建列表111
7.1 创建无序列表111
7.1.1 设置无序列表的符号类型111
7.1.2 无序列表标记113
7.2 创建有序列表114
7.2.1 有序列表标记114
7.2.2 有序列表的序号类型115
7.2.3 有序列表的起始数值117
7.3 列表的高级应用118
7.3.1 简化列表118
7.3.2 设置列表文字的颜色119
7.4 创建其他类型的列表120
7.4.1 目录列表120
7.4.2 定义列表标记121
7.4.3 菜单列表标记122
7.4.4 列表的嵌套123
7.5 小结124
7.6 习题125
第8章 偷梁换柱:建立表格126
8.1 表格标记126
8.2 设置表格基本属性127
8.2.1 设置表格的标题127
8.2.2 表格的表头128
8.2.3 表格对齐方式130
8.2.4 设置表格高度131
8.2.5 设置表格宽度132
8.2.6 设置表格的背景图像134
8.2.7 设置表格背景色135
8.2.8 设置表格的边框宽度136
8.2.9 设置表格边框颜色138
8.2.10 表格内文字与边框距离139
8.2.11 设置内框宽度140
8.3 修改表格的行属性142
8.3.1 行文字的水平对齐方式142
8.3.2 行背景143
8.3.3 边框颜色144
8.3.4 高度的控制145
8.3.5 行文字的垂直对齐方式146
8.3.6 设置表格标题的垂直对齐方式147
8.4 调整单元格属性149
8.4.1 对齐方式149
8.4.2 设置单元格的背景图像150
8.4.3 设置单元格的背景色151
8.4.4 单元格的边框颜色153
8.4.5 设置单元格的暗边框154
8.4.6 设置单元格的亮边框155
8.4.7 水平跨度156
8.4.8 文字内容不换行157
8.4.9 垂直跨度159
8.4.10 设置单元格大小161
8.5 设置表格的结构162
8.5.1 设计表头样式162
8.5.2 设计表主体样式163
8.5.3 设计表尾样式165
8.5.4 表格的嵌套166
8.5.5 层标记168
8.6 小结169
8.7 习题170
第9章 釜底抽薪:添加表单171
9.1 添加控件171
9.2 表单标记172
9.2.1 处理程序172
9.2.2 编码方式173
9.2.3 传送方法173
9.2.4 表单名称174
9.2.5 目标显示方式175
9.3 输入类的控件175
9.3.1 普通按钮175
9.3.2 复选项177
9.3.3 文件域178
9.3.4 隐藏域179
9.3.5 图像域179
9.3.6 密码域180
9.3.7 单选按钮182
9.3.8 重置按钮183
9.3.9 提交按钮184
9.3.10 文字字段185
9.3.11 文本域标记186
9.4 菜单列表类的控件187
9.4.1 下拉菜单187
9.4.2 列表项189
9.5 id标记190
9.6 小结191
9.7 习题192
第10章 暗度陈仓:框架结构193
10.1 初步认识框架193
10.2 框架的基本属性194
10.2.1 嵌套分割窗口194
10.2.2 框架的边框颜色195
10.2.3 垂直分割窗口196
10.2.4 设置边框197
10.2.5 框架的边框宽度198
10.2.6 水平分割窗口199
10.3 设置窗口属性200
10.3.1 页面源文件200
10.3.2 边框与页面内容的水平边距202
10.3.3 边框与页面内容的垂直边距203
10.3.4 页面名称204
10.3.5 不支持框架标记204
10.3.6 禁止调整窗口的尺寸206
10.3.7 设置框架滚动条显示206
10.4 框架与链接207
10.4.1 设置普通框架结构的链接208
10.4.2 浮动框架的链接211
10.5 浮动框架213
10.5.1 特有属性:对齐方式214
10.5.2 必需参数:页面源文件215
10.5.3 特有属性:框架大小216
10.5.4 公有参数设置217
10.5.5 其他参数218
10.6 小结219
10.7 习题220
第3篇 css的使用
第11章 以逸待劳:div布局222
11.1 div标记介绍222
11.1.1 div使用格式222
11.1.2 使用意义224
11.2 插入div标签224
11.3 插入层226
11.4 小结232
11.5 习题232
第12章 龙战于野:css基础233
12.1 css语法233
12.2 使用选择符238
12.2.1 命名机制238
12.2.2 通配选择符238
12.2.3 类型选择符241
12.2.4 群组选择符246
12.2.5 包含选择符247
12.2.6 id选择符250
12.2.7 class选择符253
12.2.8 组合选择符253
12.3 css属性介绍253
12.4 css编码规范255
12.4.1 书写规范256
12.4.2 命名规范256
12.5 颜色介绍257
12.5.1 颜色名称定义257
12.5.2 十六进制定义258
12.6 长度单位260
12.6.1 绝对长度单位260
12.6.2 相对长度单位261
12.7 百分比值261
12.8 url266
12.8.1 相对路径266
12.8.2 绝对路径267
12.8.3 应用实例267
12.9 css的调用272
12.10 小结275
12.11 习题276
第13章 反客为主:css页面布局277
13.1 css元素基本知识277
13.1.1 块元素277
13.1.2 内联元素280
13.1.3 可变元素281
13.2 css元素的定位281
13.2.1 元素的定位282
13.2.2 定位属性286
13.3 内容控制属性292
13.3.1 设置控制页面内容292
13.3.2 设置控制显示294
13.3.3 设置居中显示297
13.3.4 设置边界属性301
13.4 控制页面背景303
13.4.1 页面背景概述303
13.4.2 设置背景颜色303
13.4.3 设置背景图片305
13.4.4 背景颜色和背景图片混用314
13.4.5 设置文本样式317
13.4.6 设置链接样式319
13.5 使用浮动属性322
13.5.1 浮动属性简介322
13.5.2 固定元素相邻322
13.5.3 两个浮动元素相邻325
13.5.4 多个浮动元素相邻328
13.6 清除浮动属性331
13.6.1 清除浮动属性简介331
13.6.2 使用清除浮动属性334
13.7 设置列表属性337
13.7.1 设置列表样式338
13.7.2 设置列表位置340
13.7.3 设置列表图片342
13.7.4 设置列表综合属性345
13.8 小结346
13.9 习题346
第14章 皓腕玉镯:css容器348
14.1 盒模型简介348
14.1.1 盒模型的内容348
14.1.2 盒模型的背景351
14.2 使用补白属性352
14.2.1 补白属性概述352
14.2.2 使用补白属性百分比值355
14.2.3 使用单侧补白属性357
14.3 使用边框属性360
14.3.1 边框样式属性360
14.3.2 边框宽度属性363
14.3.3 边框颜色属性365
14.3.4 边框属性的综合使用367
14.3.5 使用表格边框属性370
14.4 使用边界属性372
14.4.1 边界属性372
14.4.2 单侧边界属性375
14.4.3 相邻边界属性377
14.5 父、子元素的距离385
14.5.1 当子元素边界为0385
14.5.2 当父元素补白为0388
14.6 嵌套元素使用负边界391
14.7 固定元素的大小393
14.7.1 计算盒模型大小394
14.7.2 固定长度和宽度394
14.8 小结397
第15章 帘下梳妆:css设置和修饰399
15.1 css文本设置399
15.1.1 文本缩进399
15.1.2 文本对齐403
15.1.3 图文混排对齐处理408
15.1.4 设置行高和间隔411
15.1.5 设置文本间隔和空白419
15.1.6 实现文本转换424
15.1.7 实现水平和垂直居中426
15.2 文本修饰链接434
15.2.1 文本修饰434
15.2.2 使用链接属性437
15.2.3 设置鼠标悬停样式445
15.3 css图片修饰448
15.3.1 背景图片修饰449
15.3.2 内容图片修饰450
15.4 css表单修饰454
15.4.1 修饰表单文本域454
15.4.2 修饰表单文本区域457
15.4.3 修饰表单按钮460
15.4.4 修饰表单复选框463
15.4.5 修饰表单单选按钮464
15.4.6 修饰表单列表464
15.4.7 修饰表单文件域465
15.4.8 修饰表单图像域466
15.5 修饰页面滚动条467
15.6 修饰水平线469
15.7 修饰表格469
15.7.1 修饰表格边线和背景469
15.7.2 设置表格的宽度和高度471
15.7.3 实现表格的居中471
15.7.4 设置表格内容高度473
15.8 小结474
第16章 小园艺菊:网页布局与设计技巧475
16.1 网页布局475
16.1.1 网页大小475
16.1.2 网页栏目划分476
16.1.3 表格布局479
16.1.4 css布局483
16.2 css布局技巧486
16.2.1 一栏布局486
16.2.2 二栏布局488
16.2.3 多栏布局493
16.2.4 层高度497
16.3 小结499
图书信息来源:互动出版网

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_815404.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

浅谈大型网站动态应用系统架构(转)

动态应用,是相对于网站静态内容而言,是指以c/c、php、Java、perl、.net等服务器端语言开发的网络应用软件,比如论坛、网络相册、交友、BLOG等常见应用。动态应用系统通常与数据库系统、缓存系统、分布式存储系统等密不可分。 大型动态应用系统…

2012年5月美国旅游网站排名

2019独角兽企业重金招聘Python工程师标准>>> 2012年5月排名:Expedia居于旅游中介网站首位,TripAdvisor居于目的地及住宿网站首位,Southwest Airlines居于航空公司网站首位。 旅游中介 排名 网站名称 域名 访问率 1 Expedia …

7条大型网站设计和维护的关键技巧

Collis Taeed曾写过一篇博文《7 Crucial Tips for Designing and Maintaining a Large Site 》,为我们分享了大型网站设计及维护的关键技巧,alswl已将此文译成中文,现转载于此,以便大家学习。全文如下: 项目范围和规模…

60多个超炫的视差滚动效果网站设计欣赏

2019独角兽企业重金招聘Python工程师标准>>> 今天见到ebay新版网站的介绍页面,感觉很酷,Jeanne提到这是视差滚动效果,于是想起来之前见到的一些,这种通过鼠标滚动来展现页面元素的做法越来越常见了,于是整理…

asp.net 获取网站根目录

网站在服务器磁盘上的物理路径: HttpRuntime.AppDomainAppPath虚拟程序路径: HttpRuntime.AppDomainAppVirtualPath 任何于Request/HttpContext.Current等相关的方法, 都只能在有请求上下文或者页面时使用. 即在无请求上下文时,HttpContext.Current为null. 而上面提到的方法一直…

分享40款效果非常漂亮的 HTML5 CSS3 网站模板,模板免费下载

HTML5 作为下一代网页语言,加入中众多更具语义的标签,例如video、audio、section、article、header 和 nav 等。而 CSS3 作为 CSS 的下一代版本,同样引入了很多很酷的属性,以前很多需要 JavaScript 才能实现的复杂效果&#xff0c…

小网站到大网站的发展历程

为什么80%的码农都做不了架构师?>>> 开始都在一台服务器上,应用服务器,数据库服务器,文件服务器,访问量大了,内存不够用了,把数据库服务器踢出去,有钱的话可以分成3台&a…

秒杀全网!研发、运营必备实用工具网站

目录 1、搜索引擎 2、PPT 3、图片操作 4、文件共享 5、招聘求职 6、程序员面试题库 7、办公、开发软件 8、高清图片、视频素材网站 9、项目开源 10、算法 11、在线工具宝典大全 12、音乐 13、神辅助工具 14、语音处理 15、大数据 16、电子书 程序员开发需要具备良好的信息检索…

java开发web网站的路由设计_理解Web路由(浅谈前后端路由与前后端渲染)

1.什么是路由?在Web开发过程中,经常会遇到『路由』的概念。那么,到底什么是路由?简单来说,路由就是URL到函数的映射。路由的概念最开始是由后端提出来的,在以前用模板引擎开发页面的时候,是使用路由返回不…

[Erlang24]使用zotonic搭建网站记录

zotonic的搭建网站(blog)记录: zotonic:用Erlang做的一个web 框架:和wordpress 类似,但是官网称比PHP CMS要快10倍以上先看看我的成果:正弦波 localhost:本地回环地址 443:安全服务端口,好记&am…

网站定位之---根据IP获得区域

记得以前做一个培训机构网站时候需要定位,那时候用的搜狐的api,不是很精准。 demo:https://github.com/dunitian/LoTCodeBase/tree/master/NetCode/3.常用技能/06.Position/01.IPToPosition 后来做电商的时候用的新浪的api,感觉还行&#xff…

在阿里云centOS环境下搭建基于thinkphp的网站

Step1:购买服务器以及配置选择 作为学生党的优惠,30块3个月的服务器使用时间(为了成为未来的拍黄片导演怎么口以不舍得花钱) 云服务器ECS 学生特惠 基本按照一开始给你的配置就好了,除了公共镜像那里选择,看个人需求吧…

大型网站架构系列:负载均衡详解(1)

面对大量用户访问、高并发请求,海量数据,可以使用高性能的服务器、大型数据库,存储设备,高性能Web服务器,采用高效率的编程语言比如(Go,Scala)等,当单机容量达到极限时,我们需要考虑业务拆分和分…

大型分布式网站架构技术总结

2019独角兽企业重金招聘Python工程师标准>>> 本文是学习大型分布式网站架构的技术总结。对架构一个高性能,高可用,可伸缩,可扩展的分布式网站进行了概要性描述,并给出一个架构参考。一部分为读书笔记,一部分…

夺命雷公狗ThinkPHP项目之----企业网站28之网站前台左侧导航的实现

我们基于刚才在model层的找顶级分类的代码在进行修改即可&#xff1a; <?php namespace Home\Controller; use Think\Controller; class CommonController extends Controller {function __construct(){//继承父类的构造方法&#xff0c;所以网站在执行的时候会先执行他par…

大型网站及其演进架构之一

大型网站&#xff1a;网站是用来访问的&#xff0c;访问量大&#xff0c;数据量大&#xff0c;即海量数据高并发的访问&#xff0c;就是大型网站。 以交易系统为例&#xff0c;简单介绍下网站的演进过程&#xff0c;比较简陋&#xff0c;权当扫盲。 交易系统包含三个部分&…

大型网站及其演进架构之二

【前言】 我们以 Java Web 为例&#xff0c;来搭建一个简单的电商系统&#xff0c;看看这个系统可以如何一步步演变。 该系统具备的功能&#xff1a; 用户模块&#xff1a;用户注册和管理 商品模块&#xff1a;商品展示和管理 交易模块&#xff1a;创建交易和管理 【正文】 …

SEO关键词外包优化,关键词如何定义?

SEO外包优化&#xff0c;最重要的一项就是找到核心关键词&#xff0c;每个关键词都肩负着自己的责任。很多品牌投放了可观的资源&#xff0c;却没有带来很好的流量效果&#xff0c;而有些的品牌定位的关键词却能帮助企业成功出圈&#xff0c;并有长期曝光的效果。TOM品牌营销是…

亿级流量网站架构设计之高可用、高并发知识栈

下图是构建亿级流量网站的高可用和高并发需要掌握的知识图谱&#xff0c;来自《亿级流量网站架构核心技术 跟开涛学搭建高可用高并发系统》

搜索引擎推广优化排名,TOM搜索引擎seo公司,助你3天排名百度首页

中国搜索引擎市场&#xff0c;覆盖95%网民&#xff0c;日均搜索用户超过7亿&#xff0c;其中百度&#xff1a;约占比75%&#xff0c;搜狗约占比13%&#xff0c;360约占比3%。在如此大的流量池中&#xff0c;搜索引擎前三页的流量占比能到98%。所以在企业网络推广营销的过程中&a…