多媒体实践1.1(网站建设基础)(1)课件

《多媒体实践1.1(网站建设基础)(1)课件》由会员分享，可在线阅读，更多相关《多媒体实践1.1(网站建设基础)(1)课件（42页珍藏版）》请在装配图网上搜索。

1、单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,网站建设基础,简单地说，互联网是一个由各种不同类型和规模的、独立运行和管理的计算机网络组成的世界范围的巨大计算机网络全球性计算机网络(Internet)。,一、传播范围广,二、保留时间长,三、交互性,四、针对性强,五、受众数量可准确统计,六、实时、灵活、成本低,七、强烈的感官性,互联网的优势,互联网是分布在世界上任何一个可以上网的地方。相比我们的传统的电视、报纸、广告相比则打破了传统媒体的区域的限制，可以让您的信息到达世界的每个能上网的角落。,一、传播范围广,就我们世界上无人不知的9.11事件来说,有关这件

2、事的情报纸和杂志我想很多人都看到,那么如果让看过报道的人现在拿出这些资料又有多少人能够拿出来呢?,在GOOGLE中搜索“美国911”，约有798,000条信息,二、保留时间长,互联网可以第一时间得到客户的反馈以及第一时间和各户取得沟通和交流。现在我们都常用去聊天工具，有一点问题，马上就可以与进行交流。,三、交互性,互联网可以根据不同地区、不同层次、不同习惯的浏览者来设制不同的宣传方式。,仍然用GOOGLE来举例,四、针对性强,互联网可以准确统计到网站每天、星期、月、年的受众情况，比如：受众都是来自己那个国家和地区、通过什么途径、看了的哪些内容、多长时间等相关内容。,五、受众数量可准确统计,比如

3、课程的内容，将在我们网站上发布。,六、实时、灵活、成本低,互联网同样可以做到，更可以根据不同的消费群体来设计：图、文、声并茂的动画广告，对浏览者产生强烈的感官效果。,七、强烈的感官性,互联网是将来生活和工作不必可少的工具。不管你现在做什么或有什么想法，你必须迎接互联网，然后适应互联网，除此之外你别无选择。,二十一世纪，不是一场技术的革命，也不是一场产品的革命,而是一场观念的革命；二十一世纪，信息就是金钱，信息就是生产力，知识就是金钱，知识就是生产力，观念就是知识，观念就是金钱。,静态/动态网站,现在网站建设大体可以分为两类:一类是动态网站,一类为静态网站.从发展趋势来看,静态网站正在被逐渐淘汰

4、,目前基本为动态网站所取代.,简单来说，动态网站除了可以看，还有一个专门的后台管理系统。您可以通过它来管理网站，随时添加新的资料，内容。比如添加一个产品，您只需要填写产品名称、简介，上传图片即可。,动态网站和静态网站看不出有什么区别：静态网页也可以有各种动画、滚动字幕等“动态效果”；而动态网页完全可以是纯文本的内容，不一定就有动画和滚动字幕。实际上，判断一个网站是动态网站还是静态网站，不是看网页会不会动，而是要看它是否应用了服务器端脚本程序。,动态网站可以实现交互功能，如用户注册、信息发布、产品展示、订单管理等等；,而静态网站必须使用专业的网页设计软件才能修改，不能在网上直接修改，必须用软件修

5、改后再上传到服务器上，比较麻烦，不便维护。,静态/动态网站,动态网站和静态网站的最大区别在于运用数据库技术来完成设计,发布,管理,更新等工作.,简单地讲,动态网站就是可以通过服务器所给予的权限随时对网站进行管理,发布及更新内容的网站.它的好处是可以通过联网的任何一台计算机对网站进行控制,而不必在服务器端进行网站管理.,动态网站大体可分为前台和后台.前台面向服务对象,确切地说就是用户在浏览器上所见到的页面.后台则面向网站管理者.只有通过特定的用户名和密码才能进入.不论前台和后台,都要通过浏览器进行操作.,静态网站缺点,网站设计以静态页面为主，网站更新需由专业人员完成,网站仅有宣传功能，缺少互动功

