电子商务网页设计项目一电子商务网站页面赏析.ppt

项目一 电子商务网站页面赏析 * * * 电子商务网页设计 主编 袁海波 中国人民大学出版社 赏析电子商务商城类网站 1 任务分析 本任务提供了三个国内知名电子商务网站的主页,希望读者通过欣赏这些精美的电子商务网站,提高学习电子商务网页制作的兴趣。 相关知识 1.网页与网站 网页是网站的基本元素,是承载各种网站应用的平台。网页要通过网页浏览器来阅读。网站则是由内容相关的、通过某种方式联系在一起的若干网页组成的。网页是网站中的一页,是构成网站的基本元素。 2.服务器与浏览器 服务器是一个管理资源并为用户提供服务的计算机软件,通常分为文件服务器、数据库服务器和应用程序服务器。运行以上软件的计算机或计算机系统也被称为服务器。浏览器是用来浏览网页的工具软件,常用的浏览器有IE、火狐、淘宝浏览器等。 3.网站的工作原理 当我们在客户端进行请求的时候,假若我们请求的是一个静态的网页,那么这个网页请求到了Web服务器以后,服务器就会在本身安装的机器的硬盘上寻找相关的网页,然后进行返回。 假若我们请求的是一个包含动态语言代码的网页,那么服务器接收到以后,就会接着传送给同时安装在这个机器上的应用程序服务器,由它负责解释和执行网页,最后将执行的结果传递给客户端浏览器。 1.知名电子商务平台——当当网的主页(见图1—1) 2.TCL在淘宝网站的电子商务主页(见图1—2) 3.知名电子商务平台——京东商城的主页(见图1—3) 制作第一个网页——“第一个主页” 2 任务分析 使用记事本制作一个简单的网页,网页标题栏显示“第一个主页”,网页区域字体设置为蓝色、宋体、6号的文本 “这是我第一个主页”,效果如图所示。 相关知识 1.网页制作的语言 HTML(Hyper Text Mark-up Language),即超文本标记语言,超文本就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。超文本标记语言的结构包括头部(Head)和主体部分(Body),其中头部提供关于网页的信息,主体部分提供网页的具体内容。 2.网页设计工具 随着互联网科技的发展,越来越多的网页设计工具软件面世,它们功能强大、操作简单,深受广大网页设计者的喜爱,其中最著名的便是由MacroMedia公司开发出来的“网页三剑客”。 (1)网页编辑工具——Dreamweaver。 (2)网页动画制作工具——Flash。 (3)图形图像处理工具——Firework 和Photoshop等。 任务实施 (1)打开记事本程序,方法:单击“开始”→“所有程序”→“附件”→“记事本”。 (2)在打开的记事本中,输入如图所示的代码。 (3)将文件保存成文件名为index.html的文件,保存方法:单击“文件”→“另存为”,弹出“另存为”对话框,在“保存在”选项中选择保存的路径;在“文件名”输入:index.html,“保存类型”选择“所有文件”。 上传“第一个主页”到网上 3 项目一 电子商务网站页面赏析 * * *