HTML XHTML CSS网页制作从入门到精通PDF|Epub|txt|kindle电子书版本网盘下载

HTML XHTML CSS网页制作从入门到精通PDF格式电子书版下载

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

第1章 从零开始认识HTML2

1.1 HTML的基本概念2

1.2 HTML文件的基本结构2

1.2.1 HTML文件结构2

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

1.3编写简单的HTML实例3

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

1.3.2使用Dreamweaver编写HTML页面4

1.4运行并浏览HTML文件5

1.4.1查看页面效果5

1.4.2查看源文件5

第2章 HTML文件基本标记7

2.1头部标记head7

2.2标题标记title7

2.3元信息标记meta8

2.3.1定义页面关键字8

2.3.2定义页面描述9

2.3.3定义编辑工具9

2.3.4定义作者信息10

2.5限制搜索方式10

2.3.6定义网页文字及语言11

2.3.7定义网页的定时跳转11

2.3.8定义网页的过渡效果13

2.4页面主体标记body14

2.4.1定义网页背景色bgcolor14

2.4.2设置背景图片background15

2.43设置文字颜色text16

2.4.4设置链接文字属性link16

2.4.5设置边距margin19

2.5页面注释标记＜!？＞20

2.6实例演练——创建基本的HTML网页21

第3章 设计网页文本内容23

3.1设置文字格式23

3.1.1设置文字大小23

3.1.2设置标题24

3.1.3设置字体25

3.1.4设置文字的颜色26

3.1.5加大与缩小27

3.1.6粗体与斜体29

3.1.7上标与下标30

3.1.8删除线与下划线31

3.1.9设置等宽字体33

3.2设置段落格式34

3.2.1简单换行34

3.2.2开始一个新段落35

3.2.3文字居左、居中与居右35

3.2.4设置段落的文字方向36

3.2.5水平线37

3.2.6不换行38

3.2.7预定义格式39

3.2.8长引用40

3.2.9短引用41

3.3设置滚动效果42

3.3.1滚动标记marquee42

3.3.2滚动方向direction43

3.3.3滚动方式behavior43

3.3.4滚动次数loop44

3.3.5滚动速度scrollamount46

3.3.6滚动延迟scrolldelay46

3.3.7滚动区域的背景颜色bgcolor47

3.3.8滚动背景宽度和高度width、height48

3.3.9设置空白空间hspace、vspace49

3.4实例演练——设置网页文本及段落50

第4章 使用列表53

4.1使用无序列表53

4.1.1无序列表标记u1.53

4.1.2设置无序列表的类型type54

4.1.3定义列表标记dl55

4.1.4菜单列表标记menu56

4.1.5目录列表dir57

4.2使用有序列表58

4.2.1有序列表标记o1.58

4.2.2有序列表的类型type59

4.2.3有序列表的起始数值start60

4.3使用嵌套列表61

4.3.1定义列表的嵌套61

4.3.2无序列表和有序列表的嵌套62

4.4实例演练——在网页中添加各种列表63

第5章 使用图像和多媒体67

5.1在网页中使用图像67

5.1.1图像标记img67

5.1.2设置图像高度height68

5.1.3设置图像宽度width69

5.1.4设置图像的边框border70

5.1.5设置图像水平间距hspace71

5.1.6设置图像垂直间距vspace72

5.1.7设置图像的对齐方式align73

5.1.8设置图像的提示文字alt74

5.2添加背景音乐75

5.2.1设置背景音乐bgsound75

5.2.2设置循环播放次数loop76

5.3添加多媒体文件77

5.3.1添加多媒体文件标记embed77

5.3.2设置自动运行autostart77

5.3.3设置循环播放loop78

5.3.4隐藏面板hidden79

5.4添加其他类型的媒体文件80

5.4.1插入Flash动画80

5.4.2插入MP3音乐80

5.4.3插入ASF视频81

5.4.4插入Java Applet82

5.5实例演练——创建丰富多彩的图像和多媒体网页83

