253-网页设计与制作.pptVIP

网页设计与制作 Web程序设计 课程介绍 电子商务专业为什么要开设WEB程序设计? 网站建设技术从过去的静态发展到现在的动态。 掌握ASP编程的一般理论和技巧，熟练使用ASP的组件，能够在实际开发过程完成如信息发布系统、电子商务交互系统、留言板等的制作，能开发制作有一定实用性的交互式网站。 实践性很强且面向实际应用的重要专业课。 学习基础：对本课程的学习要有一定的基础，包括网络基础知识、网页制作、VB语言、数据库。 学生课余可以通过校园网络中《WEB程序设计与应用》教学平台进行学习，以此教学平台辅助教学。 第1章 相关的基础知识  1.1 Web的基本概念及相关知识 Web Web，World Wide Web，简称WWW，又称万维网。 Web采用浏览器/服务器工作模式。信息以页面（或称Web页）的形式存储在Web服务器中，通过浏览器为用户提供方便友好的信息浏览界面。 统一资源定位器URL。 超链接。 HTML语言 HTML超文本标记语言（Hyper Text Markup Language）。 HTML是标记语言，定义了一系列的特殊标记，以便区分页面的不同部分，定义了内容的显示位置和风格。 例： html head title这是标题/title /head body p你好，这是正文！/p /body /html 超链接 浏览网页时，当鼠标指针指向某段文本或是某个图像，鼠标指针变成小手状，单击鼠标可以打开其他的网页或是跳转到其他的网站，这就是超链接。 采用超链接技术可以将不同的网站、网站中的不同网页、网页中的不同位置彼此串在一起，实现相互间的跳转，方便信息的浏览和查找。人们通过超链接可以很方便很迅速地访问分布于全球计算机上的海量资源，实现在互联网中的漫游。超链接能使Web服务存在广泛和持久的生命力，超链接可以说是Web的灵魂。 站点 将网页文件和素材文件，有条理地放置站点文件夹里，这些文件与文件夹就构成了网站的实质内容。 站点文件夹里除了网页文件还有素材文件，所谓素材就是网页中所用到的图像、声音、视频等，这些内容是以单独文件的形式存在。 首页 首页是网站的门户。访问某个网站，首先打开的第一个网页就是首页。例如，要访问搜狐公司的网站，在IE地址栏中输入：，打开的第一个页面就是/index.html。 首页起网站索引的作用，通过首页的导航功能去访问网站中其他的网页。 一般首页的取名为index.htm或default.htm，“index”的意思是“索引”，“default”的意思是“默认”。 如果主页空间支持ASP技术，你的首页中又包含ASP程序，则首页的取名一般为index.asp或default.asp。 首页的具体取名，一般由ISP来指定。 URL URL（Uniform Resource Locator的缩写），统一资源定位器。 互联网中某种信息资源以某种方式存储在网络中的某处，必须用一个惟一的URL来进行标识，这样才能方便查找。对于Web来说，可以简单并通俗把URL理解为网址。每个Web网页都有自己的网址，在浏览器地址栏里输入网页的URL，就可以访问这个网页。 例如，/index.html，其意思就是采用http超文本传输协议访问搜狐网的首页，由于网页均是通过http超文本传输协议进行访问，默认下，“http://”可以省略不输。 IP地址 为了使互联网上的电脑主机在通信时能够相互识别，每台主机都分配一个能表示其位置的IP（Internet Protocol）地址，这如同公用电话网中电话的号码一样。 IP地址是由专门的互联网机构来分配。 IP地址具有惟一性。 静态和动态网页 静态网页，就是该网页文件里没有程序代码，只有HTML标记，这种网页文件的后缀为.htm或.html。静态网页一经制成，内容就不会再变化，不管何时何人访问，显示的都是一样的内容，如果要修改有关内容，就必须修改源代码，然后重新上传到服务器上。 静态网页的工作原理如下：当你在浏览器里输入一个网址回车后，就向服务器端提出了一个浏览网页的请求。服务器端接到请求后，就会找到你要浏览的静态网页文件，然后发送到你的浏览器上显示出来。其原理如图所示。 动态网页，就是该网页文件不仅含有HTML标记，而且含有程序代码，这种网页的后缀一般根据不同的程序设计语言来定，如ASP文件的后缀为.asp。动态网页能够根据不同的时间、不同的来访者而显示不同的内容，还可以根据用户的即时操作和即时请求，动态网页的内容发生相应的变化。如常见的BBS、留言板、聊天室等就是用动态网页来实现的。 动态网页的工作原理与静态网页有很大的不同。当你在浏览器里输入一个动态网页网址回车后，就向服务器端提出了一个浏览网页的请求，服务器端接到请求后，首先会找到你要浏览的动态网页文件，