HTML+CSS网页开发技术精解PDF|Epub|txt|kindle电子书版本网盘下载

HTML+CSS网页开发技术精解PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1篇 HTML篇2

第1章 网页标识语言HTML基础2

1.1 HTML语言概述3

1.1.1认识HTML语言3

1.1.2 HTML语言的发展历史3

1.2 HTML文件的基本结构4

1.2.1 HTML文件结构4

1.2.2编写HTML文件的注意事项4

1.3编写简单的HTML实例5

1.3.1使用记事本手工编写HTML页面5

1.3.2使用Dreamweaver辅助编写HTML页面6

1.4课后习题7

第2章 页面基本元素8

2.1页面头部元素〈head〉9

2.2页面标题元素〈title〉9

2.3元信息元素〈meta〉10

2.3.1元信息元素名称属性name、 content10

2.3.2元信息元素的附加属性http-equiv11

2.3.3设置页面关键字12

2.3.4设置页面说明12

2.3.5定义页面的跳转13

2.3.6定义页面的作者信息14

2.3.7定义页面的版权信息14

2.4页面主体元素〈body〉15

2.4.1主体元素的背景颜色属性bgcolor15

2.4.2主体元素的背景图片属性background16

2.4.3主体元素的文本属性text16

2.4.4未访问过的链接属性link17

2.4.5激活的链接属性alink19

2.4.6已访问过的链接属性vlink19

2.4.7 IE浏览器中的左边界属性leftmargin20

2.4.8 IE浏览器中的上边界属性topmargin21

2.4.9主体元素的背景图片滚动属性bgproperties21

2.5创建样式元素〈style〉23

2.6脚本元素〈script〉24

2.7课后习题25

第3查 网页文本与段落信息组织26

3.1文本基本标记28

3.1.1字体属性face28

3.1.2字号属性size29

3.1.3颜色属性 color30

3.2标题元素〈H1~H6〉31

3.3段落元素〈p〉32

3.4文本的间隔和布局33

3.4.1换行元素〈br〉33

3.4.2缩进元素〈blockquote〉34

3.4.3保留格式元素〈pre〉35

3.4.4取消换行元素〈nobr〉36

3.4.5引用元素〈q〉37

3.5水平分隔线元素〈hr〉38

3.5.1粗细属性size38

3.5.2阴影属性noshade39

3.5.3宽度属性width40

3.5.4对齐属性align41

3.5.5颜色属性color42

3.6文本的样式设置43

3.6.1放大元素〈big〉43

3.6.2缩小元素〈small〉44

3.6.3斜体显示元素〈i〉、〈em〉和〈cite〉45

3.6.4加粗的强调元素〈strong〉和〈b〉46

3.6.5下标元素〈sub〉47

3.6.6上标元素〈sup〉47

3.7课后习题49

第4章 列表的建立和使用50

4.1使用无序列表51

4.1.1无序列表标记ul51

4.1.2无序列表的类型type52

4.1.3菜单列表标记menu53

4.1.4目录列表dir54

4.2使用有序列表55

4.2.1有序列表标记ol56

4.2.2有序列表的类型type56

4.2.3有序列表的起始数值start58

4.3列表条目元素〈li〉59

4.3.1项目符号的类型属性type59

4.3.2条目编号属性value60

4.4定义列表元素〈dl〉61

4.5课后习题62

第5章 网页图像和多媒体信息组织64

5.1图像元素〈img〉65

5.1.1图像元素的路径属性src65

5.1.2代替图片的文本属性alt66

5.1.3图像元素的宽度、高度属性width、 height67

5.1.4图像元素的边框属性border68

5.1.5图像元素的对齐属性align69

5.1.6图像元素的垂直边距属性vspace71

5.1.7图像元素的水平边距属性hspace72

5.2使用背景音乐73

5.2.1背景音乐的路径属性src73

5.2.2背景音乐的重复属性loop74

5.3滚动标签marquee75

5.3.1滚动标记marquee75

5.3.2滚动方向direction76

5.3.3滚动方式behavior77