第6章 使用超链接85

6.1超链接基本知识85

6.2创建基本超链接86

6.2.1超链接标记86

6.2.2设置超链接的目标窗口87

6.3创建锚点链接88

6.3.1创建锚点88

6.3.2链接到同一页面的锚点89

6.3.3链接到不同页面的锚点90

6.4创建其他超链接91

6.4.1链接到外部网站91

6.4.2创建E-mail链接92

6.4.3创建Telnet链接93

6.4.4创建下载文件链接93

64.5创建脚本链接94

64.6创建空链接95

6.5实例演练——在网页中添加各种链接95

第7章 使用表格显示数据99

7.1创建表格99

7.1.1表格的基本构成table、tr、td99

7.1.2设置表格的标题caption100

7.1.3表格的表头th101

7.2设置表格基本属性102

7.2.1设置表格宽度width102

7.2.2设置表格高度height103

7.2.3设置表格对齐方式align104

7.3设置表格的边框105

7.3.1表格边框宽度border105

7.3.2表格边框颜色bordercolor106

7.3.3内框宽度cellspacing107

7.3.4表格内文字与边框间距cellpadding108

7.4设置表格背景110

7.4.1设置表格背景颜色bgcolor110

7.4.2设置表格的背景图像111

7.5设置表格的行属性111

7.5.1高度的控制height112

7.5.2边框颜色bordercolor113

7.5.3行背景bgcolor、background114

7.5.4行文字的水平对齐方式align115

7.5.5行文字的垂直对齐方式valign116

7.6调整单元格属性117

7.6.1单元格大小width、height117

7.6.2水平跨度colspan118

7.6.3垂直跨度rowspan119

7.6.4对齐方式align、valign120

7.6.5设置单元格的背景色121

7.6.6设置单元格的边框颜色bordercolor122

7.6.7设置单元格的亮边框bordercolorlight123

7.6.8设置单元格的暗边框bordercolordark124

7.6.9设置单元格的背景图像background125

7.7表格的结构126

7.7.1表格的表首标记＜thead＞126

7.7.2表格的表主体标记＜tbody＞127

7.7.3表格的表尾标记＜tfoot＞128

7.8实例演练——使用表格列举产品信息129

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

8.1使用表单标记form133

8.1.1处理动作action133

8.1.2表单名称name134

8.1.3传送方法method134

8.1.4编码方式enctype135

8.1.5目标显示方式target135

8.2插入表单对象136

8.2.1文字字段text136

8.2.2密码域password137

8.2.3单选按钮radio138

8.2.4复选框checkbox139

8.2.5普通按钮button140

8.2.6提交按钮submit141

8.2.7重置按钮reset142

8.2.8图像域image143

8.2.9隐藏域hidden144

8.2.10文件域file144

8.3列表／菜单145

8.3.1下拉菜单145

8.2列表项146

8.4文本域标记textarea148

8.5 id标记149

8.6实例演练——创建提交表单网页149

9.1框架简介155

9.2设置框架集frameset155

9.2.1水平分割窗口rows155

92.2垂直分割窗口cols156

9.2.3嵌套分割窗口157

9.2.4框架集边框frameborder158

9.2.5框架集的边框宽度mamespacing159

9.2.6框架集的边框颜色bordercolor160

9.3设置框架frame161

9.3.1框架页面源文件src161

9.3.2框架名称name162

9.3.3调整框架窗口的尺寸noresize163

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

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

9.3.6设置框架滚动条scrolling165

9.3.7不支持框架标记noframes166

94浮动框架iframe167

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

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

9.4.3浮动框架对齐方式align169

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

9.框架边框与页面内容的垂直边距 marginheight171

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

9.4.7 浮动框架的边框frameborder174

9.5设置框架中的链接175

9.5.1设置普通框架结构的链接175

9.5.2设置浮动框架的链接179

第10章 使用XHTML182

10.1 XHTML简介182

10.1.1什么是XHTML182

