第12章计算机网络基础

第十二章Web网页制作与发布----Frontpage2000的使用主要内容HTML语言1动态网页开发技术2ASP技术3使用Frontpage制作网页4网页制作其他工具5建立Web服务器7网站设计与发布6第12章Web网页设计与制作HTML语言1动态网页开发技术2ASP技术3使用Frontpage制作网页4网页制作其他工具5建立Web服务器7网站设计与发布6基本标记添加超链接和书签添加图像创建表格定义表单设置帧12.1HTML语言●HyperTextMarkupLanguage----超文本标记语言–制作Web页面的基本编程语言–一系列标记的集合●分类●双边标记：头标与尾标。如：title…/title●单边标记：只有头标。如：hr●属性●对标记的行为进行控制例:htmlheadtitle这里是标题栏/title/headbodyp这里是网页文本的页面体部分/phr/body/htmlhtml/html1head/head2title/title3body/body4p5hr6●几个基本标记12.1.1基本标记例:htmlheadtitle这里是标题栏/title/headbodybgcolor=”blue”text=”white”leftmargin=0p这里是网页文本的页面体部分/phr/body/html●几个基本属性background1bgcolor2text3leftmargin4topmargin512.1.1基本标记htmlheadtitle这里是标题栏/title/headbodyleftmargin=0p这里是网页文本的页面体部分/pp这是一个超级链接到ahref==”武汉大学”武汉大学主页/a/ppaname=”bm1”这是/a书签1。/pp该ahref=”#bm1”链接/a将到书签1。/phr/body/html●术语●作用——锚点(anchor)——实现超级链接●标记——a/a●属性——href，name，title12.1.2添加超级链接和书签链接与书签的区别：链接：页面转移到另一个页面或站点。书签：页面跳转到当前页的另一个位置。bodyleftmargin=0p这里是网页文本的页面体部分/pp这是一个超级链接到ahref==”武汉大学”武汉大学主页/a/ppaname=”bm1”这是/a书签1。/ppimgsrc=”tupian1.jpg”alt=”武汉大学正校门”align=”bottom”border=0br这是武汉大学的正校门。/pp该ahref=”#bm1”链接/a将到书签1。/phr/body●图像格式——bmp，gif，jpg●标记——img●属性——src，align，altborder，heightwidth12.1.3添加图像12.1.4创建表格（table）●标记–caption/caption–table/table–tr/tr–td/td–需要显示表格数据–定位页面中的各个元素●作用●作用–让用户输入信息–实现用户与服务器的双向通信●标记–form/form–input–select/select–option/option12.1.5定义表单（Form）formaction=”saveresults”method=”post”p姓名：inputtype=textsize=25maxlength=256name=”name”/pp地址：inputtype=textsize=50maxlength=256name=”address”/pp发送数据？Yesinputtype=radioname=”send”value=”yes”Noinputtype=radioname=”send”value=”no”p需要什么产品？selectname=”product”multiplesize=”1”optionvalue=”screen”selected显示器optionvalue=”keyboard”键盘optionvalue=”mouse”鼠标optionvalue=”modem”调制解调器/select/pp是否会员？inputtype=checkboxname=”member”value=”true”/ppinputtype=submitvalue=确定inputtype=resetvalue=取消html/form属性●帧：在一个浏览器窗口中定义单独的窗框–每个帧包含了一个单独的网页–可独立于其它帧滚动12.1.6设置帧（Frame）●frame/frame●frameset/frameset●noframes/noframes标记CGI与ISAPIJavaApplet脚本语言与服务器端脚本技术第12章Web网页设计与制作HTML语言1动态网页开发技术2ASP技术3使用Frontpage制作网页4网页制作其他工具5建立Web服务器7网站设计与发布612.2动态网页网页分类动态网页——不需人工修改代码，根据需要可以自动获得并形成随数据库变化的数据。--特点：交互性、可自动更新、因时因人而变静态网页——网页内容固定不变。–优点：简单–缺点：不能满足访问者的需要；不易维护12.2动态网页动态网页技术分类服务器端技术——服务器执行一个包含用户HTTP请求的应用程序，将处理结果返回客户端。-常见服务器端Web编程技术有：CGI，ISAPI，ASP，PHP，JSP等。客户端技术——DHTML技术-通过各种技术的综合发展而得来。-包括：JavaScript；VBScript；DOM；CSS等12.2.1CGI与ISAPI客户端浏览器应用程序接口web应用程序web服务器23网页执行结果4通用网关接口不是编程语言，只是一种接口可用多种编程语言来编写处理程序。如：C/C++，Perl，VisualBasic，Shell语言等。CGI--CommonGatewayInterface执行过程1客户端数据212.2.1CGI与ISAPI微软提供的一套面向Internet服务的API接口能实现CGI能提供的全部功能，并在此基础上进行了扩展，如提供了过滤器应用程序接口等。开发ISAPI应用的语言不如CGI多，主要有：VisualC++4.1以上版本、VisualBasic5.0、BolandC++5.0等。ISAPI12.2.2JavaApplet●Java：Sun公司开发的面向对象的程序设计语言应用程序，由Java语言编写，经过编译和解释后，可以独立运行于多种操作系统平台上。一般以命令行方式运行。JavaApplication1JavaApplet不能独立运行，它必须嵌入到HTML文件中，并且需要启动浏览器才能运行。JavaApplet2两大类程序1、Applet程序的结构HelloWorld.javaimportjava.awt.Graphics;publicclassHelloWorldextendsjava.applet.Applet{publicvoidpaint(Graphicsg){g.drawstring(“您好!”,50,25);}}创建源程序生成Bytecode嵌入HTML文件中浏览器解释执行编译文件名为HelloWorld.class2、在HTML文件中嵌入Applethtmlheadtitle欢迎访问/title/headbodyappletcode=”HelloWorld.class”width=200height=50/applet/body/html文件名为HelloWorld.html3、解释执行Applet只需用支持Java的Web浏览器来浏览该HTML文件即可。在浏览器的地址栏中输入要显示的文件名及路径。12.2.3脚本语言与服务器端脚本技术1、脚本语言——一种介于HTML和编程语言之间的特殊语言，不具备复杂严谨的语法和规则。–VBScript–JavaScript–Perl●常见脚本语言程序开发语言VisualBasic家族成员。开发者可以在产品中免费使用VBScript源实现程序。它与浏览器集成在一起。大多数Script代码位于Function或Sub过程中，仅在其他代码要调用它时执行。1、脚本语言–VBScript–JavaScript–Perl●常见脚本语言由Netscape公司开发并随Navigator一起发布的、介于Java与HTML之间的编程语言。是一种基于对象(Object)和事件驱动(EventDriven)并具有安全性能的脚本语言。开发环境简单，不需要Java编译器，通过嵌入或调入在标准的HTML语言中实现，直接运行在Web浏览器中。它的出现弥补了HTML语言的缺陷，是Java与HTML折衷的选择。1、脚本语言–VBScript–JavaScript–Perl●常见脚本语言Perl是一种很古老的脚本语言。最初的Web应用大多是用Perl编写的。Perl很像C语言，使用非常灵活。由于其灵活性和“过度”冗余的语法，导致许多Perl程序代码难以阅读和维护，用户逐渐减少，目前有被Python替代的可能。它对于CPU的消耗较高，效率不足。它在部分应用中能发挥很大优势，但维护性差，普及很困难。2、服务器端脚本技术–ASP–PHP–JSP●服务器端脚本技术ASP是微软的WindowsIIS系统自带的服务器端脚本语言环境，利用它可以执行动态的Web服务应用程序。语法非常类似VB，学过VB的人可以很快上手。不能很好支持跨平台的应用开发。微软提供了COM/DCOM技术，弥补了ASP功能简单的缺陷，极大拓宽了ASP的应用范围。简单且易维护，是小型网站应用的最佳选择。2、服务器端脚本技术–ASP–PHP–JSP●服务器端脚本技术PHP是一种嵌入HTML页面中的脚本语言。它大量地借用C和Perl语言的语法，并结合PHP自己的特性，使Web开发者能够快速地写出动态页面。PHP是完全免费的开放源代码产品，PHP和MYSQL搭配使用，可以快速地搭建动态网站系统。PHP的语法和Perl很相似，但其内部结构的天生缺陷导致它不适合于编写大型网站系统。2、服务器端脚本技术–ASP–PHP–JSP●服务器端脚本技术JSP是Sun公司推出的动态网页技术。它以Java语言作为脚本语言，熟悉JAVA语言则可很快上手。JSP虽然也使用脚本语言，但JSP代码却是被编译成Servlet并由Java虚拟机执行，因此其执行效率比PHP和ASP都高。JSP在技术结构上有其他脚本语言所没有的优势，也能够支持高度复杂的基于Web的应用。虽然其配置和部署相对其他脚本语言环境稍复杂，但对于跨平台的中大型网站系统来讲，基于JAVA技术的JSP几乎成为唯一的选择。概述ASP执行环境编写ASP脚本ASP语法ASP五大内置对象第12章Web网页设计与制作HTML语言1动态网页开发技术2ASP技术3使用Frontpage制作网页4网页制作其他工具5建立Web服务器7网站设计与发布612.3.1ASP概述MicrosoftActiveServerPages内含于IIS3.0以上运行于服务器端类似HTML，Script和CGI的结合体运行效率比CGI高，书写比H