网页设计与制作.ppt

网页设计与制作,-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是标记语言，定义了一系列的特殊标记，以便区分页面的不同部分，定义了内容的显示位置和风格。 例： 这是标题 你好，这是正文！ ,超链接,浏览网页时，当鼠标指针指向某段文本或是某个图像，鼠标指针变成小手状，单击鼠标可以打开其他的网页或是跳转到其他的网站，这就是超链接。 采用超链接技术可以将不同的网站、网站中的不同网页、网页中的不同位置彼此串在一起，实现相互间的跳转，方便信息的浏览和查找。人们通过超链接可以很方便很迅速地访问分布于全球计算机上的海量资源，实现在互联网中的漫游。超链接能使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、留言板、聊天室等就是用动态网页来实现的。 动态网页的工作原理与静态网页有很大的不同。当你在浏览器里输入一个动态网页网址回车后，就向服务器端提出了一个浏览网页的请求，服务器端接到请求后，首先会找到你要浏览的动态网页文件，然后就执行网页文件中的程序代码，将含有程序代码的动态网页转化为标准的静态网页，最后将静态网页发送给你，其原理如图所示。,脚本,脚本（Script）是网页制作中常见的动态网页制作技术。 根据脚本语言所编写的代码可以直接插入到HTML中，利用脚本可以操纵网页上的元素去实现网页的交互功能，还可以制作特殊动态效果的网页，例如，注册时用户输入信息的有效性验证、弹出的信息框、鼠标指针的文字跟随、渐隐渐现的图片等都是脚本的实际运用。 常用的脚本语言有JavaScript和VBScript，这两种脚本语言也是本书所介绍的ASP的语言基础。,FTP,FTP是一种文件传输协议。 通过FTP，用户与存有大量文件的远程计算机（称为FTP服务器）连接，查看远程计算机上的文件，然后把文件从远程计算机上复制到本地的计算机上（称为下载），或者把本地计算机上的文件传送到远程计算机上去（称为上传）。 如果我们是在ISP处申请的主页空间，制作完成的网页文件一般采用FTP的形式上传到Web服务器上。,Web制作工具,FrontPage Dreamweaver Fireworks Photoshop Flash CuteFTP,Web服务器,一种具有高性能的计算机。网站所包含的文件就是存储在里面。通过Web服务器软件IIS，能有效地管理网站，并接受用户在客户端通过浏览器发出的浏览请求，然后发送请求浏览的网页到用户浏览器。,第1章 相关的基础知识,1.1 Web的基本概念及相关知识,第1章 相关的基础知识,1.2 Web服务器的配置,Web服务器里安装的操作系统通常有Windows系列和Unix系列。 中小型企业要建立自己的Web服务器一般选择的是易上手易管理的Windows 2000 Server或Windows 2003 Server。 Web服务器软件IIS（Internet Information Server，因特网信息服务）组件建立Web服务器。,WIN 2002 server中IIS安装,准备好Windows 2000安装光盘，放置于光盘驱动器中。 单击【开始】|【设置】|【控制面板】命令，打开【控制面板】窗口，然后再打开【添加/删除程序】对话框。 单击【添加/删除 Windows组件】按钮，弹出【Windows 组件向导】。,配置IIS,WIN 2003 server,WIN 2003 serve