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

1、赏析电子商务商城类网站赏析电子商务商城类网站1任务分析任务分析 本任务提供了三个国内知名电子商务网站的主页,希望读者通过欣赏这些精美的电子商务网站,提高学习电子商务网页制作的兴趣。相关知识相关知识1.网页与网站网页是网站的基本元素,是承载各种网站应用的平台。网页要通过网页浏览器来阅读。网站则是由内容相关的、通过某种方式联系在一起的若干网页组成的。网页是网站中的一页,是构成网站的基本元素。2.服务器与浏览器服务器是一个管理资源并为用户提供服务的计算机软件,通常分为文件服务器、数据库服务器和应用程序服务器。运行以上软件的计算机或计算机系统也被称为服务器。浏览器是用来浏览网页的工具软件,常用的浏览器

2、有IE、火狐、淘宝浏览器等。3.网站的工作原理当我们在客户端进行请求的时候,假若我们请求的是一个静态的网页,那么这个网页请求到了Web服务器以后,服务器就会在本身安装的机器的硬盘上寻找相关的网页,然后进行返回。假若我们请求的是一个包含动态语言代码的网页,那么服务器接收到以后,就会接着传送给同时安装在这个机器上的应用程序服务器,由它负责解释和执行网页,最后将执行的结果传递给客户端浏览器。1.知名电子商务平台当当网的主页(见图11)2.TCL在淘宝网站的电子商务主页(见图12)3.知名电子商务平台京东商城的主页(见图13)制作第一个网页制作第一个网页“第一个主页第一个主页”2任务分析任务分析 使用

3、记事本制作一个简单的网页,网页标题栏显示“第一个主页”,网页区域字体设置为蓝色、宋体、6号的文本“这是我第一个主页”,效果如图所示。相关知识相关知识1.网页制作的语言HTML(Hyper Text Mark-up Language),即超文本标记语言,超文本就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。超文本标记语言的结构包括头部(Head)和主体部分(Body),其中头部提供关于网页的信息,主体部分提供网页的具体内容。2.网页设计工具随着互联网科技的发展,越来越多的网页设计工具软件面世,它们功能强大、操作简单,深受广大网页设计者的喜爱,其中最著名的便是由MacroMedia公司

4、开发出来的“网页三剑客”。(1)网页编辑工具Dreamweaver。(2)网页动画制作工具Flash。(3)图形图像处理工具Firework 和Photoshop等。任务实施任务实施(1)打开记事本程序,方法:单击“开始”“所有程序”“附件”“记事本”。(2)在打开的记事本中,输入如图所示的代码。(3)将文件保存成文件名为index.html的文件,保存方法:单击“文件”“另存为”,弹出“另存为”对话框,在“保存在”选项中选择保存的路径;在“文件名”输入:index.html,“保存类型”选择“所有文件”。上传上传“第一个主页第一个主页”到网上到网上3任务分析任务分析 在3v.cm网申请一个免

5、费的空间和域名,将“第一个主页”网页上传到服务器,并通过这个网站提供的免费域名访问“第一个主页”。相关知识相关知识1.域名 域名(Domain Name),是由一串用点分隔的名字组成的互联网上某一台计算机或计算机组的名称,用于在数据传输时标识计算机的电子方位(有时也指地理位置,地理上的域名指代有行政自主权的一个地方区域)。2.IP地址 IP是英文Internet Protocol的缩写,意思是“网络之间互连的协议”,也就是为计算机网络相互连接进行通信而设计的协议。3.FTP FTP(File Transfer Protocol)即文件传输协议。任务实施任务实施(1)打开网页浏览器,输入网址:h

6、ttp:/www.3v.cm,点击“Enter”键,即可进入。(2)单击网页左上角的“注册”按钮,出现“服务条款”对话框,点击“我同意”按钮。(3)出现“选择用户名、空间类型”对话框,在此输入要注册的用户名和选择空间类型,点击“下一步”按钮。(4)进入注册页面,按照提示填写注册信息,完成注册步骤。(5)注册完成后,会弹出对话框。(6)打开CuteFTP软件,单击按钮,填入用户名、密码和FTP服务器地址等相关信息,再单击按钮,左侧服务器区会出现服务器端目录。(7)在左侧按照本地计算机文件的存储路径找到index.html,然后将该文件拖拽到右侧服务器区,即可把本地的网页文件index.html上传到网上的服务器中。(8)在浏览器地址栏输入本服务器的地址,就可以访问“第一个主页”页面了,如图所示。