《网页制作及应用（第二版）教学课件潘明寒网页 二版 第1章》由会员分享，可在线阅读，更多相关《网页制作及应用（第二版）教学课件潘明寒网页 二版 第1章（24页珍藏版）》请在金锄头文库上搜索。
1、网页制作及应用,第1章 网页与网站设计规划,中国水利水电出版社,本章学习目标,1.网页和网站的基本概念。 2.网站建立步骤。 3.域名的相关知识。 4.规划网页文件。 5.常用网页制作工具和网页编程语言。,一、什么是网站,在因特网中有许多用于存放信息和发布信息的计算机，“网站”就是存放于这些机器上的一系列文档的组合，也称为“站点”。网站中信息的发布用“网页”来实现。网站中的文档通过超链接关联起来，利用浏览器可以从一个文档跳转到另一个文档，实现整个网站的浏览。通过超链接还可以与因特网中任何一个网站关联起来，实现在整个因特网上的浏览。可以这样说，网站是因特网的灵魂。,二、本地机与服务器,浏览网站的
2、用户所使用的计算机被称为本地计算机，启动浏览器、打开网页等操作，都在本地计算机上完成。 Internet服务器是指提供Internet服务的计算机，如WWW服务、FTP服务、Email服务。Internet服务器主要用于存贮Web站点和页面，浏览网页时只要在地址栏中输入网址按下回车键，就能实现对网页的访问，不需要知道存贮该网页的服务器的实际位置。 本地计算机与Internet服务器之间通过各种通信线路连接，以实现相互通信。,三、本地站点与远端站点,我们把存贮在本地机上的站点称为本地站点，把存贮在Internet服务器上的站点称为远端站点。远端站点的网站文件和磁盘组织形式，一般都在本地机上做好并
3、调试完毕后，上载到Internet服务器， 在本地机上构建站点框架，完成站点设计，进行站点测试，上传到Internet后便形成远端站点。在本地机上对站点文档编辑、修改、管理，测试成功后，上传到Internet便实现对远端站点的管理和修改。,WWW（World Wide Web）是建立在Internet上的网络服务，称为“万维网”，是全球性、交互、动态、多平台、分布式、图形信息系统。它遵循HTTP协议（Hypertext Transfer Protocol超文本传输协议），使用加入图片、声音、动画、影视等内容的超文本（Hypertext），可以从一个从一个文件跳转到另一个文件，与世界各地站点相连
4、。,四、WWW和超文本,五、IP地址和域名,Internet为每个站点分配一个惟一的地址，由4个从0到255之间的数字组成，数字之间用圆点隔开（如：202.102.138.66），称为IP地址。IP地址也称为URL（Unique Resource Location），译为“统一资源定位器”。 域名地址由几个具有一定意义的英文单词组成，之间用圆点隔开（如：），字母不区分大小写，除字母之外还可以使用阿拉伯数字、减号和下划线。 域名地址和IP地址代表同一个网站，访问一个站点时输入哪种地址都可以，用域名转换服务器转换。因为IP地址在Internet中是惟一的，所以域名地址在Internet中也是惟一的
5、。有些域名后面带有本国域名。 例如新浪网址：http:/，cn 代表该网站属于中国。,HTTP（HyperText Transfer Protocol）即超级文本传输协议，它是WWW服务器使用的最主要的协议。通过这一跨平台的通讯协定，在WWW任何平台上的电脑都可以阅读远方服务器上的文件。 该协议经常用来在网络上传送WEB页。当用户以“http:/”开始一个链接的名字时，就是告诉浏览器去访问使用HTTP的WEB页。,六、超级文本传输协议,七、主页和网页,网站主页是用户登陆到网站后看到的第一个页面，是最重要的一页。被主页调用的网页称为子页，子页又可以调用其他子页，通过超链接实现。 网站的中主页使用
6、规定的文件名，不能随便起。不同的服务器对主页默认名称规定不相同，其文件名多为index.htm或index.html或default.htm或default.html。采用了动态页面作为主页的网站，主页文件名后缀是诸如asp、php、jsp等。 在浏览器中输入网址后，主机会自动执行默认主页。主页的一个重要的功能是导航，利用超链接指引用户浏览本网站或其他网站的信息。,八、静态网页,静态网页是一个html或htm文件，服务器传送HTML代码的文件到浏览器，再由浏览器解释为可见的对象呈现给浏览者。 工作原理如图所示。,九、动态网页,动态网页的格式通常有3种： 1.ASP 2.JSP 3.PHP 动态
7、网站动态网页文件数据库 动态网站工作原理如图所示。,十、网站定位与制作步骤,1站点总体规划 2站点结构规划 3网页创作 4网站编辑调试 5发布网站,1信息发布类网站 2门户网站和在线查询网站 3电子商务类网站 4服务类网站 5个人网站和娱乐游戏类网站,网站定位：,制作步骤：,十一、网站基本功能,1信息展示 2条目列表 3公共导航 4联系方式,5在线表单 6访客留言 7友情链接 8网站地图,十二、网站发布,1.在本地机测试网站 2.选择接入Internet的方式 3.申请域名和空间 4.网站发布 5.网站发布举例 6.浏览网站 7.管理和维护网站,十三、网页制作主流软件 Dreamweaver,
8、1. 是“所见即所得”的网页编辑软件，由Macromedia公司出品，网页 三剑客之一。 2. 可视化编辑界面，具有直观性和高效性，用户不必编写复杂的HTML源代码就可以生成跨平台、跨浏览器的网页。 3. 能在可视化操作和源代码操作中同时看到工作进程，实现了对HTML源代码和可视化操作的双重管理。 4. Dreamweaver MX 2004支持动态网页技术。 总之，Dreamweaver是网页设计者的首选软件。,十四、 网页制作工具 Flash,由Macromedia公司出品，用于制作网页的动画插图和页面广告，它生成的SWF作品不但画面精美，而且文件非常小。稍微复杂一点的动画一般都用Flas
9、h制作。Dreamweaver中专门提供了插入Flash文件的功能。,十五、网页制作工具 Fireworks,由Macromedia出品，与Flash和Dreamweaver一起合称为Macromedia的网页制作三剑客。用于制作网站Logo，进行平面图像处理。还可以制作gif格式的动画，当动画比较简单并且颜色较少时，一般用Fireworks做成gif动画。,十六、网页编程语言 HTML,HTML（Hypertext Marked Language）称为超文本标记语言，用来制作超文本文件，描述网页格式和网页之间的链接，是最基本的Web页面开发语言。用HTML编写的文档属于纯文本类型，可以用任何
10、文本编辑器打开，查看和编辑其中的源代码。另外，HTML还独立于各种操作平台（如Windows、UNIX）。大部分用动态语言编写的脚本都要嵌入到HTML代码中。,十七、网页脚本语言 JavaScript,JavaScript由Netscape公司与SUN公司合作推出，是跨平台、面向对象、嵌入式的脚本语言，由JavaScript编写的脚本可嵌入到网页里，并在浏览器端解释执行。JavaScript语言相对简单易学，如果学过C/C+或Java等语言，学习JavaScript会节省很多时间。,十八、网页脚本语言 VBScript,VBScript是一种脚本语言，也是ASP的缺省语言，它通过变量、操作符、
11、循环、分支、函数和子例程扩展了HTML。可以在HTML文件中直接嵌入VBScript脚本，使静态HTML网页变为动态网页。 VBScript可以作为客户端编程语言，由浏览器解释执行。客户端编程语言的优点是不必通过网络让服务器做出响应，而是由浏览器完成所有工作，减轻服务器负担，运行速度比服务器端程序快得多。,十九、动态服务器技术 ASP,ASP（Active Server Pages）是动态服务器主页的简称，由微软公司设计开发的动态Web页面脚本语言，是面向对象的程序设计。ASP语言与IIS Web紧密集成，在服务器端解释执行，与客户端没有任何关系。ASP脚本完全嵌入到HTML中，支持任何浏览器。 ASP不足之处是对平台依赖性太强。,二十、动态服务器技术 JSP,1. 完全的面向对象 2. 与平台无关 3. 安全可靠 4. 缺点：运行速度慢（CLASS必须常驻内存）。 5. 与JAVA是一个家族（ASP与VB一个家族）,二十一、动态服务器技术 PHP,1.一种HTML内嵌式的语言，混合了C、JAVA等，支持多种数据库，如：SQL server,oracle。 2.面向对象编程，跨平台。 3.自由软件,无版权纠纷。,E N D,