6、能，效果不是很好,网站长期维护存在人力资源上的困难,网站长期发展缺乏后劲,动态网站优点,更新容易：网站内容更新实现“傻瓜式”，普通工作人员即可完成,解决网站建成后的维护问题（长期发展）,可扩展升级：网站的内容都记录在数据库，以后网站改版升级，这些内容都可导入，不会丢失，而且功能也可以搬过去，避免了完全重新建站，避免了重复投入和浪费。,设计费用按网站功能计算，页数不限。,它将企业网站建设从单纯静态页面制作延伸为企业对信息资源的组织和管理。,网站建设的几大要素,1、域名（网址）,2、网站空间,3、网站界面,4、网站程序,1、域名,可以简单理解为网址，它是一台服务器或一个网站在网上的名称、网络地址。

7、,顶级域名就是一级域名，如,二级域名就是该域名的子域名，如：。二级域名必须依托一个顶级域名，它不是独立存在的。,企业建站，一般选择.com或.cn域名。,2、网站空间,网站是建立在网络服务器上的一组电脑文件。它需要,占据一定的硬盘空间。这就是一个企业网站所需的网站空间,3、网站界面,也就是网站的外观、整体感觉。设计网站界面的人叫做美工或设计师。,4、网站程序,它表示网站的功能，技术含量。比如是否建有聊天室、留言簿等，同时是否采用先进的技术对网站进行了优化，这些对一个网站来说也是较重要的。,网页与网站,构建WWW的基本单位是网页。网页中包含所谓的“超链接”，通过已经定义好的关键字和图形，只要用鼠

8、标轻轻一点，就可以自动跳转到相应的其它文件，获得相应的信息，从而实现网页之间的链接，从而构成了WWW的纵横交织的网状结构。,通过超链接连接起来的一系列逻辑上可以视为一个整体的页面，则叫做网站。,网站点概念是相对的，大的如新浪、搜狐等大的门户网站，页面非常多，可能分布于多台服务器上；小的如一些个人网站，可能只有几个页面，仅在某台WEB服务器的占据很小的空间。,一个站点的起始页面通常被称为“主页”，主页是一个网站的开始，因此主页的好坏决定了这个网站的访问情况，一般主页的名称是固定的index.htm或index.html等。,域名与IP地址,在Internet上的每台网络设备都要有一个唯一的地址才

9、能被访问到，这个地址就是IP地址。,IP地址是由32bits的二进制数值构成，分成4组，转化为十进制用点分隔，比如：。,1 0 网络号 主机号,0 1 2 3 8 16 24 31,0 网络号 主机号,0 1 2 3 8 16 24 31,1 1 0 网络号 主机号,0 1 2 3 8 16 24 31,A类地址的范围为：1.0.0.0126.255.255.255B类地址的范围：,C类地址的范围：,A,B,C,域名与IP地址,IP地址是一串难以记忆的数字，因此在1985年开始，引入了域名的概念，用具有含义的字符来表示网络中的主机，以便于浏览者访问。域名与IP地址如何对应呢？通过DNS域名解析

10、系统将域名解析到相应的IP地址上，实现这二者之间的对应关系。,我们知道新浪网的域名：，但很少有人知道新浪网WEB服务器的IP地址是多少？,域名的分类：域名系统是一个分层的树状结构组织，如图所示。最上面是一个无名的根域，下层为顶级域名，接着是二级,域名与IP地址,根域,Com net org jp cn tw,Ibm hp yahoo,Com edu net,Sina ebay alibaba,域名结构图,域名,域名机构,附注：全称,Com,商业机构,Commercial organization,Edu,教育机构,Educational institution,Gov,政府部门,governm

11、ent,Int,国际性机构,International organization,Mil,军队,military,Net,网络机构,Networking organization,Org,非盈利机构,Non-profit organization,按组织分类的顶级域名,按地理区域分类的项级域名,域名,国家,附注：全称,cn,中国,China,ca,加拿大,Canada,jp,日本,Japan,kr,韩国,Korea,ru,俄罗斯,Russia,tw,台湾,Taiwan,hk,香港,Hong Kong,域名的书写格式为：叶节点名.二级域名.顶级域名,例如：，www：web服务器名，sohu：企业

