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