5.3.4滚动次数loop78

5.3.5滚动速度scrollamount79

5.3.6滚动延迟scrolldela80

5.3.7滚动区域的背景颜色bgcolor81

5.3.8滚动背景宽度width和高度height82

5.3.9设置空白空间hspace、 vspa83

5.4多媒体标签84

5.5课后习题85

第6章 超链接的建立86

6.1超链接基础87

6.2链接元素〈a〉87

6.2.1指定路径属性href87

6.2.2显示链接目标属性target88

6.3设置不同的链接目标88

6.3.1设置页面内部的特定目标的链接88

6.3.2设置图片的超链接91

6.3.3设置电子邮件链接91

6.4图像热区链接92

6.5课后习题93

第7章 用表格排列组织网页元素95

7.1表格元素的结构96

7.1.1表格〈table〉96

7.1.2行〈tr〉97

7.1.3单元格〈td〉97

7.2 〈table〉元素的属性98

7.2.1边框属性border98

7.2.2水平对齐属性align100

7.2.3高度属性height101

7.2.4宽度属性width102

7.2.5边框颜色属性bordercolor103

7.2.6边框亮边线属性bordercolorlight104

7.2.7边框暗边线属性bordercolordark105

7.2.8背景颜色属性bgcolor106

7.2.9背景图片属性background107

7.2.10单元格间距属性cellspacing108

7.2.11单元格补白属性cellspadding109

7.3 〈tr〉元素的属性110

7.3.1水平对齐属性align110

7.3.2垂直对齐属性valign111

7.3.3背景颜色属性bgcolor112

7.3.4边框颜色属性bordercolor113

7.3.5边框暗边线属性bordercolordark114

7.3.6边框亮边线属性bordercolorlight115

7.4 〈td〉元素的属性116

7.4.1宽度属性width116

7.4.2高度属性height117

7.4.3背景颜色属性bgcolor118

7.4.4背景图片属性background119

7.4.5水平对齐属性align120

7.4.6垂直对齐属性valign121

7.4.7边框颜色属性bordercolor122

7.4.8合并列属性colspan123

7.4.9合并行属性rowspan124

7.5表格中使用的其他元素125

7.5.1表格标题元素〈caption〉126

7.5.2表格头行元素〈thead〉127

7.5.3表主体元素〈tbody〉129

7.5.4表格行尾元素〈tfoot〉130

7.6课后习题132

第8章 用表单创建交互式网页133

8.1表单元素form134

8.1.1处理动作action134

8.1.2表单名称name134

8.1.3传送方法method135

8.1.4编码方式enctype136

8.1.5目标显示方式target137

8.2表单控件〈input〉138

8.2.1文字字段text138

8.2.2密码域password140

8.2.3单选按钮radio141

8.2.4复选框checkbox142

8.2.5普通按钮button143

8.2.6提交按钮submit145

8.2.7重置按钮reset146

8.2.8图像域image147

8.2.9隐藏域hidden148

8.2.10文件域file149

8.3选择列表条目元素〈option〉151

8.4选择列表元素〈select〉152

8.4.1高度属性size152

8.4.2多项选择属性multiple154

8.5文本区域元素〈textarea〉155

8.6课后习题156

第9章 创建框架结构网页158

9.1框架简介159

9.2框架集元素〈frameset〉159

9.2.1水平分割窗口rows159

9.2.2垂直分割窗口cols160

9.2.3边框属性frameborder161

9.2.4边框宽度framespacing162

9.2.5边框颜色bordereolor163

9.3框架内容元素〈frame〉164

9.3.1框架页面源文件src164

9.3.2框架名称name165

9.3.3框架窗口的尺寸noresize166

9.3.4框架边框与页面内容的水平边距marginwidth167

9.3.5框架边框与页面内容的垂直边距marginheight168

9.3.6设置框架滚动条scrolling169

9.3.7不支持框架标记noframes171

9.4浮动框架元素〈iframe〉171

9.4.1浮动框架的页面源文件src172

9.4.2浮动框架的宽度width和高度height172

