1、第一部分 HTML语言与网页设计,一、HTML基本标记,下面是一个简单的网页源代码：, Hello, world! Hello,world! ,二、分段和换行,一）源代码给文字分段落这段程序的源文件包括了很多行文字，但是会被浏览器忽略，看到的仅仅是一行。这段程序的源文件也包括了很多行文字，但由于使用了标记，所以在浏览器中能显示出来。 居中对齐左对齐右对齐,给文字分段落这段程序的源文件包括了很多行文字，但是会被浏览器忽略，看到的仅仅是一行。这段程序的源文件也包括了很多行文字，但由于使用了标记，所以在浏览器中能显示出来。 居中对齐左对齐右对齐,这段程序的源文件包括了很多行文字，但是会被浏览器忽略，
2、看到的仅仅是一行。 这段程序的源文件也包括了很多行文字，但由于使用了标记，所以在浏览器中能显示出来。 居中对齐左对齐右对齐,二）显示效果,三、说明,和标记用于为文本分段，位于和之间的文本单独构成一个段落。标记用于文本换行。 参数align用与控制每段的对齐方式，center为居中对齐，left为左对齐，right为右对齐，默认状态为左对齐。 注意分段和换行的区别：两段之间间距较宽，而两行之间间距较窄。,三 文字修饰,一）源代码文本格式粗体斜体红色绿色兰色紫色,二）显示效果,粗体斜体红色 绿色 兰色 紫色,三）说明,1、bgcolor =#CCFFFF用于定义网页的背景颜色，它是、标记对的一个参
3、数，请注意它的位置。引号中的字符为背景颜色的RGB值。2、我们可以使用和标记对使文字显示为粗体，使用和标记对使文字显示为斜体。3、使用和标记对可以定义文字的颜色和大小，其中color参数用于定义颜色，size参数用于定义大小。,四 水平线,一）源代码水平线标记用来一条定义水平线。 ,二）显示效果,标记用来定义一条水平线。,三）说明,1、标记用来一条定义水平线。2、其中参数width用于控制线长，可以使用百分比或像素两种表示方法。3、size控制水平线的粗细；color控制水平线的颜色。,五 超链接,一）源代码超链接第一个页面第二个页面,二）显示效果,第一个页面第二个页面,三）说明,和标记对用于
4、定义一个超链接。参数target=_blank则打开一个新的浏览器窗口，并在其中显示所链接文件的内容。,六 显示图片,一）源代码显示图片在这里插入一幅图片 ,二）显示效果,在这里插入一幅图片,三）说明,标记用于插入图片，src参数后面是图片的位置和名称。浏览器并不支持所有格式图片的显示，网上常用的图片格式有 .gif .jpg 和 .jpeg。,七 表格及其用途,1、在HTML代码中与用于定义一个表格，与用于定义一行，与用于定义一列。2、参数width=200定义宽度，height=200定义高度，border=1定义边框的粗细，align=center定义表格对齐方式，cellspacing
5、=1定义单元个的间距，bordercolor=#000099定义边框的颜色，bgcolor=#FFCC99定义背景色。3、表格在网页中的更多的被用于页面的排版和定位,一个简单的表格源代码：/定义一行 这里，我们首先定义了一个表格，然后在表格中，划分了一行，在这一行中，又定义了两列。, 25 ,创建不规则表格,rowspan 与 colspan分别表示一个单元格跨越几行或几列。使用这两个参数可以创建不规则表格。,第二部分 JAVA Script,一 JavaScript简介JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目
6、的是与HTML超文本标记语言、Java 脚本语言（Java小程序）一起实现在一个Web页面中链接多个对象，与Web客户交互作用。从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷，它是Java与HTML折衷的选择，具有以下几个基本特点： 1、是一种脚本编写语言JavaScript是一种脚本语言，它采用小程序段的方式实现编程。像其它脚本语言一样,JavaScript同样已是一种解释性语言,它提供了一个易的开发过程。 它的基本结构形式与C、C+、VB、Delphi十分类似。但它不像这些语言一样，需要先编译，而是在程序运行过程中被逐行地解
7、释。它与HTML标识结合在一起，从而方便用户的使用操作。 2、基于对象的语言。JavaScript是一种基于对象的语言，同时以可以看作一种面向对象的。这意味着它能运用自己已经创建的对象。因此，许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。,3、简单性JavaScript的简单性主要体现在：首先它是一种基于Java基本语句和控制流之上的简单而紧凑的设计, 从而对于学习Java是一种非常好的过渡。其次它的变量类型是采用弱类型，并未使用严格的数据类型。 4、安全性JavaScript是一种安全性语言，它不允许访问本地的硬盘，并不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通
8、过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。 5、动态性的JavaScript是动态的，它可以直接对用户或客户输入做出响应，无须经过Web服务程序。它对用户的反映响应，是采用以事件驱动的方式进行的。所谓事件驱动，就是指在主页(Home Page)中执行了某种操作所产生的动作，就称为“事件”(Event)。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。 6、跨平台性JavaScript是依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持JavaScript的浏览器就可正确执行。从而实现了“编写一次,走遍天下”的梦想。,二
9、JAVA Script 程序示例,/ JavaScript Appears here.alert(这是第一个JavaScript例子!);alert(欢迎你进入JavaScript世界!); alert(今后我们将共同学习JavaScript知识！); ,程序一 演 示程序二 跑马灯效果,第三部分 ASP简介,ASP 是 Active Server Page的简称。ASP文件以 .asp 结尾。ASP 文件由HTML标记，VBScript脚本和ASP语句程序组成ASP是一个标准的网页程序部分用括在一齐。,ASP程序示例,源代码： 指明ASP使用的是VBScript语言一个ASP程序 ASP循环语言ASP程序,显示效果：,ASP程序ASP程序ASP程序ASP程序ASP程序,显示页面的源代码：,一个ASP程序ASP程序ASP程序ASP程序,