10.1.2为什么要升级到XHTML182

10.2 XHTML页面结构183

102.1文档类型声明183

10.2 ＜html＞元素和名字空间183

10.2.3网页头部元素183

10.2.4页面标题元素184

10.2.5页面主体元素184

10.3 XHTML语法规范184

10.3.1 XHTML元素必须是完全嵌套的184

10.3.2 XHTML文档格式必须规范185

10.3.3标签名必须是小写的185

10.3.4所有的XHTML元素都必须有始有终186

10.3.5用id属性代替name属性186

10.3.6 DOCTYPE声明是不可缺少的186

10.3.7属性必须加上英文双引号187

10.3.8明确所有属性的值187

10.4在Dreamweaver中编辑XHTML文件187

10.5将现有的HTML网站转换成XHTML188

第11章 CSS语法基础192

11.1 CSS的基本语法结构192

11.2在网页中添加CSS的方法192

11.2.1链接外部样式表193

11.2.2内部样式表193

11.2.3导入外部样式表193

11.2.4内嵌样式194

11.3在Dreamweaver中编写CSS194

11.4字体属性196

114.1字体font-family196

11.4.2字号font-size197

11.4.3字体风格font-style198

11.4.4加粗字体font-weight199

11.4.5变体属性font-variant200

11.4.6文字修饰text-decoration201

11.4.7字体复合属性font202

11.5文本属性203

11.5.1单词间隔word-spacing203

11.5.2字母间隔letter-spacing204

11.5.3水平对齐text-align205

11.5.4垂直对齐vertical-align206

11.5.5大小写转换text-transform207

11.5.6文本缩进text-indent208

11.5.7文本行高line-height209

11.5.8文本空格white-space210

11.5.9文本反排unicode-bidi与direction211

1.unicode-bidi属性211

2.direction属性211

11.6边框属性212

11.6.1边框样式border-style212

11.6.2边框宽度border-width214

11.6.3边框颜色border-color215

11.6.4边框复合属性border216

11.7列表属性217

11.7.1列表类型list-style-type217

11.7.2项目符号图像list-style-image218

11.7.3列表位置list-style-position220

11.7.4列表复合属性list-style221

11.8定位属性222

11.8.1定位类型position222

11.8.2置入位置top、 right、 bottom、 left222

11.8.3层叠顺序z-index224

11.84浮动属性float225

11.85清除属性clear226

11.86裁切区域clip227

11.8 7宽度和高度width、 height228

11.8溢出overflow230

11.8.9显示属性visibility232

11.9边界与填充属性234

11.9.1上边界margin-top234

11.9.2其他边界margin-bottom、margin-left、margin-right235

11.9.3边界复合属性margin236

11.9.4上填充padding-top237

11.9.5其他填充padding-bottom、 padding-right、padding-left238

11.9.6填充复合属性padding239

11.10背景属性240

11.10.1背景颜色background-color241

11.10.2背景图像background-image242

11.10.3背景重复background-repeat243

11.10.4背景附件background-attachment245

11.10.5背景位置background-position245

11.10.6背景复合属性background247

11.11光标属性cursor248

11.12扩展滤镜属性249

11.12.1不透明度alpha249

11.12.2动感模糊blur251

11.12.3对颜色进行透明处理chroma252

11.12.4阴影效果dropShadow254

11.12.5对象的翻转flipH、flipV255

11.12.6发光效果glow256

11.12.7灰度处理gray257

11.18反相invert258

11.12.9 X光片效果xray259

11.12.10遮罩效果mask260

11.12.11波形滤镜wave261

11.13实例演练——利用CSS控制网页中的文本262

第12章 使用CSS+DIV布局网页267

12.1 Web标准与CSS布局267

12.1.1什么是Web标准267

1.结构（Structure）267

2.表现（Presentation）267

3.行为（Behavior）267

12.1.2 CSS布局的优势268

12.2常见的布局类型268

12.2.1一列固定宽度268

12.2.2一列自适应269