9.4.3浮动框架对齐方式align173

9.4.4框架边框与页面内容的水平边距marginwidth174

9.4.5框架边框与页面内容的垂直边距marginheight175

9.4.6设置浮动框架是否显示滚动条scrolling175

9.4.7浮动框架的边框frameborder176

9.5课后习题177

第2篇 CSS基础篇180

第10章 （X）HTML与CSS概述180

10.1 HTML与XHTML181

10.1.1什么是XHTML181

10.1.2 DOCTYPE声明181

10.1.3 XHTML与HTML的重要区别182

10.2何谓Web标准184

10.3 （X）HTML与CSS184

10.3.1 CSS标准184

10.3.2传统HTML的缺点185

10.3.3如何编辑CSS186

10.4课后习题187

第11章 CSS语言基础188

11.1 CSS基本语法189

11.2基本CSS选择器189

11.2.1标签选择器189

11.2.2类选择器190

11.2.3 ID选择器191

11.3在HTML中添加CSS的方法193

11.3.1在标签中加入样式193

11.3.2在HTML文档中植入CSS样式194

11.3.3链接外部样式194

11.3.4导入样式195

11.3.5在脚本内添加CSS样式195

11.4课后习题196

第12章 用CSS设置文本样式197

12.1文字样式的设置198

12.1.1字体font-family198

12.1.2字号font-size198

12.1.3文字倾斜效果font-style200

12.1.4文字加粗font-weight201

12.1.5字体变体font-variant202

12.2文本的排版203

12.2.1调整字母间距letter-spacing204

12.2.2调整单词间距word-spacing205

12.2.3添加文字修饰text-decoration206

12.2.4设置文本排列方式text-align207

12.2.5设置段落缩进text-indent208

12.2.6调整行高line-height209

12.2.7转换英文大小写text-transform210

12.2.8垂直对齐属性vertical-align211

12.3课后习题212

第13章 用CSS设置网页图片和背景214

13.1设置图片边框215

13.1.1基本属性215

13.1.2设置不同的边框样式216

13.2图片缩放217

13.3图文混排219

13.3.1文字环绕219

13.3.2设置图片与文字的间距220

13.4设置网页的背景221

13.4.1背景颜色background-color221

13.4.2背景图像background-image222

13.5设置背景图像的属性224

13.5.1背景图片重复background-repeat224

13.5.2背景图片滚动属性background-attachment225

13.5.3背景图片定位background-position226

13.6课后习题227

第14章 CSS中的滤镜229

14.1不透明度alpha230

14.2动感模糊blur232

14.3对颜色进行透明处理chroma233

14.4设置阴影dropShadow235

14.5对象的翻转flipH、flipH236

14.6发光效果glow237

14.7灰度处理gray238

14.8反相invert239

14.9 X光片效果xray240

14.10波形滤镜wave242

14.11课后习题243

第15章 用CSS设置表格和表单样式244

15.1控制表格元素的显示245

15.1.1边框合并属性border-collapse245

15.1.2表格边框间距属性border-spacing246

15.1.3表格标题位置属性caption-side247

15.1.4表格布局属性table-layout248

15.2美化表格249

15.2.1隔行换色的斑马纹表格250

15.2.2通过mouse事件制作变色的单元格251

15.3 CSS与表单252

15.3.1表单中的元素252

15.3.2改变按钮的背景颜色和文字颜色253

15.3.3用dl、 dd、 dt替换table实现表单布局254

15.3.4设计文本框的样式255

15.3.5改变下拉菜单颜色256

15.4课后习题258

第16章 用CSS设置链接与导航菜单259

16.1链接标签260

16.2创建按钮式超链接261

16.3控制鼠标指针262

16.4设置项目列表样式263

16.4.1列表符号类型list-style-type263

16.4.2列表符号的混用265

16.4.3列表图像属性list-style-image267

16.4.4标签位置属性list-style-position268

16.4.5列表综合属性list-style269

16.5创建简单的导航菜单270

16.5.1简单的竖直排列菜单270

