动态网页制作与编程1基础知识研讨.ppt

计算机科学与技术学院608教研室 动态网页制作与编程 孟宇龙 mengyulong@ 课程概况 目标： 能较熟练地使用Dreamweaver+ASP进行动态网页设计 24学时: 14+10 本次课程主要内容 相关基础知识 什么是网页和网站 网页的分类 网页中的常用术语 网页设计的相关知识 服务器、网页与客户端浏览器的关系 B/S结构 动态网页开发平台和工具 IIS ASP,JSP Dreamweaver DB 一个简单的例子 什么是网页 网页是由HTML（超级文本标识语言）或者其他语言编写的，通过IE浏览器编译后供用户获取信息的页面，它又称为Web页，其中可包含文字、图像、表格、动画和超级链接等各种网页元素。 什么是网站 网站就是一个或多个网页的集合。从广义上讲，网站就是当网页发布到Internet上以后，能通过浏览器在Internet上访问的页面 。 门户网站 职能网站 专业网站 个人网站 网页的分类 按所处位置分类 按表现形式分类 按所处位置分类 按网页在网站中所处的位置可将网页分为主页和子页两类。 按表现形式分类 按网页的表现形式可将网页分为静态网页和动态网页。 Web常用术语 　　 URL（Uniform Resource Locator） ： 　　　　即统一资源定位器，是一种唯一标识Internet上计算机、目录和文件的位置的命名规则。它由资源类型、存放资源的主机地址和端口以及资源目录和文件名构成。 　　具体如下： 　　　　资源类型 表示信息传输的协议，如http、ftp等。 　　　　主机地址 即为提供资源的主机IP地址或域名地址。 　　　　端口 表示某一服务器在该主机上所使用的TCP端口。 　　　　目录 表示提供服务的信息资源所在的目录。 　　　　文件名 由基本文件名和扩展名两部分构成。 例如： :80/study/default.html 　　　　↑　　　　　↑　　　　　　　↑　　↑　　　　↑ 　 　资源类型 　主机地址 　　　　 端口 目录 　文件名 Web常用术语（续上） 　　HTTP（Hypertext Transfer Protocol）： 　　　　超文本传输协议，是Internet上访问WWW信息资源的一种协议，用来传输多媒体信息。 　　 　　HTML（HyperText Markup language）： 　　　　超文本标记语言，是一种描述文档结构的语言，而不能描述实际的表现形式。HTML语言使用描述性的标记符（称为标签）来指明文档的不同内容。 WEB服务器技术 Microsoft IIS 5.0（6.0） PWS APACHE 思考问题： 1.如何来选择使用？ 2.一台服务器中如果安装两种WEB服务器软件时应注意什么？ 网页设计的相关知识 设计网页的原则 网页设计的一般步骤 网页制作的常用工具 设计网页的原则 整体规划 鲜明的主题 善用图像 醒目的导航 及时更新 易记的网站名称 通用网页 动画适量 网页设计的一般步骤 规划网站 收集整理资源 配置站点 创建页面 测试站点 发布站点 维护、更新站点 网页制作的常用工具 网页设计软件:Dreamweaver 图像处理软件:Fireworks或Photoshop。 动画制作软件:Flash。 静态网页和动态网页 这里说的动态网页，与网页上的各种动画、滚动字幕等视觉上的“动态效果”没有直接关系，动态网页也可以是纯文字内容的，也可以是包含各种动画的内容，这些只是网页具体内容的表现形式，无论网页是否具有动态效果，采用动态网站技术生成的网页都称为动态网页。 　　从网站浏览者的角度来看，无论是动态网页还是静态网页，都可以展示基本的文字和图片信息，但从网站开发、管理、维护的角度来看就有很大的差别。 静态网页和动态网页-续上 静态网页使用语言：HTML（超文本标记语言） 动态网页使用语言：HTML＋ASP 或 HTML＋ PHP 或 HTML＋JSP 等 程序是否在服务器端运行，是重要标志 在服务器端运行的程序、网页、组件，属于动态网页，它们会随不同客户、不同时间，返回不同的网页 动态网页特征 　　(1)动态网页一般以数据库技术为基础，可以大大降低网站维护的工作量; 　　(2)采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理等; 　　(3)动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页。 万维网(WWW)是一种主从式的分布式计算机结构，由网络中无数的网站与浏览器组成。网站通过存储和解析网页内容提供各种客户端浏览器(如Internet Explorer)的网页浏览服务。 网站服务器软