12、名称，com：顶级域名。,网页制作工具,目前网页制作工具较多，大多数网页制作工作都是通过“所见即所得”的编辑工具完成的，在网页制作过程，还需要进行素材的创作和加工，即图形和动画制作工具。,网页编辑工具,网页编辑工具主要分为标记型和所见即所得型。标记型工具常用的是notepad(记事本)、Ultraedit等。,所见即所得型的编辑软件主要有：微软的Frontpage和Dreamweaver。其中Frontpage继承了OFFICE系列软件的界面通用、操作简单的特点，十分适合初学者使用。但与MacroMedia公司的Dreamweaver相比，在HTML源代码的精确性、实用性以及对各种新技术的支持

13、上都略逊一筹，因此我们这本教材主要介绍的网页编辑工具是Dreamweaver。,图形和图像处理工具,目前常用的图形和图像处理工具主要：Photoshop及Firework。,Photoshop的功能十分强大，是目前最为广泛的专业图形图像处理软件之一，它捆绑了Image Ready，能够实现各种专业化的图像处理、动画的制作等。,Fireworks是由MacorMedia公司出品的首选WEB图形图像处理软件。它的独特之处在于其能够优化处理大图片、切割图片、为图片加入特殊效果、制作网页的动态行为等，可以生成Firework HTML，直接导入到网页中，使用非常方便。本教材将在以后的章节做详细的介绍。

14、,动画制作工具,Flash是目前网页制作中最为出色的动画制作软件，它是一种交互式动画设计工具，用它可以将音乐、声效、动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。Flash所使用的图形是压缩的矢量图形，采用了网络流式媒体技术，突破了网络带宽的限制，可以边下载边播放，这样避免用户长时间的等待，设计者可以随心所欲地设计出高品质的动画，Flash已经慢慢成为网页动画的标准，成为一种新兴的技术发展方向。本教材将在以后的章节做详细的介绍。,网站建设流程,要建设一个优秀的网站，通常应该遵循以下工作流程：确定站点的核心网站的规划网站外观的设计网页具体制作网站性能测试网站发布网站更新与维护。

15、,规划,设计,维护,发布,开发,网站规划,一个网站的成功与否与建站前的网站规划有着极为重要的关系。在建立网站前应明确建设网站的目的，确定网站的功能，确定网站规模、投入费用，进行必要的市场分析等。只有详细的规划，才能避免在网站建设中出现的很多问题，使网站建设能顺利进行。,1明确建立网站的目标和用户需求,2确定网站的风格,3网站的技术问题,网站设计,对网站进行详细的规划之后，就可进入到设计阶段。,好的Web站点要做到主题鲜明突出，要点明确，以简单明确的语言和画面体现站点的主题。调动一切手段充分表现网站点的个性和情趣，突出网站的特点。,1网站的版式设计,2色彩在网页设计中的作用,3网页形式与内容相统

16、一,4三维空间的构成和虚拟现实,5多媒体功能的利用,一般的企业网站模式,内容（栏目结构）,功能（程序模块）,服务（作用）,内容（栏目结构）,公司简介,产品展示,新闻动态：公司新闻、促销信息、行业新闻,用户服务信息：,销售信息：销售网络、网上订购、售后服务,公众信息,联系方式,功能（程序模块）,信息发布,产品管理,会员管理,订单管理,邮件列表,论坛管理,在线帮助,站内检索,广告管理,在线调查,流量统计,网页静态化,模版管理,服务（作用）,产品选购和保养知识,产品说明书,常见问题解答:能回答80%的任务,在线问题咨询,即时信息服务,在线订购,会员通信,优惠券下载,驱动程序下载,会员社区服务,免费研究报告,网页制作,静态网页的制作：采用HTML（超文本标记语言）生成的网页，供浏览者浏览。此阶段需要根据设计阶段制作的示范网页，通过去Dreamweaver等软件在各个具体网页中添加实际内容，如：文字、图像、FLASH动画、多媒体文件等。这类静态网页缺少动态的交互，因此还需添加网页的交互性，即动态网页的制作。,动态网页的制作：动态网页的编程目前常用的技术为.ASP.PHP.JSP等，实现客户端与服