网页制作教程

网页制作教程

赵丰年编著的一本书
网页制作教程是针对普通用户学习如何制作网页的相关教程,简单来说,网页制作的目的就是产生网站,而什么是网站呢?网站就是服务器内的一系列网页的组合,终端用户发出请求后服务器通过传输特定的网页向用户传输所需的信息。
  • 书名:网页制作教程
  • 别名:
  • 作者:赵丰年
  • 类别:
  • 原作品:
  • 译者:
  • 出版社:人民邮电出版社
  • 页数:
  • 定价:26
  • 开本:16
  • 装帧:平装
  • ISBN:711515222
  • 页 数:305
  • 定 价:26
  • 语种:简体中文
  • 品牌:高等教育出版社

简介

网页制作教程是指使用标识语言,通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输,最终以图形用户界面(GUI)的形式被用户所浏览。简单来说,网页设计的目的就是产生网站,什么是网站呢,就是服务器内的一系列网页的组合,终端用户发出请求后[[服务器通过传输特定的网页向用户传输所需的信息。简单的信息如文字,图片(GIFs,JPEGs,PNGs)和表格,都可以通过使用HTML/XHTML/XML放置到网站页面上。而更复杂的信息如vectorraphics,动画,视频,声频则需要插件程序例如Flash,QuickTime,Javarun-timeenvironment,等等,这些插件程序也是通过HTML/XHTML/XML植入网页的。随着浏览器和W3C标准一致性的改善,XHTML/XML(可扩展标识语言)与CSS(层叠样式表)共同用作网页内容的设计已经被广泛的接受和使用。最新的标准和建议则是朝着浏览器的能力扩充和改善发展,使之能够不需要插件程序也能够给用户传输多媒体信息和更多的选择。

内容简介

本书系统全面地介绍网页制作技术的基本理论和实际应用。全书共10章,分为3大部分。前5章为第1部分,主要介绍网页制作的基本理论——HTML,同时穿插介绍Fireworks,Flash,Anfy等软件在网页制作过程中的应用;第6章~第8章为第2部分,主要介绍网页制作技术,包括CSS技术、客户端脚本技术(DHTML)以及XML技术;第9章~第10章为第3部分,主要介绍当前最流行的网页制作工具——Dreamweaver,以及提供12个实训项目,使读者能够从实际应用的角度进一步巩固所学知识。 本书以实用为基本的出发点,不但包括各种网页制作技术的基础理论,而且强调网页制作的具体应用,使读者既能打下坚实的理论基础,又能掌握实际的操作技能。

本书可作为高等职业学校、成人高校、本科院校设立的二级职业技术学院和培训班讲授网页制作课程的教材或参考书,也适合广大网页制作爱好者或相关从业人员自学之用。

图书目录

第1章 HTML基础 1

1.1 什么是HTML 1

1.1.1 网页的基本概念 1

1.1.2 HTML的工作原理 3

1.1.3 创建和测试网页 5

1.1.4 网页制作工具 6

1.2 创建网页 7

1.2.1 标记符基础 7

1.2.2 网页的基本结构 8

1.2.3 设置页面属性 11

1.2.4 添加注释 13

1.2.5 显示特殊字符 14

1.3 发布网页 14

1.3.1 创建本地站点 14

1.3.2 申请网页空间 14

1.3.3 用FTP上传网页 15

练习题 16

第2章 文本格式 18

2.1 文本分段 18

2.1.1 段落标记符P和换行标记符BR 18

2.1.2 水平线标记符HR 19

2.1.3 标题标记符Hn 21

2.1.4 段落对齐 22

2.2 控制文本的显示效果 25

2.2.1 字体控制标记符FONT 25

2.2.2 物理字符样式 28

2.2.3 逻辑字符样式 29

2.2.4 滚动字幕效果 30

2.3 列表格式 32

2.3.1 有序列表 32

2.3.2 无序列表 33

2.4 创建超链接 34

2.4.1 相对地址与绝对地址 35

2.4.2 页面链接 36

2.4.3 锚点链接 37

2.4.4 电子邮件链接 38

2.5 网站实例 39

2.5.1 网站规划 40

2.5.2 页面设计 41

2.5.3 代码实现 42

练习题 46

第3章 使用图像 48

3.1 网页图像基础 48

3.1.1 位图与矢量图 48

3.1.2 网页图像格式 49

3.1.3 使用网页图像的要点 51

3.2 图像处理基本操作 51

3.2.1 Fireworks的界面 51

3.2.2 修改图像的大小 53

3.2.3 用适当的格式导出图像 53

3.2.4 制作GIF动画 55

3.3 图像标记符IMG 57

3.3.1 插入图像 57

3.3.2 设置图像属性 58

3.4 使用图像映射 61

3.4.1 什么是图像映射 61

3.4.2 创建图像映射 61

练习题 62

第4章 表格与框架 63

4.1 创建表格 63

4.1.1 表格的基本构成 63

4.1.2 合并单元格 65

4.1.3 构造表格的步骤 65

4.2 表格的属性设置 66

4.2.1 边框与分隔线 66

4.2.2 控制单元格空白 68

4.2.3 表格的对齐 69

4.3 使用表格设计网页布局 71

4.3.1 控制表格和单元格大小 71

4.3.2 设置表格和单元格的背景 72

4.3.3 使用嵌套表格 73

4.3.4 表格布局综合应用 74

4.4 创建框架 78

4.4.1 什么是框架 79

4.4.2 指定框架结构 79

4.4.3 框架的嵌套 82

4.4.4 框架的初始化 83

4.5 控制框架的显示效果 85

4.5.1 边框效果 85

4.5.2 设置框架空白 86

4.6 使用框架设计网页布局 87

4.6.1 指定超链接的目标框架 87

4.6.2 使用页内框架 89

练习题 91

第5章 表单与特殊对象 95

5.1 创建表单 95

5.1.1 什么是表单 95

5.1.2 表单控件的类型 97

5.1.3 FORM标记符 98

5.2 创建表单控件 99

5.2.1 文本框与口令框 99

5.2.2 复选框与单选框 100

5.2.3 文件选择框 101

5.2.4 按钮 102

5.2.5 多行文本框 104

5.2.6 选项菜单 105

5.3 设置控件的标签 106

5.4 网页中的特殊对象 108

5.4.1 多媒体对象 108

5.4.2 Java小应用程序对象 110

5.5 创建Flash对象 113

5.5.1 什么是Flash 114

5.5.2 创建逐帧动画 116

5.5.3 创建形状补间动画 120

5.5.4 创建补间动画 123

练习题 128

第6章 CSS技术 130

6.1 CSS入门 130

6.1.1 什么是CSS 130

6.1.2 CSS的属性单位 131

6.2 在网页中使用CSS 133

6.2.1 在标记符中直接嵌套样式信息 133

6.2.2 在STYLE标记符中定义样式信息 133

6.2.3 链接外部样式表中的样式信息 134

6.2.4 样式的优先级 135

6.3 CSS样式定义 136

6.3.1 HTML标记符选择器 136

6.3.2 具有上下文关系的HTML标记符选择器 137

6.3.3 用户定义的类选择器 137

6.3.4 用户定义的ID选择器 138

6.3.5 虚类选择器 138

6.4 CSS属性 138

6.4.1 字体与文本属性 139

6.4.2 颜色与背景属性 142

6.4.3 布局属性 144

6.4.4 定位和显示属性 150

6.4.5 列表属性 153

6.4.6 鼠标属性 154

6.5 CSS过滤器效果 154

6.5.1 过滤器属性列表 154

6.5.2 过滤器效果示例 156

练习题 158

第7章 JavaScript与DHTML技术 160

7.1 使用客户端脚本 160

7.1.1 使用SCRIPT标记符 160

7.1.2 直接添加脚本 162

7.1.3 链接脚本文件 162

7.2 JavaScript简介 163

7.2.1 JavaScript语言基础 163

7.2.2 使用JavaScript对象 169

7.2.3 使用浏览器对象 174

7.3 DHTML技术 181

7.3.1 什么是DHTML 181

7.3.2 DHTML应用示例 183

练习题 187

第8章 XML入门 189

8.1 什么是XML 189

8.1.1 XML的定义 189

8.1.2 XML和HTML的不同 190

8.1.3 XML的应用 191

8.1.4 XML相关技术 192

8.2 XML文档规则 193

8.2.1 XML文档的有效性 193

8.2.2 XML的语法 193

8.3 显示XML文档 195

8.3.1 直接查看XML文档 195

8.3.2 用CSS显示XML文档 196

8.3.3 用XSL显示XML文档 197

8.3.4 在HTML中嵌入XML数据 199

8.3.5 用JavaScript显示XML数据 201

8.4 文件类型定义 203

8.4.1 什么是DTD 203

8.4.2 DTD文件声明 204

8.4.3 元素的声明 205

8.4.4 属性的声明 207

8.4.5 实体的声明 208

8.4.6 验证XML 208

8.5 XML模式 209

8.5.1 XML模式基础 209

8.5.2 使用模式定义简单类型 211

8.5.3 使用模式定义复杂类型 213

8.6 XML样式表(XSL) 219

8.6.1 XSL简介 220

8.6.2 使用XSLT将XML转换为XHTML 220

8.7 XML编程接口 225

8.7.1 DOM 225

8.7.2 SAX 227

练习题 227

第9章 用Dreamweaver制作网页 229

9.1 Dreamweaver的界面 229

9.1.1 Dreamweaver的界面元素 229

9.1.2 设置文档窗口 231

9.2 创建与管理站点 233

9.2.1 网站开发流程 233

9.2.2 创建本地站点 237

9.2.3 管理本地站点 238

9.2.4 创建与管理远程站点 239

9.3 文本修饰与超链接 240

9.3.1 制作网页的一般过程 240

9.3.2 设置字符格式 241

9.3.3 设置段落格式 243

9.3.4 设置列表格式 243

9.3.5 使用超链接 244

9.4 使用图像 246

9.4.1 插入图像 246

9.4.2 设置图像属性 247

9.4.3 制作图像映射 247

9.4.4 制作鼠标经过图像效果 248

9.5 使用多媒体对象 249

9.5.1 使用声音与视频 249

9.5.2 使用Flash对象 250

9.6 设计页面版式 250

9.6.1 使用表格排版 251

9.6.2 使用层排版 257

9.6.3 使用框架排版 259

9.7 表单与行为 263

9.7.1 创建表单 264

9.7.2 创建表单控件 265

9.7.3 添加表单控件标签 268

9.7.4 行为的概念与基本操作 269

9.7.5 使用Dreamweaver自带的行为动作 270

9.8 使用CSS样式 275

9.8.1 创建与编辑CSS样式 275

9.8.2 应用CSS样式 277

9.8.3 创建和链接外部CSS样式表 278

练习题 279

第10章 实际技能训练 281

10.1 实训1——基本HTML文件的编辑 281

10.2 实训2——设置文本格式 281

10.3 实训3——使用超链接和建立站点 282

10.4 实训4——使用图像 282

10.5 实训5——使用表格 283

10.6 实训6——使用框架 283

10.7 实训7——使用表单 284

10.8 实训8——制作Flash动画 284

10.9 实训9——使用CSS样式表 285

10.10 实训10——使用JavaScript与DHTML 285

10.11 实训11——使用XML 286

10.12 实训12——使用Dreamweaver 286

附录1 HTML颜色表 288

附录2 HTML4.0快速参考 291

附录2.1 通用属性 291

附录2.2 HTML文档结构元素 291

附录2.3 文本元素 292

附录2.4 字体样式元素 294

附录2.5 列表元素 295

附录2.6 表格元素 296

附录2.7 框架元素 297

附录2.8 表单元素 298

附录2.9 其他元素 299

附录3 Internet网址集粹 304

编辑推荐

随着网络技术的不断发展,网络应用已经逐步渗透到了人类社会的各行各业。网页制作也随之成为最热门的网络应用技术。本书详细介绍了网页基础知识、Dreamweaver和Flash应用,并用综合实例提升读者的网页编程能力。

网页制作教程基础入门

最开始,网页呈现在你面前的时候,它就好像一张白纸,它需要你任意挥洒你的设计才思。在开始的时候,你需要明白,虽然你能控制一切你所能控制的东西,但假如你知道什么是一种约定俗成的标准或者说大多数访问者的浏览习惯,那么你可以在此基础上加上自己的东西。你当然也可以创造出自己的设计方案,但如果你是初学者,那么最好明白网站制作的基本概念。

1.页面尺寸:

由于页面尺寸和显示器大小及分辨率有关系,网页的局限性就在于你无法突破显示器的范围,而且因为浏览器也将占去不少空间,留下给你的页面范围变得越来越小。一般分辨率在800x600的情况下,页面的显示尺寸为:780x428个象素;分辨率在640x480的情况下,页面的显示尺寸为:620X311个象素;分辨率在1024X768的情况下,页面的显示尺寸为:1007x600。从以上数据可以看出,分辨率越高页面尺寸越大。浏览器的工具栏也是影响页面尺寸的原因。一般目前的浏览器的工具栏都可以取消或者增加,那么当你显示全部的工具栏时,和关闭全部工具栏时,页面的尺寸是不一样的。在网站制作过程中,向下拖动页面是惟一给网页增加更多内容(尺寸)的方法。但我想提醒大家除非你能肯定站点的内容能吸引大家拖动,否则不要让访问者拖动页面超过三屏。如果需要在同一页面显示超过三屏的内容,那么你最好能在上面做上页面内部连接,方便访问者浏览。

2.整体造型:

什么是造型,造型就是创造出来的物体形象。这里是指页面的整体形象,这种形象应该是一个整体,图形与文本的接合应该是层叠有序。虽然,显示器和浏览器都是矩形,但对于页面的造型,你可以充分运用自然界中的其它形状以及它们的组合:矩形,圆形,三角形,菱形等。对于不同的形状,它们所代表的意义是不同的。比如矩形代表着正式,规则,你注意到很多ICP和政府网页都是以矩形为整体造型;圆形带表着柔和,团结,温暖,安全等,许多时尚站点喜欢以圆形为页面整体造型;三角形代表着力量,权威,牢固,侵略等,许多大型的商业站点为显示它的权威性常以三角形为页面整体造型;菱形代表着平衡,协调,公平,一些交友站点常运用菱形作为页面整体造型。虽然不同形状带表着不同意义,但目前的网页制作多数是接合多个图形加以设计,在这其中某种图形的构图比例可能占的多一些。

3.页头:

页头又可称之为页眉,页眉的作用是定义页面的主题。比如一个站点的名字多数都显示在页眉里。这样,访问者能很快知道这个站点是什么内容。页头是整个页面设计的关键,它将牵涉到下面的更多设计和整个页面的协调性。页头常放置站点名字的图片和公司标志以及旗帜广告。

4.文本:

文本在页面中出现多数以行或者块(段落)出现,它们的摆放位置决定者整个页面布局的可视性。在过去因为页面制作技术的局限,文本放置的位置的灵活性非常小,而随着DHTML的兴起,文本已经可以按照自己的要求放置到页面的任何位置。

5.页脚:

页脚和页头相呼应。页头是放置站点主题的地方,而页脚是放置制作者或者公司信息的地方。你能看到,许多制作信息都是放置在页脚的。

6.图片

图片和文本是网页的两大构成元素,缺一不可。如何处理好图片和文本的位置成了整个页面布局的关键。而你的布局思维也将体现在这里。

7.多媒体

除了文本和图片,还有声音,动画,视频等等其它媒体。虽然它们不是经常能被利用到,但随着动态网页的兴起,它们在网站制作的布局设计上也将变得更重要。

网页制作教程(第三版)

书名:网页制作教程(第三版)(普通高等教育“十五”国家级规划教材) 

ISBN:711515222 

作者:赵丰年 

出版社:人民邮电出版社

定价:26 

页数:305 

出版日期:2006-10-1 

版次:1 

开本:16开 

包装:平装 

简介:本书系统全面地介绍网页制作技术的基本理论和实际应用。全书共10章,分为3大部分。前5章为第1部分,主要介绍网页制作的基本理论——HTML,同时穿插介绍Fireworks,Flash,Anfy等软件在网页制作过程中的应用;第6章~第8章为第2部分,主要介绍网页制作技术,包括CSS技术、客户端脚本技术(DHTML)以及XML技术;第9章~第10章为第3部分,主要介绍当前最流行的网页制作工具——Dreamweaver,以及提供12个实训项目,使读者能够从实际应用的角度进一步巩固所学知识。. 

本书以实用为基本的出发点,不但包括各种网页制作技术的基础理论,而且强调网页制作的具体应用,使读者既能打下坚实的理论基础,又能掌握实际的操作技能。.. 

本书可作为高等职业学校、成人高校、本科院校设立的二级职业技术学院和培训班讲授网页制作课程的教材或参考书,也适合广大网页制作爱好者或相关从业人员自学之用。

相关词条

相关搜索

其它词条