动态网页制作与编程_1_基础知识.

动态网页制作与编程王兴梅[e-mail]哈尔滨工程大学计算机科学与技术学院2课程概况•目标：–能较熟练地使用Dreamweaver+ASP进行动态网页设计•24学时:14+103本次课程主要内容•相关基础知识–什么是网页和网站–网页的分类–网页中的常用术语–网页设计的相关知识•服务器、网页与客户端浏览器的关系•B/S结构•动态网页开发平台和工具–IIS–ASP,JSP–Dreamweaver–DB•一个简单的例子4什么是网页•网页是由HTML（超级文本标识语言）或者其他语言编写的，通过IE浏览器编译后供用户获取信息的页面，它又称为Web页，其中可包含文字、图像、表格、动画和超级链接等各种网页元素。5什么是网站•网站就是一个或多个网页的集合。从广义上讲，网站就是当网页发布到Internet上以后，能通过浏览器在Internet上访问的页面。–门户网站–职能网站–专业网站–个人网站6网页的分类•按所处位置分类•按表现形式分类7按所处位置分类按网页在网站中所处的位置可将网页分为主页和子页两类。8按表现形式分类按网页的表现形式可将网页分为静态网页和动态网页。9Web常用术语URL（UniformResourceLocator）：即统一资源定位器，是一种唯一标识Internet上计算机、目录和文件的位置的命名规则。它由资源类型、存放资源的主机地址和端口以及资源目录和文件名构成。具体如下：资源类型表示信息传输的协议，如http、ftp等。主机地址即为提供资源的主机IP地址或域名地址。端口表示某一服务器在该主机上所使用的TCP端口。目录表示提供服务的信息资源所在的目录。文件名由基本文件名和扩展名两部分构成。例如：↑↑↑↑↑资源类型主机地址端口目录文件名10Web常用术语（续上）HTTP（HypertextTransferProtocol）：超文本传输协议，是Internet上访问信息资源的一种协议，用来传输多媒体信息。HTML（HyperTextMarkuplanguage）：超文本标记语言，是一种描述文档结构的语言，而不能描述实际的表现形式。HTML语言使用描述性的标记符（称为标签）来指明文档的不同内容。11WEB服务器技术•MicrosoftIIS5.0（6.0）•PWS•APACHE思考问题：1.如何来选择使用？2.一台服务器中如果安装两种WEB服务器软件时应注意什么？12网页设计的相关知识•设计网页的原则•网页设计的一般步骤•网页制作的常用工具13设计网页的原则•整体规划•鲜明的主题•善用图像•醒目的导航•及时更新•易记的网站名称•通用网页•动画适量14网页设计的一般步骤•规划网站•收集整理资源•配置站点•创建页面•测试站点•发布站点•维护、更新站点15网页制作的常用工具•网页设计软件:Dreamweaver•图像处理软件:Fireworks或Photoshop。•动画制作软件:Flash。16静态网页和动态网页•这里说的动态网页，与网页上的各种动画、滚动字幕等视觉上的“动态效果”没有直接关系，动态网页也可以是纯文字内容的，也可以是包含各种动画的内容，这些只是网页具体内容的表现形式，无论网页是否具有动态效果，采用动态网站技术生成的网页都称为动态网页。•从网站浏览者的角度来看，无论是动态网页还是静态网页，都可以展示基本的文字和图片信息，但从网站开发、管理、维护的角度来看就有很大的差别。17静态网页和动态网页-续上•静态网页使用语言：HTML（超文本标记语言）•动态网页使用语言：HTML＋ASP或HTML＋PHP或HTML＋JSP等•程序是否在服务器端运行，是重要标志•在服务器端运行的程序、网页、组件，属于动态网页，它们会随不同客户、不同时间，返回不同的网页18动态网页特征(1)动态网页一般以数据库技术为基础，可以大大降低网站维护的工作量;(2)采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理等;(3)动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页。19万维网()是一种主从式的分布式计算机结构，由网络中无数的网站与浏览器组成。网站通过存储和解析网页内容提供各种客户端浏览器(如InternetExplorer)的网页浏览服务。网站服务器软件会在完成对某一个网页内容的解析工作后，将解析的结构回馈给网络中要求访问该网页的浏览器。下图中所示的关系，描述了服务器、网页和浏览器之间的部分关联。用户端浏览器用户端浏览器用户端浏览器Internet服务器端网站文件HTML服务器、网页与客户端浏览器的关系20B/S结构（Browser/Server）B/S结构下，用户工作界面是通过浏览器来实现,极少部分事务逻辑在前端(Browser)实现,主要事务逻辑在服务器端(Server)实现,server端访问数据库,形成所谓三层结构21动态网页开发平台与工具-IIS•IIS(InternetInformationServer)是由微软公司提供的基于运行MicrosoftWindows的互联网基本服务。最初是WindowsNT版本的可选包，随后内置在Windows2000、WindowsXPProfessional和WindowsServer2003一起发行，在WindowsXPHome版本上并没有IIS。•是在Server上建立Internet服务器的基本组件•IIS支持与语言无关的脚本编写和组件22ASP•ASP(ActiveServerPages)活动服务器页面。•是微软公司开发的一种服务器端脚本编写环境,它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。可以用来创建和运行动态网页或Web应用程序•ASP的网页文件的格式是.asp•特点：–功能强大、简单易学（适合初学者^_^）–它只能在Windows平台下使用，但是也可以通过增加控件而在Linux下使用，目前使用最多的是ASP.NET。23JSPJSP（JavaServerPages）是由Sun公司倡导、许多公司参与并一起建立的一种动态网页技术标准，其为创建动态的Web应用提供了一个独特的开发环境。24•ASP最大的好处是除了可以包含HTML标记外，还可以直接访问数据库，并可以通过ASP的组件和对象技术，使用可无限扩充的ActiveX控件进行动态网页的开发。ASP与JSP的比较25•由于微软市场政策的原因，ASP在使用上有一定的局限性——ASP只能运行在微软的操作系统平台下，其工作环境只能是微软的IIS和PWS（PesonerWebServer，个人Web服务），同时，ActiveX控件也对于操作平台有所依赖，因此，这种方案对于跨平台的服务不能提供良好支持。ASP与JSP的比较26•相对来说，SUN推出的JSP（JavaServerPages，Java服务页）解决了这一问题，它具有更好的跨平台支持。JSP可以支持超过85%以上的操作系统，除了Windows外，它还支持Linux、UNIX等，JSP被认为是当前最有前途的动态网站技术。ASP与JSP的比较27•与ASP由微软独自开发不同，JSP是由SUN公司所倡导，众多公司参与，一起建立的一种动态网页技术标准。由于它是基于Java技术的动态网页解决方案，具有良好的可伸缩性，并且与JavaEnterptiseAPI紧密结合，因此在网络数据库应用开发方面有得天独厚的优势。ASP与JSP的比较28IIS与ASP•IIS是网页发布的服务平台•ASP是一种网页编程语言•ASP编写的网页程序放置于WEB服务器上，该服务器需要配置IIS才可以将ASP网页发布出去以供其它浏览器（IE）进行浏览29Dreamweaver•Dreamweaver是美国Macromedia公司开发的集网页制作和管理网站于一身的网页制作软件。•Dreamweaver8是Dreamweaver系列产品的较新版本。30Dreamweaver文档窗口面板组属性检查器状态栏插入工具栏``文档工具栏菜单栏31ASP与DW•ASP是网页的一种编程语言，一般来说，任何文本编辑器工具都可作为ASP的开发工具，只要编写完毕后存成后缀为.asp的文件即可。•对于初学者而言，最简单最好使用的就是系统自带的记事本程序。当然，要想开发一些大型的Web应用程序，最好还是使用一些专门的开发工具，如MicrosoftVisualInterDev以及Dreamweaver等。•网上也提供一些很好用的ASP开发小工具，如UltraEdit等•DW是一个功能强大的网页编写工具32数据库基础知识•数据库概念•常用数据库–Access–SQLSever–MySQL–Oracle•创建常用数据库开发环境33数据库概念•数据库是相互关联的数据的集合，对这些数据进行处理的软件系统就叫数据库管理系统。数据库管理系统功能十分强大，不仅能对数据进行编辑或数字运算，还能对数据进行搜索、筛选、提取等管理。数据库和数据库管理系统的结合就称为数据库系统。34Access•Access是Microsoft公司开发的一款入门级的数据库管理系统，广泛应用于大量网站中。它具有简便易用、消耗资源少、支持SQL指令最齐全的优点，因此使用Access作为网站的数据库系统是很多网页设计者的首选，尤其是初级用户。35SQLSever•SQLServer也是Microsoft公司推出的数据库管理和开发软件，一般用于管理大中型数据库。SQLServer是网站后台数据库的首选，它具有使用方便和良好的可扩展性等诸多优点，特别是它支持各种处理系统，包括便携式系统和多处理器系统，这一点只有Oracle和其他一些昂贵的数据库才具有。在创建大型的网络数据库时，SQLSever是相当不错的选择。36Oracle•Oracle是主导的大型关系型数据库，它不仅支持多平台，还具有无范式要求、采用标准的SQL结构化查询语言。适合制造业管理信息系统和财务应用系统。37简单总结•网站•网页•设计和编写网页的工具、语言•B/S结构•数据库38一个简单的例子•配置环境•编写程序•发布网页39运行环境及安装•如果只是用HTML设计网页，并不需要特殊的环境，直接在浏览器上浏览即可。而用ASP设计的网页是在服务器端运行的，因此必须配置相应的运行环境。•ASP的运行环境可以选择如下安装：–如果是在Windows95/98平台上运行ASP文件，需要安装个人Web服务器PWS。–如果是在Windows2000/XP/7平台上运行ASP文件，由于其已内置了IIS5.0以上版本，故只需添加其IIS组件即可。•下面以WinXP为例，介绍如何添加IIS5.0组件。40运行环境及安装（续上）具体安装步骤如下：①选择“开始设置控制面板”命令，在“控制面板”窗口中，双击“添加或删除程序”图标，出现如图所示的窗口。41运行环境及安装（续上）②双击“添加/删除Windows组件”图标，打开“Windows组件向导”对话框，如图所示。42运行环境及安装（续上）③选中“组件”列表框中的“Internet信息服务(IIS)”复选框。并根据需要选择其他组件，然后单击“详细信息”按钮，打开如图所示的对话框。在IIS的子组件列表中选择所需组件，选择完毕后单击“确定”按钮，返回“Windows组件向导”对话框。43运行环境及安装（续上）④单击“下一步”按钮，此时安装程序要求插入光盘来读取需要的文件，当放入Windows2000光盘（此时我们使用安装文件）后，单击“确定”按钮，此刻安装程序开始复制文件并进行配置IIS，如图所示。44运行环境及安装（续上）⑤文件复制完成后，出现如图所示的对话框。单击“完成”按钮即可。45运行环境及安装（续上）当IIS安装完成后，单击鼠标右键“我的电脑”选择“管理”，打开“计算机管理”对话框，找到“Internet信息服务”选项中的“默认Web站点”，如图所示，该服务已经启动，此时只需