5.5.6CSS、FLASH、GIF动画
1、介绍一款制作GIF动画的小软件:Ulead GIF Animator
Ulead GIF Animator是友立公司出版的GIF动画制作软件,内建的Plugin有许多现成的特效可以立即套用,可将AVI文件转成动画GIF文件,而且还能将动画GIF图片最佳化,能将你放在网页上的动画GIF图档减肥,以便让人能够更快速的浏览网页。
2、CSS
以前,网页一般都使用表格进行排版设计,这样作的优点在于设计制作速度快,尤其在FrontPage等可视化网页编辑器中,这样设计显得直观而方便,然而,层层嵌套的表格设计会使网页代码变得冗长复杂,使文件体积增大,且不容易被搜索引擎查找。同时,这样做也不利于大型网站的改版工作。因此,随着许多主流网页浏览器对CSS的支持度提高,近年来兴起了一种新的网页设计模式,即标记语言(如HTML,XML)负责定义页面的内容,而不定义任何网站外观样式(风格)特点。网站外观样式(风格)则由单独的CSS文档负责进行批量定义。在排版方面,这种模式提倡使用由CSS定义的DIV进行页面排版,而表格则逐渐还原为排列数据的最初功能。这种模式有许多优点,比如,容易被搜寻引擎查找、减小文件体积、提高浏览速度,而且,一个CSS文档可以被用来控制多个页面的样式,给改版带来了很大方便。
5.5.7网站设计制作步骤总结
网站建设之前,首先进行网站规划,然后进行网站设计,再进行静态网站制作,加入动态效果,最后嵌入程序,以上就是网站设计制作的基本步骤。
第六节本章小结
本章主要介绍了电子商务网站建设与相关技术,包括Internet(互联网)概述、TCP/IP协议、IP地址与域名、WWW万维网简介以及电子商务网站规划设计等内容。
1、Internet(中文译为互联网,也叫国际互联网)的用户遍及全球,超过几亿,目前仍在不断上升。Internet已经成为企业、政府和研究机构共享信息的基础设施,同时也是开展电子商务的基础。一个网络连接到Internet的任何一个节点上,就意味着连入了整个Internet,并作为它的一个组成部分。
2、Internet统一使用TCP/IP协议,该协议是Internet上最基本的协议,其英文名称是Transfer Control Protocol/Internet Protocol(传输控制协议/互联协议)。TCP协议是传输控制协议,它向应用程序提供可靠的通信连接。TCP协议能够自动适应网上的各种变化,即使在Internet暂时出现堵塞的情况下,也能够保证通信的可靠性。TCP规定了为防止传输过程中数据包丢失的检错方法,用以确保最终传送信息的正确性。IP协议是国际网络协议,它能适应各种各样网络硬件,对底层网络硬件几乎没有任何要求。任何一个网络只要可以从一个地点向另一个地点传送二进制数据,就可以使用IP协议。尽管这两个协议可以分开使用,各自完成自己的功能,但由于它们是在同一时期为一个系统来设计的,并且功能上也是相互配合、相互补充的,因此计算机必须同时使用这两个协议,因此常把这两个协议称作为TCP/IP协议。
3、互联网是由上亿台主机互相连接形成的全球性网络,因此,互联网上的每一台主机都必须有一个唯一的地址,以便识别和区分网络上的每台主机,就像电话有唯一电话号码一样。作为该主机在互联网上的唯一标志,这个地址就称为IP地址。IP地址是一个32位的二进制数,为书写方便和记忆,通常采用点分十进制表示法,即8位一组分成四组,每组用十进制数表示,并由圆点分隔。比如,百度主机服务器的IP地址为119.75.218.70,而“四川大学”服务器的IP地址为125.69.85.18。由于用数字表示的IP地址难以记忆,不如用字符表示来的直观。为了便于使用和记忆,也为了易于维护和管理,采用一种称为域名的表示方法来表示IP地址。所以,域名可以看做是用字符表示的IP地址。
4、Internet 的迅速发展有赖于WWW工具,WWW是World Wide Web(环球信息网)的缩写,也可以简称为“3W”或“Web”,中文名字为“万维网”。它起源于1989年3月,由欧洲量子物理实验室CERN(the European Laboratory for Particle Physics)所发展出来的主从结构分布式超媒体系统。万维网是Internet的多媒体信息查询工具,是Internet上近年才发展起来的服务,也是发展最快和目前最广泛使用的服务。万维网是一种建立在Internet上的全球的、交互的、动态、多平台的分布式图形信息系统。利用万维网,人们只需要使用简单的方法,就可以很迅速方便地取得丰富的信息资料。
5、电子商务网站具有节省信息查询时间,提高效率、提供多种沟通渠道、为客户提供个性化的网站与服务、提供企业信息,提供网络广告及客户反馈、提供客户在线支付与查询、提供决策工具、在线使用多媒体等功能。企业通过电子商务网站可以在线宣传其形象、发布企业产品动态、展示产品目录、集成产品发布系统,集成订单系统,具有易用性、及时性等特点。在建立电子商务网站时,对于电子商务网站的风格、网站功能定位、市场分析、盈利模式、支付系统等的规划设计非常关键。
6、网站设计制作步骤:网站建设之前,首先进行网站规划,然后进行网站设计,再进行静态网站制作,加入动态效果,最后嵌入程序。
第七节本章习题
1、电子商务网站常见的网页元素有哪些?CSS在网页源代码中添加的位置是哪里?CSS的作用是什么?
2、网页中的与标记有何区别?
3、文件Welcome.htm源文件代码如下:欢迎来到我的世界
请回答以下问题: (1)该页面是否有背景颜色,如果有,是什么?该页面的内容是否居中显示?
(2)该页面是否有TITLE,如果有,是什么?TITLE的内容会在页面的什么地方显示出来?
(3)标签的作用是什么?
(4)如果将标签中的“color=yellow”去掉,请修改welcome.htm的源文件,使其显示的效果不变(即修改其他标签内容,使该页面显示效果相同)。
4、example 2.html是含有两个网页链接的HTML文档,其源代码如下:
欢迎您浏览北大
Welcome.html的源代码如下:欢迎来到我的世界
思考:(1)本例中三个BR的作用?
(2)example 2.html 与welcome.html两个文件存放的位置有什么关系?即链接
(1)静夜思与唐诗之间为何会空一行显示?
(2)如果去掉COLOR=“DARKBLUE”,举头望明月,低头思故乡这句话将显示成什么颜色?
6、 思考:试着增加时间段,共分为7点前、7点-11点、11点-13点、13点-18点、18点-22点、22点-24点六个时间段,每个时间段页面显示不同的问候语。
7、实践操作题:请使用任意一款GIF动画制作软件,进行GIF动画制作练习(自选效果),并思考,GIF动画中的帧和层的关系是什么?
8、实践操作题:用DREAMWAVER和FRONTPAGE软件制作网页时,如何添加图片?如果不使用网页制作软件,那么在网页源代码中,如何编写添加图片的代码?