12.2.3两列固定宽度270

12.24两列宽度自适应270

12.2.5两列右列宽度自适应271

12.2.6三列浮动中间宽度自适应272

12.2.7三行二列居中高度自适应布局273

第13章 个人博客网站布局277

13.1博客网站概述277

13.2博客网站主页布局设计278

13.3博客网站主页具体制作过程278

13.3.1导入外部CSS278

13.3.2制作网页头部分280

13.3.3制作页面内容部分282

13.3.4制作页面页脚部分290

第14章 公司宣传网站的布局293

14.1企业网站设计分析293

14.1.1企业网站内容设计293

14.1.2排版构架294

14 2各部分设计295

14.2.1 Logo与顶部导航295

14.2.2左侧导航297

14.2.3主体内容299

14.2.4制作搜索部分303

14.2.5制作公司新闻304

14.2.6制作联系我们304

14.2.7底部版权信息305

附录 网页制作常见问题解答307

1.“网页”与“HTML页面”之间以及它们与“主页”和“网站”之间的区别是什么307

2.为什么Internet上的有些网页开头并没有使用＜html＞标记307

3.如何制作每隔一定的时间自动刷新本页面307

4.如何解决有时候在HTML文档中用＜p＞标记换行时与上一行的距离相隔很远的问题307

5.如何让站点自动跳转到另一页307

6.怎样将水平线的颜色设置为红色307

7.如何实现图像从右往左滚动的效果308

8.怎样提高站点在搜索引擎中被搜索到的机会308

9.如何避免自己的图片被其他站点利用308

10.如何为图像添加边框308

11.如何正确使用图片格式309

12.放在＜img＞标记的“alt=”后面的信息应多长309

13.为什么在HTML文档中使用了＜img＞标记，但浏览网页时只看到一个包含“x”的小框309

14.如何为网页添加背景音乐309

15.如何在一个站点不同页面间播放同一种声音文件309

16.如何利用Applet实现翻书动画效果310

17.如何为文字链接加上文字提示311

18.如何跳到页面的顶部311

19.如何防止站点页面被任意链接311

20.如何让字符不会撑大表格311

21.设置表格的宽度时，单位选择“像素”或“百分比”有什么区别呢312

22.为什么表格里的背景不能预览312

23.为什么有时候表格高度为1时不起作用312

24.为什么有时候制作一个大表格，加载这个网页时，很长时间都没有任何显示313

25.如何使网页的表格有一个单元格是可以改变的，而其他单元格保持不变313

26.如何使鼠标指针经过单元格时改变颜色313

27.如何避免表单撑开表格314

28.如何使用脚本来处理表单，何时使用Email，根据什么来选择314

29.如何清除页面中的框架结构314

30.div标记与span标记有什么区别314

31.如何去除浏览器的“滚动条”315

32.如何让浏览器正确显示Word文件格式315

33.为什么页面四周有空白315

34.如何使用Css样式固定字体大小及文本间行距315

35.如何设置文字与文字之间的间距315

36.如何去掉链接的下划线316

37.如何正确对齐文本316

38.如何解决超链接访问过后hover样式不出现的问题316

39.如何改变鼠标指针的形状316

40.如何给某部分内容加边框317

41.如何让文本垂直居中317

42.如何让div横向排列318

43.如何让背景不随文字的移动而移动318

44.如何解决list-style-image无法准确定位的问题319

45.为什么无法定义lpx左右高度的容器319

46.怎样使一个层垂直居中于浏览器中319

47.如何设置滚动条的颜色319

48.如何在网页中给文字添加光晕效果320

49.如何制作图像波浪效果321

50.如何制作当光标移上时图片渐变的效果321

51.如果网页链接了一个样式表，样式表指定所有文本为绿色，但在网页的某处有一个span style=″font-colorred″＞标记，则这个标记内的文本将是绿色还是红色322

52.在一些样式表中，样式规则定义以“#”开始，这是什么，可以在样式表中使用吗322