第8章 Web开发基础.pptVIP

* 第8章 Web开发基础 通过前面几章的学习，我们已经熟悉动态网页的原理，可以使用VBScript脚本语言、ASP内置对象和组件开发动态网站，实现网站的交互、信息传递、数据传递等一系列功能。但是开发一个优秀的网站，只有功能是不够的，网站风格、页面美工等都是一个网站必不可少的元素。 本章将详细介绍HTML语言、CSS样式表以及JavaScript脚本语言的应用，使网站元素更加丰富多彩。 * 本章知识要点： 了解HTML语言的各种标记 了解CSS的各种属性 了解JavaScript函数 熟悉JavaScript各种对象 了解JavaScript事件及处理 * 8.1 使用HTML HTML（Hyper Text Markup Language，超文本标记语言），它是在SGML定义下的一个描述语言，也可以说HTML是SGML的一个应用程式，它可以用来格式化文本信息。它包含的指令（标记）可以插入到未定义格式的文件里，运用标记格式化文件的显示效果。HTML是标记的集合，这些标记由尖括号“ ”标识。 8.1.1 文本和排版标记 在浏览器中，任何HTML标记都看不到，但是在浏览器中所看到的网页效果却都是由这些标记生成的，网页一般都是以成段的文字形式存储信息的。 * 标记 含义 b /b 粗体 i /i 斜体 u /u 下划线 tt /tt 打字机字体 big /big 大型字体 small /small 小型字体 em em 表示强调，一般为斜体 strong strong 表示特别强调，一般为粗体 8.1.2 布局标记 一个成功的网页，不仅要有丰富、有趣的内容，而且还要有清晰、美观的页面布局，这样才能吸引网民的注意。表格（Table）标记和Div标记就是最常用的两种方式。 * 8.1.3 表单和框架 表单在Web网页中用来给访问者填写信息，从而能获得用户信息，使网页具有交互的功能。一般是将表单设计在一个HTML文档中，当用户填写完信息后做提交（Submit）操作，于是表单的内容就从客户端的浏览器传送到服务器上，经过服务器上的ASP或者CGI等处理程序处理后，再将用户所需信息传送回客户端的浏览器上，这样网页就具有了交互性。 使用框架结构设计的HTML文件，能够将整个窗口分成几个独立的小窗口，每一个窗口可以分别载入不同的文件，并且各窗口之间还可以进行相互的操作。 * 8.2 使用CSS CSS（Cascading Style Sheets，层叠样式表）是一种制作网页的新技术，现在已经为大多数的浏览器所支持，成为网页设计必不可少的工具之一。它的使用有三种基本方法：内联方式、单个页面嵌入方式、链接外部样式表。具体操作中应该使用哪种方法，原则上是：当有多个网页要用到CSS样式时，采用外部链接CSS文件的方式；只在单个网页中使用CSS样式时，采用在文档头部嵌入CSS样式；当在网页的局部用到CSS样式时，采用内联方式。 * 8.2.1 字体属性 再精美的网页，最重要的作用就是给用户提供信息。而信息的主要显示方式就是文本。文本是内容，内容的基本显示构成就是字体。HTML中的字体标记font只能提供字体颜色color、字体大小size和字体类型face三种设置，而CSS样式表则提供了多个字体属性使设计者对字体有更详细的设置，从而能够更加丰富页面效果。 * 8.2.2 颜色和背景属性 一个优秀的网页设计者不仅要能够合理的安排页面布局，而且还要具有一定的色彩视觉和色彩的搭配能力，这样才能够使网页更加精美也具表现力，并给浏览者以亲切感。现在，依赖CSS的强大功能，能够为页面增加在更加多样的色彩及背景选择。并且能够统一页面元素的色彩配置。在这一节中，将介绍CSS的颜色及背景属性。 1．Color属性 2．background-color属性 3．background-image属性 4．background-repeat属性 5．background-position属性 6．background-attachment属性 * 8.2.3 区块属性 区块表示的是页面所包含的内容块，区块的放置与效果的显示会直接影响到页面的布局及风格。CSS样式表提供了区块属性来实现对页面中文本的控制，本节将对几种重要的区块属性进行介绍。 1．text-indent属性 2．text-align属性 3．white-space属性 4．line-height属性 5．vertical-align属性 6．text-transform属性 7．text-decorati