1、专题一：专题一：HTML HTML【本章内容】1.1 ASP基础1.2 网站的目录结构设计1.3 网站的风格设计1.4 网站的导航设计1.11.1节节 ASPASP程序设计程序设计【本节内容】一.ASP概述 二.ASP开发工具与开发平台 三.ASP的运行方式 四.配置服务器 五.创建简单ASP程序 六.思考与练习作 者：阳西述等 主编出 版 社：华中科技大学出版社出版时间：2011-8-1 I S B N：9787560971407 定 价：￥36 当 当 价：￥27 指指 定定教教材材指指 定定 教教 材材作 者：张季谦等 主编出 版 社：中国科学技术大学出版社出版时间：2010-8-1 I
2、 S B N：9787312027437 定 价：￥25.00 当 当 价：￥20.20 指指 定定 教教 材材作 者：孔鹏 主编出 版 社：机械工业出版社 出版时间：2007-7-1 I S B N：9787312027437 定 价：￥49.80 当 当 价：￥34.70 ASPASP概述概述ASP（Active Server Pages）1、Active：ASP使用了Microsoft的ActiveX技术。ActiveX是Microsoft对于一系列策略性面向对象程序技术和工具的称呼，其中主要的技术是组件对象模型（COM）。它采用封装对象，程序调用对象的技术，简化编程，加强程序间合作。A
3、SPASP概述概述ASP（Active Server Pages）2、Server：ASP运行在服务器端。这样就不必担心浏览器是否支持ASP所使用的编程语言。ASP的编程语言可以是VBSCRIPT和JSCRIPT。VBSCRIPT是VB的一个简集，会VB的人可以很方便的快速上手。然而Netscape浏览器不支持客户端的VBSCRIPT，在服务器端，则无需考虑浏览器的支持问题。ASPASP概述概述ASP（Active Server Pages）3、Pages：ASP返回标准的HTML页面，可以正常地在常用的浏览器中显示。浏览者查看页面源文件时，看到的是ASP生成的HTML代码，而不是ASP程序代
4、码。这样就可以防止别人抄袭程序。ASPASP概述概述静态网页与动态网页静态网页：所谓“静态”，指的就是站点的页面内容是“固定不变”的。动态网页：动态网页相对静态网页，网页中显示的内容不是静止的，它可以跟随浏览者的不同或者其他条件的不同在同一个页面中显示出不同的效果。动态页面又分为客户端动态页面和服务器端动态页面开发工具和开发平台开发工具和开发平台ASP开发平台：操作系统开发平台Windows 2003 ServerInternet Information Server(IIS 6.0/5.0)Windows XP Professional不完整的（IIS5.0)Windows 7IIS 7开发
5、工具和开发平台开发工具和开发平台ASP开发工具：Microsoft FrontPageMacromedia DreamweaverMicrosoft Visual InterDev任何文本编辑器 Microsoft Office SharePoint Designer运行方式运行方式AB服务器请求响应客户机网络处理客户机配置服务器配置服务器配置IIS服务器本操作是在Win2003 Server上配置，Window 7 略有不同。创建简单创建简单ASPASP程序程序ASP的默认编辑语言为VBSCRIPT。同时ASP还支持JAVASCRIPT语言编写。我们可以在IIS设置中设置默认语言。如没有特殊
6、要求，我们的ASP代码都是使VBSCRIPT来编写。创建简单创建简单ASPASP程序程序这些是这些是HTML语言脚本语言脚本再次发出再次发出注：蓝色为HTML语言红色为ASP代码灰色为HTML语言注释Eg1演示请参考eg1.asp创建简单创建简单ASPASP程序程序当前时间当前时间为为：Eg2ASP程序以“”结束。演示请参考eg2.asp使用使用aspasp实现简易交互实现简易交互Eg31-1.htm Hello1-1.asp%yname=Request.QueryString(yourname)Response.Write Hello,&yname&%重填重填演示请参考1-1.htm文件包含
7、的使用文件包含的使用Virtual表示以虚拟目录开始的路径File则直接写入正确文件路径演示请参考eg4.asp课后问题课后问题1、ASP程序可以使用什么语言来描述，其默认编程 语言是什么？2、如何配置IIS服务器，并使它运行ASP程序3、ASP的运行方式是怎样的？4、自己动手编写课件中的eg1和eg2,并通过IIS服务器 查看效果。5、打开附带的EG5.ASP程序，分别说出哪些是HTML 语言代码，哪些是ASP代码。1.21.2节节 HTMLHTML【本节内容】一.HTML语言概述 二.基本标签与属性 三.加入多媒体与超级链接 四.制作表格 五.制作表单 六.框架结构 一、一、HTMLHTM
8、L语言概述语言概述 HTML是（Hyper Text Markup Language，超文本标记语言）的缩写，用来表示网上信息的符号标记语言。HTML语言内容丰富，从功能上大体可分为：文本设置、列表建立、文本属性制定、超链接、图片和多媒体插入、对象、表格、表单的操作，以及框架的建立。一、一、HTMLHTML语言概述语言概述 包括HEAD、TITLE、BODY三部分，下面是基本结构：标题部分 正文部分 HTML文档的结构：二、基本标签及属性二、基本标签及属性 HTML标记 1HTML文档标记 格式：标志文件开始和结尾的标记。2HTML文件头标记 格式：用于包含文件的基本信息。3HTML文件主体标
9、记 格式：文件主体标记。注意：与为独立的两个部分，不能互相嵌套。标记中的基本内容：1标题 2信息:在服务器和客户之间传达隐含信息。其中最重要的设置：HTTP-EQUIV：设置或者获取content中的内容，并把内容添加入HTTP的响应头中。Content:META信息的内容。举例：二、基本标签及属性二、基本标签及属性 标记中的基本内容：标签中的内容都是在浏览器中可以被看到的内容。除内使用的标签以外的其他HTML语言标签都属于的内容。我们在后续的课程当中主要围绕标签里面的内容来详细讲解。二、基本标签及属性二、基本标签及属性 设置的属性 1属性概述 background-背景图片Bgcolor“R
10、RGGBB”-背景色彩 text-非可链接文字的色彩举例：二、基本标签及属性二、基本标签及属性 设置的属性 1属性 link-可链接文字的色彩 alink-正被点击的可链接文字的色彩 vlink-已经点击(访问)过的可链接文字的色彩 Leftmargin-页面左边的空白 topmargin -页面上方的空白 二、基本标签及属性二、基本标签及属性 标尺线#=象素值#=象素值#=left,right RRGGBB二、基本标签及属性二、基本标签及属性 段落格式化 1标题标记格式：，设置各种大小不同标题的标记。2段落标记格式：设置段落标记。3预定格式标记格式：在浏览器中浏览时，按照文档中预先排好的形式
11、显示内容。二、基本标签及属性二、基本标签及属性 4分区显示标记格式：分区显示标记。5词标记 格式：强制进行换行标记。6注释标记格式：注释标记。二、基本标签及属性二、基本标签及属性 建立列表1有序列表格式：功能：建立有序列表。二、基本标签及属性二、基本标签及属性 2无序列表格式：功能：建立无序列表。二、基本标签及属性二、基本标签及属性 3自定义列表格式：注意：根据文档的具体要求，列表可以嵌套使用。List.htm二、基本标签及属性二、基本标签及属性 字符的格式化 1字体设置标记格式：功能：设置字体格式标记。标记提供了几种属性：size：设置文字的大小。face：设置字体。color：设置文字的颜
12、色。二、基本标签及属性二、基本标签及属性 其他标记格式功能给字符加下划线给字符上加横线，表示删除给字符加粗将字符设置成斜体二、基本标签及属性二、基本标签及属性 2.3.1 加入图像 图像在网页设计中是必不可少的，所以用户应掌握在网页中操作图像的方法。格式：功能：在网页中加入图像。三、加入多媒体与超级链接三、加入多媒体与超级链接标记属性功能src=URL通过URL给出图像来源的位置，不可缺省width=size设置图像宽度height=size设置图像高度alt=txt设置在图像未载入前图片位置显示的文字border=size设置图像边框，缺省为0align=alignstyle设置对齐方式。取
13、值为：top，middle，bottom，left，righthspace=size设置图片左右边沿空白vspace=size设置图片上下边沿空白1插入图像 三、加入多媒体与超级链接三、加入多媒体与超级链接2.3.2 加入超级链接格式：2.3.2.1 基本属性标记属性标记属性功能功能href=URL给定链接目标的位置name插入一个锚点accesskey=character设置快捷键tabindex=num设置Tab键的顺序target=frametarget设置显示链接文件的目标的框架_blank,_self,_top,_parent三、加入多媒体与超级链接三、加入多媒体与超级链接2.3.2
14、.2 单图单向链接 a =URL 下面是一个图片超级链接的例子。单图单向图片超级链接这是图片超级链接的示例。三、加入多媒体与超级链接三、加入多媒体与超级链接2.3.2 加入超级链接格式：2.3.2.3 单图多向链接 三、加入多媒体与超级链接三、加入多媒体与超级链接2.3.2 加入超级链接格式：2.3.2 加入超级链接格式：2.3.2.3 单图多向链接 为图像地图的起始标记，说明以下至标记均属于图像地图部分，并且在name属性上给这个图像地图起一个名字，以便利用这个名字找其中各个区域及对应的URL。在标记中，shape指明区域的形状，如，rect（矩形），circle（圆形），poly（多边形）
15、。coords指明各区坐标，表示方式随shape有所不同，说明如下：1）Shaps=rect coords=X1，Y1，X2，Y2其中，X1，Y1代表矩形左上角的（X，Y）坐标，X2，Y2代表矩形右下角的（X，Y）坐标。2）shape=circle coords=X1，Y1，R其中，X1，Y1代表圆心坐标，R为圆的半径。3）shape=poly coords=X1，Y1，X2，Y2，其中，Xn，Yn代表多边形的各顶点坐标。三、加入多媒体与超级链接三、加入多媒体与超级链接2.3.2 加入超级链接格式：2.3.2.3 单图多向链接 单图多向超级链接测试。三、加入多媒体与超级链接三、加入多媒体与超级
16、链接2.3.2 加入超级链接格式：2.3.2.4 文件内部链接 text text三、加入多媒体与超级链接三、加入多媒体与超级链接2.3.2 加入超级链接格式：2.3.2.5 文件间的链接 text三、加入多媒体与超级链接三、加入多媒体与超级链接2.3.3 加入多媒体对象 2.3.3.1 自动载入音乐 视频 SRC=././FILENAME文件的路径AUTOSTART=TRUE/FALSE是否自动播放，TRUE是要，FALSE是不要，默认为FALSELOOP=TRUE/FALSE重复次数，LOOP=6重复6次，TRUE无限次，FALSE一次。STARTIME=分:秒开始播放时间，如20秒后播放
17、写为STARTIME=00:20VOLUME=0-100音量的大小。如果没设定的话，就用系统的音量。WIDTH HEIGHT控制面板的大小三、加入多媒体与超级链接三、加入多媒体与超级链接四、制作表格四、制作表格 2.4.1 建立表格创建表格是规划页面最常用的方法。格式：功能：创建表格进行页面设计。在浏览器中显示时，表格的整体外观由标记的属性决定。表格基本格式 .四、制作表格四、制作表格 标签属性属性说明border 设置表格边框Width表格宽度Height表格高度cellspacing表格各单元格之间距离Cellpadding单元格内部与文本之间的间距Align表格在网页中的布局Captio
18、n表格标题Bordercolor表格边框颜色bordercolorlight 表格亮面颜色Table.htm四、制作表格四、制作表格 属性标记属性功能bgcolor=colorvalue设置行背景颜色。align=alignstyle设置行对齐方式。valign=valignstyle设置单元格垂直对齐方式。四、制作表格四、制作表格 标记属性功能bgcolor=colorvalue设置单元格背景颜色rowspan=num设置单元格所占的行数colspan=num设置单元格所占的列数align=alignstyle设置对齐方式valign=valignstyle设置单元格垂直对齐方式width=
19、size设置单元格宽度height=size设置单元格高度属性四、制作表格四、制作表格 标记功能rules设置单元格之间的特效Frame设置表格外边框特效Fieldset创建特殊的表格legend在fieldset标签创建特殊表格中生成表头信息特殊效果表格Tables.htm四、制作表格四、制作表格 五、制作表单五、制作表单标签：HTML中唯一的与用户进行交互的部分。表单标签可以与服务器端动态程序（asp）进行数据交换，也可以在客户端处进行数据交互。2.5.1 标签的属性1、name:设置表单的名称2、method:提交表单的方法:Get ,Post3、action=“”设定此表单的处理程序。
20、一般我们设定 action“*.asp”，即使用服务器端ASP程序来处理此表单中的数据。五、制作表单五、制作表单为了配合ASP的处理，我们在标签中必须要设置的属性如下：其中：name用来标识此标签名称value则是此提交到服务器上的值。五、制作表单五、制作表单2.多行输入域标记标记属性功能name=cdata设置标识名称rows=num设置文本域的行数cols=num设置文本域的列数tabindex=num设置tab键的次序.Textarea.htm五、制作表单五、制作表单格式：选项一 选项二 功能：定义选择栏。Select.htm3.选择域五、制作表单五、制作表单属性Size设置显示出来的选
21、项个数multiple可多选Name设置名称属性Selected默认选中状态Value选项的值五、制作表单五、制作表单2.6 2.6 框架结构框架结构 2.6.1 框架结构的文件格式 本页面不支持框架 2.6 2.6 框架结构框架结构2.6.2 框架结构标记的使用 格式：标记属性功能rows=size行设置cols=size列设置frameborder是否显示页面之间的边框Border 框架中各页面的边框厚度2.6 2.6 框架结构框架结构2.6.3 FRAME标记 标记属性功能src=URL设置要链接到的HTML文件name=framename表示子窗口的名字marginwidth=size
22、用来控制显示内容和窗口左右边界的距离，默认为1marginheight=size用来控制显示内容和窗口上下边界的距离，默认为1scrolling=scrollingstyle 指定子窗口是否使用滚动条，有YES/NO/AUTO三个值，默认AUTO，即根据窗口内容决定是否有滚动条noresize使用该属性后，指定窗口不能调整窗口大小2.6 2.6 框架结构框架结构2.6.3 Iframe标签的使用 格式：基本使用方法：:可以滚动的标签。基本格式：要滚动的对象属性：Direction滚动的方向behavior 滚动的方式Loop循环次数scrollamount滚动的速度scrolldelay 滚动的延时Bgcolor底色
