欢迎来到天天文库
浏览记录
ID:50496341
大小:1.60 MB
页数:21页
时间:2020-03-09
《电子商务网页制作 教学课件 作者 谢嵘 - 副本02.ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、主编:谢嵘我们已经浏览过了著名的电子商务网站,并且了解了电子商务网站的特点,接下来我们就来学习如何建立一个这样的网站。建立电子商务网站之前,需要先新建一个文件夹来作为整个网站的本地站点。这个文件夹中将要存放网站中所有网页上的文字、图片、动画等等。项目2建立电子商务网站项目导学体验活动一:创建一个电子商务站点活动任务:运用DreamweaverCS4创建一个电子商务类网站的本地站点。活动指导:在开始制作网页之前,需要先定义一个新的站点,我们在计算机上建立一个新文件夹“我的网站”,路径为“F:我的网站”,这是为了更好的利用站点对文件进行管理,尽可能减少出错。初学网页制作者一定
2、要培养有条理的习惯,如果将不同类别的文件随意乱放,将给后期维护带来很大的困难。项目2建立电子商务网站体验活动一:创建一个电子商务站点活动步骤:启动DreamweaverCS4软件。在工作界面的菜单栏里,单击“站点”菜单里的“新建站点”命令。在弹出的对话框中,将站点的名字命名“我的站点1”。项目2建立电子商务网站体验活动一:创建一个电子商务站点活动步骤:单击“下一步”按钮,选择“否,我不想使用服务器技术”。单击“下一步”按钮,选择第一项“编辑我的计算机上的本地副本,完成后再上传到服务器”,在“文件存储位置?”中,设置为“F:我的网站”文件夹。项目2建立电子商务网站体验活动
3、一:创建一个电子商务站点活动步骤:在“您如何连接到远程服务器?”的下拉菜单中选择“无”。在弹出的“总结”对话框中,能看到站点包含的信息,确认无误后,单击“完成”按钮。项目2建立电子商务网站体验活动一:创建一个电子商务站点活动步骤:此时,在工作界面右侧的“文件”面板中,显示文件为“我的站点1”,本地文件放置在“我的网站”文件夹中,这样,我们的站点就建立好了。项目2建立电子商务网站活动小结完成体验活动一后,填写下表项目2建立电子商务网站新建文件夹新建_______管理_______站点完成体验活动二:管理一个电子商务站点CS4活动任务:建立、管理站点中的文件和文件夹。活动指导:
4、站点中的文件夹可以新建、复制、删除和粘贴,在建站的过程中需要对站点中的文件进行管理和调整。项目2建立电子商务网站体验活动二:管理一个电子商务站点CS4活动步骤:在“文件”面板“站点—我的站点1”上单击鼠标右键,在弹出的快捷菜单中选择“新建文件夹”命令。将新建立的文件夹命名为“images”,作为存放图片的文件夹。项目2建立电子商务网站体验活动二:管理一个电子商务站点CS4活动步骤:单击“文件”菜单上的“新建”命令。在“新建文档”对话框中选择“空白页”,“页面类型”选择“HTML”,“布局”选择“无”,这样来创建一个基本的空白网页。项目2建立电子商务网站体验活动二:管理一个电
5、子商务站点CS4活动步骤:在主工作区出现一个名为“untitled-1”的页面,页面标题为“无标题文档”。单击“文件”菜单的“保存”命令,保存该文档。项目2建立电子商务网站体验活动二:管理一个电子商务站点CS4活动步骤:在弹出的“另存为”对话框中,将文件命名为“index.html”,存放在本地站点根目录下;用同样的方式建立一个名为“newbook.html”的网页。项目2建立电子商务网站体验活动三:网页的建立、打开、保存与预览活动任务:再次新建一个页面,并学会利用“文件”面板打开它。保存页面并在浏览器中预览。活动指导:学习新的新建页面的方法和打开方法。在实际工作中,利用“
6、文件”面板来完成这样的工作更便于对页面的管理,不容易造成页面保存路径的出错。项目2建立电子商务网站体验活动三:网页的建立、打开、保存与预览活动步骤:在“文件”面板“站点—我的站点1”上单击鼠标右键,在弹出的快捷菜单中选择“新建文件”命令。此时新建立的文件为一个HTML文件“untitled”,将这个新文件命名为“shupin.html”。项目2建立电子商务网站体验活动三:网页的建立、打开、保存与预览活动步骤:双击文件面板上的index文件,将它在主工作区中打开。把光标移到主工作区内,输入“欢迎光临网上书城!”,页面更新后,在网页标题的右上方会出现一个“*”符号。项目2建立电
7、子商务网站体验活动三:网页的建立、打开、保存与预览活动步骤:单击“文件”菜单上的“在浏览器中预览”命令,即可对网页的页面进行预览,也可以按下键盘上的“F12”键进行浏览页面。项目2建立电子商务网站活动小结完成体验活动三后,填写下表项目2建立电子商务网站新建网页的方法:1.“文件”——“新建”命令2.3.打开网页的方法:1.“文件”——“打开”命令2.3.相关知识一、电子商务网站建设基本流程规范制定网站规划方案;网站技术开发、网页设计;网站测试;网站内容发布;网站维护及管理。项目2建立电子商务网站相关知识二、合理规划
此文档下载收益归作者所有