电子商务网页设计(教育部中等职业教育专业技能课立项教材)
上QQ阅读APP看书,第一时间看更新

任务三 上传“第一个主页”到网上

任务分析

在3v.cm网申请一个免费的空间和域名,将“第一个主页”网页上传到服务器,并通过这个网站提供的免费域名访问“第一个主页”。

相关知识

1.域名

当我们制作完成自己的网页,上传到网上供人访问的时候需要申请一个域名。域名(Domain Name),是由一串用点分隔的名字组成的互联网上某一台计算机或计算机组的名称,用于在数据传输时标识计算机的电子方位(有时也指地理位置,地理上的域名指代有行政自主权的一个地方区域)。域名是一个IP地址的“面具”。域名的目的是便于记忆和沟通一组服务器的地址(网站、电子邮件、FTP等)。如www.baidu.com就是百度的域名。

2.IP地址

IP是英文Internet Protocol的缩写,意思是“网络之间互连的协议”,也就是为计算机网络相互连接进行通信而设计的协议。在互联网中,它是能使连接到网上的所有计算机网络实现相互通信的一套规则,规定了计算机在互联网上进行通信时应当遵守的规则。任何厂家生产的计算机系统,只要遵守IP协议就可以与互联网互联互通。正是因为有了IP协议,互联网才得以迅速发展成为世界上最大的、开放的计算机通信网络。因此,IP协议也可以叫做“互联网协议”。

IP地址是一个32位的二进制数,通常被分割为4个8位二进制数(也就是4个字节)。IP地址通常用“点分十进制”表示成(a.b.c.d)的形式,其中,a、b、c、d都是0~255的十进制整数。例如:点分十进制IP地址(100.4.5.6),实际上是32位二进制数(01100100.00000100.00000101.00000110)。

3.FTP

FTP(File Transfer Protocol)即文件传输协议。文件传输协议使得主机间可以共享文件。FTP使用TCP生成一个虚拟连接用于控制信息,然后再生成一个单独的TCP连接用于数据传输。控制连接使用类似TELNET协议在主机间交换命令和消息。文件传输协议是TCP/IP网络上两台计算机传送文件的协议,FTP是在TCP/IP网络和互联网上最早使用的协议之一,它属于网络协议组的应用层。FTP客户机可以给服务器发出命令来下载文件、上传文件、创建或改变服务器上的目录。

常用的FTP软件有CuteFTP、LeapFTP和8uFTP等软件,根据获取到的FTP账号和密码,利用这些软件的上传功能,把制作好的网站上传到网络上。

任务实施

(1)打开网页浏览器,输入网址:http://www.3v.cm,点击“Enter”键,即可进入,如图1—7所示。

图1—7 免费空间首页

(2)单击网页左上角的“注册”按钮,出现“服务条款”对话框,如图1—8所示,点击“我同意”按钮。

图1—8

(3)出现“选择用户名、空间类型”对话框,如图1—9所示,在此输入要注册的用户名和选择空间类型,点击“下一步”按钮。

图1—9

(4)进入注册页面,按照提示填写注册信息,如图1—10所示,完成注册步骤。

图1—10

(5)注册完成后,会弹出如图1—11所示的对话框。

图1—11

(6)打开CuteFTP软件,单击按钮,填入用户名、密码和FTP服务器地址等相关信息,再单击按钮,左侧服务器区会出现服务器端目录,如图1—12所示。

图1—12

(7)在左侧按照本地计算机文件的存储路径找到index.html,然后将该文件拖拽到右侧服务器区,即可把本地的网页文件index.html上传到网上的服务器中。

(8)在浏览器地址栏输入本服务器的地址,就可以访问“第一个主页”页面了,如图1—13所示。

图1—13

项目总结

本项目展示了几个知名电子商务网站的页面,并使用记事本制作了一个简单的网页,在3v.cm网上申请虚拟主机和域名后,将网页上传到虚拟主机上,通过域名访问到该网页。一般的网站在制作过程中也遵循这个流程。

经验交流:同学们将学习过程的疑难问题记录下来,和大家交流一下吧。

习题

选择题

1.下列不属于FTP软件的是( )。

A.CuteFTP

B.LeapFTP

C.FlashFXP

D.FlashGet

2.下列属于静态网页中内容的有( ),属于动态网页中内容的有( )。

A.HTML标记

B.JavaScript脚本

C.图像

D.文本

E.服务器端脚本

3.可以用来制作网页的动态特效,如弹出菜单、图片反转等的是( )。

A.HTML标记

B.JavaScript脚本

C.服务器端脚本

D.其他

填空题

1.静态网页的扩展名有______,动态网页的扩展名有______。

2.可以编辑网页文件的工具有______、______和______,常用的网页图像编辑工具有______和______,动画编辑工具有______。

3.______是构成网页文件的基本语言。

4.网站测试成功后,将网站加入到______中,网络搜索的效率更高。

5.______叫做域名,______叫做虚拟主机。

操作题

在3v.cm网站上申请注册一个属于自己的空间,并把自己的网站上传到虚拟主机上,测试网站。