动态网页制作与编程-1-基础知识

《动态网页制作与编程-1-基础知识》由会员分享，可在线阅读，更多相关《动态网页制作与编程-1-基础知识（66页珍藏版）》请在金锄头文库上搜索。

1、动态网页制作与编程,王兴梅 ,哈尔滨工程大学计算机科学与技术学院,2,课程概况,目标： 能较熟练地使用Dreamweaver+ASP进行动态网页设计 24学时: 14+10,3,本次课程主要内容,相关基础知识 什么是网页和网站 网页的分类 网页中的常用术语 网页设计的相关知识 服务器、网页与客户端浏览器的关系 B/S结构 动态网页开发平台和工具 IIS ASP,JSP Dreamweaver DB 一个简单的例子,4,什么是网页,网页是由HTML（超级文本标识语言）或者其他语言编写的，通过IE浏览器编译后供用户获取信息的页面，它又称为Web页，其中可包含文字、图像、表格、动画和超级链接等各种网

2、页元素。,5,什么是网站,网站就是一个或多个网页的集合。从广义上讲，网站就是当网页发布到Internet上以后，能通过浏览器在Internet上访问的页面 。 门户网站 职能网站 专业网站 个人网站,6,网页的分类,按所处位置分类 按表现形式分类,7,按所处位置分类,按网页在网站中所处的位置可将网页分为主页和子页两类。,8,按表现形式分类,按网页的表现形式可将网页分为静态网页和动态网页。,9,Web常用术语,URL（Uniform Resource Locator） ： 即统一资源定位器，是一种唯一标识Internet上计算机、目录和文件的位置的命名规则。它由资源类型、存放资源的主机地址和端口

3、以及资源目录和文件名构成。 具体如下： 资源类型 表示信息传输的协议，如http、ftp等。 主机地址 即为提供资源的主机IP地址或域名地址。 端口 表示某一服务器在该主机上所使用的TCP端口。 目录 表示提供服务的信息资源所在的目录。 文件名 由基本文件名和扩展名两部分构成。 例如： http:/:80/study/default.html 资源类型 主机地址 端口 目录 文件名,10,Web常用术语（续上）,HTTP（Hypertext Transfer Protocol）： 超文本传输协议，是Internet上访问WWW信息资源的一种协议，用来传输多媒体信息。 HTML（HyperTex

4、t Markup language）： 超文本标记语言，是一种描述文档结构的语言，而不能描述实际的表现形式。HTML语言使用描述性的标记符（称为标签）来指明文档的不同内容。,11,WEB服务器技术,Microsoft IIS 5.0（6.0） PWS APACHE 思考问题： 1.如何来选择使用？ 2.一台服务器中如果安装两种WEB服务器软件时应注意什么？,12,网页设计的相关知识,设计网页的原则 网页设计的一般步骤 网页制作的常用工具,13,设计网页的原则,整体规划 鲜明的主题 善用图像 醒目的导航 及时更新 易记的网站名称 通用网页 动画适量,14,网页设计的一般步骤,规划网站 收集整理资

5、源 配置站点 创建页面 测试站点 发布站点 维护、更新站点,15,网页制作的常用工具,网页设计软件:Dreamweaver 图像处理软件:Fireworks或Photoshop。 动画制作软件:Flash。,16,静态网页和动态网页,这里说的动态网页，与网页上的各种动画、滚动字幕等视觉上的“动态效果”没有直接关系，动态网页也可以是纯文字内容的，也可以是包含各种动画的内容，这些只是网页具体内容的表现形式，无论网页是否具有动态效果，采用动态网站技术生成的网页都称为动态网页。 从网站浏览者的角度来看，无论是动态网页还是静态网页，都可以展示基本的文字和图片信息，但从网站开发、管理、维护的角度来看就有很

6、大的差别。,17,静态网页和动态网页-续上,静态网页使用语言：HTML（超文本标记语言） 动态网页使用语言：HTMLASP 或 HTML PHP 或 HTMLJSP 等 程序是否在服务器端运行，是重要标志 在服务器端运行的程序、网页、组件，属于动态网页，它们会随不同客户、不同时间，返回不同的网页,18,动态网页特征,(1)动态网页一般以数据库技术为基础，可以大大降低网站维护的工作量; (2)采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理等; (3)动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页。,19,万维网(W

7、WW)是一种主从式的分布式计算机结构，由网络中无数的网站与浏览器组成。网站通过存储和解析网页内容提供各种客户端浏览器(如Internet Explorer)的网页浏览服务。 网站服务器软件会在完成对某一个网页内容的解析工作后，将解析的结构回馈给网络中要求访问该网页的浏览器。下图中所示的关系，描述了服务器、网页和浏览器之间的部分关联 。,服务器、网页与客户端浏览器的关系,20,B/S结构（Browser/Server）,B/S结构下，用户工作界面是通过浏览器来实现, 极少部分事务逻辑在前端(Browser)实现,主要事 务逻辑在服务器端(Server)实现,server端访问数 据库,形成所谓三

8、层结构,21,动态网页开发平台与工具-IIS,IIS(Internet Information Server)是由微软公司提供的基于运行Microsoft Windows的互联网基本服务。最初是Windows NT版本的可选包，随后内置在Windows 2000、Windows XP Professional和Windows Server 2003一起发行，在Windows XP Home版本上并没有IIS。 是在Server上建立Internet服务器的基本组件 IIS支持与语言无关的脚本编写和组件,22,ASP,ASP(Active Server Pages) 活动服务器页面。 是微软公司