16.5.2横竖自由转换菜单272

16.6鼠标指针移上时图片渐变的效果273

16.7课后习题274

第3篇 CCS布局篇278

第17章 CSS盒子模型278

17.1“盒子”与“模型”的概念279

17.2边框border280

17.2.1边框宽度border-width280

17.2.2边框颜色border-color281

17.2.3边框样式border-style282

17.3设置内边距padding284

17.3.1顶部属性padding-top284

17.3.2右侧属性padding-right285

17.3.3底部属性padding-bottom286

17.3.4左侧属性padding-left287

17.4设置外边距margin288

17.4.1顶部边界属性margin-top288

17.4.2右侧边界属性margin-right289

17.4.3底部边界属性margin-bottom290

17.4.4左侧边界属性margin-left291

17.5课后习题292

第18章 盒子的浮动与字位293

18.1盒子的浮动294

18.1.1元素的浮动属性float294

18.1.2清除浮动属性clear298

18.2元素的定位299

18.2.1元素的定位属性position299

18.2.2上边偏移属性top、下边偏移属性bottom300

18.2.3左边偏移属性letr、右边偏移属性right302

18.3盒子的定位303

18.3.1绝对定位（absolute）303

18.3.2固定定位（fixed）306

18.3.3相对定位（relative）308

18.3.4静态定位（static）309

18.4 z-index空间位置310

18.5课后习题312

第19章 CSS+DIV布局方法314

19.1 CSS布局理念315

19.1.1将页面用DIV分块315

19.1.2设计各块的位置315

19.1.3用CSS定位316

19.2固定宽度布局317

19.2.1两列布局318

19.2.2三列布局319

19.2.3多列布局321

19.3圆角框322

19.4变宽度网页布局制作324

19.5课后习题327

第4篇 JavaScript篇330

第20章 JavaScript基础330

20.1 JavaScript起步332

20.1.1 JavaScript简介332

20.1.2 JavaScript实例333

20.1.3 JavaScript放置位334

20.2 JavaScript程序335

20.2.1语句和语句块335

20.2.2函数339

20.2.3常用系统函数340

20.2.4消息对话框343

20.2.5注释344

20.3标识符和变量344

20.3.1关于命名的规定344

20.3.2 JavaScript的数据类型345

20.3.3变量346

20.3.4转义字符347

20.4运算符和表达式348

20.4.1算术运算符和表达式348

20.4.2赋值运算符和表达式350

20.4.3关系运算符和表达式350

20.4.4逻辑运算符和表达式351

20.4.5条件运算符和表达式352

20.5对象353

20.5.1对象属性的使用353

20.5.2对象方法的使用354

20.5.3浏览器的内部对象354

20.6事件编程357

20.6.1事件简介357

20.6.2 onFocus事件358

20.6.3鼠标事件359

20.6.4单击事件360

20.6.5页面载入和离开360

20.7课后习题361

第5篇 综合案例篇364

第21章 网站页面制作绘合案例364

21.1案例概述365

21.2内容分析366

21.3 HTML结构设计366

21.4页面方案设计368

21.5定义页面的整体样式370

21.6制作页面头部372

21.6.1制作页面头部的结构372

21.6.2定义页面头部的样式372

21.7制作左侧导航374

21.7.1制作左侧导航部分的结构374

21.7.2定义左侧导航的样式375

21.8制作“联系我们”部分376

21.8.1制作“联系我们”部分的结构376

21.8.2定义“联系我们”内容的样式376

21.9制作“公司介绍”部分377

21.9.1制作“公司介绍”部分结构377

21.9.2定义“公司介绍”部分的样式378

21.10制作“图片展示”和“新闻动态”379

21.10.1制作页面结构379

21.10.2定义页面样式379

21.11制作“酒店订购”部分380

21.11.1制作页面结构380

21.11.2定义页面样式381

21.12制作底部版权部分381

21.13课后习题382

附录A HTML标签索引表383

附录B CSS常用样式速查表388

附录C JavaScript语法手册393

附录D 课后习题答案400