9、开发的一种服务器端脚本编写环境,它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。可以用来创建和运行动态网页或Web应用程序 ASP的网页文件的格式是.asp 特点： 功能强大、简单易学（适合初学者 _） 它只能在Windows平台下使用，但是也可以通过增加控件而在Linux下使用，目前使用最多的是ASP.NET。,23,JSP,JSP（Java Server Pages）是由Sun公司倡导、许多公司参与并一起建立的一种动态网页技术标准，其为创建动态的Web应用提供了一个独特的开发环境。,24,ASP最大的好处是除了可以包含HTML标记外，还可以直接访问数据库，并可以通过ASP的组

10、件和对象技术，使用可无限扩充的ActiveX控件进行动态网页的开发。,ASP与JSP的比较,25,由于微软市场政策的原因，ASP在使用上有一定的局限性ASP只能运行在微软的操作系统平台下，其工作环境只能是微软的IIS和PWS（Pesoner Web Server，个人Web服务），同时，ActiveX控件也对于操作平台有所依赖，因此，这种方案对于跨平台的服务不能提供良好支持。,ASP与JSP的比较,26,相对来说，SUN推出的JSP（Java Server Pages，Java服务页）解决了这一问题，它具有更好的跨平台支持。JSP可以支持超过85%以上的操作系统，除了Windows外，它还支持

11、Linux、UNIX等，JSP被认为是当前最有前途的动态网站技术。,ASP与JSP的比较,27,与ASP由微软独自开发不同，JSP是由SUN公司所倡导，众多公司参与，一起建立的一种动态网页技术标准。由于它是基于Java技术的动态网页解决方案，具有良好的可伸缩性，并且与Java Enterptise API紧密结合，因此在网络数据库应用开发方面有得天独厚的优势。,ASP与JSP的比较,28,IIS与ASP,IIS是网页发布的服务平台 ASP是一种网页编程语言 ASP编写的网页程序放置于WEB服务器上，该服务器需要配置IIS才可以将ASP网页发布出去以供其它浏览器（IE）进行浏览,29,Dream

12、weaver,Dreamweaver 是美国Macromedia公司开发的集网页制作和管理网站于一身的网页制作软件。 Dreamweaver 8是Dreamweaver 系列产品的较新版本。,30,Dreamweaver,31,ASP与DW,ASP是网页的一种编程语言， 一般来说，任何文本编辑器工具都可作为ASP的开发工具，只要编写完毕后存成后缀为.asp的文件即可。 对于初学者而言，最简单最好使用的就是系统自带的记事本程序。当然，要想开发一些大型的Web应用程序，最好还是使用一些专门的开发工具，如Microsoft Visual InterDev以及Dreamweaver 等。 网上也提供一

13、些很好用的ASP开发小工具，如UltraEdit等 DW是一个功能强大的网页编写工具,32,数据库基础知识,数据库概念 常用数据库 Access SQL Sever My SQL Oracle 创建常用数据库开发环境,33,数据库概念,数据库是相互关联的数据的集合，对这些数据进行处理的软件系统就叫数据库管理系统。数据库管理系统功能十分强大，不仅能对数据进行编辑或数字运算，还能对数据进行搜索、筛选、提取等管理。数据库和数据库管理系统的结合就称为数据库系统。,34,Access,Access是Microsoft公司开发的一款入门级的数据库管理系统，广泛应用于大量网站中。它具有简便易用、消耗资源少、

14、支持SQL指令最齐全的优点，因此使用Access作为网站的数据库系统是很多网页设计者的首选，尤其是初级用户。,35,SQL Sever,SQL Server也是Microsoft公司推出的数据库管理和开发软件，一般用于管理大中型数据库。SQL Server是网站后台数据库的首选，它具有使用方便和良好的可扩展性等诸多优点，特别是它支持各种处理系统，包括便携式系统和多处理器系统，这一点只有Oracle和其他一些昂贵的数据库才具有。在创建大型的网络数据库时，SQL Sever是相当不错的选择。,36,Oracle,Oracle是主导的大型关系型数据库，它不仅支持多平台，还具有无范式要求、采用标准的S

15、QL结构化查询语言。适合制造业管理信息系统和财务应用系统。,37,简单总结,网站 网页 设计和编写网页的工具、语言 B/S结构 数据库,38,一个简单的例子,配置环境 编写程序 发布网页,39,运行环境及安装,如果只是用HTML设计网页，并不需要特殊的环境，直接在浏览器上浏览即可。而用ASP设计的网页是在服务器端运行的，因此必须配置相应的运行环境。 ASP的运行环境可以选择如下安装： 如果是在Windows 95/98平台上运行ASP文件，需要安装个人Web服务器PWS。 如果是在Windows 2000/XP/7平台上运行ASP文件，由于其已内置了IIS 5.0以上版本，故只需添加其IIS组

16、件即可。 下面以Win XP为例，介绍如何添加IIS 5.0组件。,40,运行环境及安装（续上）,具体安装步骤如下： 选择“开始设置控制面板”命令，在“控制面板”窗口中，双击“添加或删除程序”图标，出现如图所示的窗口。,41,运行环境及安装（续上）, 双击“添加/删除Windows组件”图标，打开“Windows组件向导”对话框，如图所示。,42,运行环境及安装（续上）, 选中“组件”列表框中的“Internet信息服务(IIS)”复选框。并根据需要选择其他组件，然后单击“详细信息”按钮，打开如图所示的对话框。在IIS的子组件列表中选择所需组件，选择完毕后单击“确定”按钮，返回“Windows组件向导”对话框。,43,运行环境及安装（续上）, 单击“下一步”按钮，此时安装程序要求插入光盘来读取需要的文件，当放入Windows 2000光盘（此时我们使用安装文件）后，单击“确定”按钮，此刻安装程序开始复制文件并进行配置IIS，如