《电子商务网页设计与制作》课件第五章.pptx

1、第五章创建电子商务网站站点 内利商城是一个B2B和B2C的电子商务网站,是在综合缴费线上平台的基础上研发和建立起来的购物网站,也是浙江内利信息技术有限公司创建的提供互联网、网上商城、手机固话宽带缴费、水电煤公共缴费服务的一个网络平台。内利商城是浙江内利信息技术有限公司从“线下门店”向“线上门店”发展的战略性步骤之一,旨在把“最方便的服务,在最繁忙的时候,提供给最需要的人”。本章以内利商城为例,介绍该网站在制作前期如何进行站点的规划、创建与管理。知识目标(1)了解网站栏目设计规范。(2)了解网站文件目录的分类。(3)掌握Dreamweaver中站点的创建步骤。(4)掌握Dreamweaver中站

2、点的管理方法。第一节网站栏目及文件目录设计一、与甲方沟通网站栏目在实施网站栏目规划前在实施网站栏目规划前,必须和甲方必须和甲方(也就是也就是网站所有人网站所有人)进行沟通进行沟通,这样可以使设计人员少走这样可以使设计人员少走弯路弯路,也能把其想法传递给甲方也能把其想法传递给甲方,同时也能知道甲同时也能知道甲方的一些想法。因为这个项目的最终决定权在方的一些想法。因为这个项目的最终决定权在甲方手中。甲方手中。根据沟通结果制作网站栏目功能1.我的门店2.最新活动4.加入商城3.逛逛商城5.代理加盟7.联系我们6.关于我们(1)插入“组织结构图”(2)插入形状(3)添加栏目文字(4)自动套用格式三、绘

3、制网站栏目结构图四、设计网站文件目录结构四、设计网站文件目录结构第二节第二节站点的创建与管理站点的创建与管理本节的目标是基于网站目录结构的设计,利用软件Adobe Dreamweaver完成内利商城网站站点的创建与管理。一、创建本地站点文件夹一、创建本地站点文件夹在E盘的根目录下创建本地站点文件夹“内利商城”用来存放网站文件,并完成网站目录结构的设计。二、新建站点运行Dreamweaver,执行“站点”“新建站点”命令,在弹出的对话框中点击“高级”选项卡。在选项卡中,在“站点名称”文本框中输入要创建的网站名称;在“本地根文件夹”文本框中输入创建本地站点文件夹的路径;在“默认图像文件夹”文本框中

4、输入本地站点文件夹中默认存放图像的文件夹路径,其余选项按默认设置,最后点击“确定”按钮完成站点的创建。三、站点的管理三、站点的管理 点击“导出”按钮,可以将选中的站点的相关设置信息以扩展名为“.ste”的文件形式保存。当需要时,可以通过“导入”按钮将该文件导入,导入后不用再重新设置站点的信息。四、定义站点对于初学者而言,可以利用向导的方式来完成“内利商城”站点的创建。具体步骤如下:(1)执行“站点站点”“新建站点新建站点”命令,在弹出的对话框中切换到“基本”选项卡,设置站点的名称以及http地址(2)点击“下一步下一步”按钮,由于站点为静态网站,所以在弹出的界面中选择默认选项,即“否,我不想使

5、用服务器技术”,静态网站与动态网站的区别不是指网站有没有GIF、Flash动画,而是指有没有交互性。(3)点击“下一步”按钮,进入“测试文件测试文件”界面,进行远程服务器的有关设置。(4)点击“下一步”按钮,在弹出的界面中,在“您如何连接到远程服务器”的下拉列表中选择“无无”(5)最后,点击“下一步下一步”并完成站点定义。五、五、“文件文件”面板面板“文件”面板是Dreamweaver最常用的也是最主要的面板之一。它集成了站点管理的各种工具。在“文件”面板中点击最右侧的展开/折叠站点图标,展开完整的“文件”面板,显示“站点名称”链接/断开刷新“站点文件”视图“测试服务器”视图“站点地图”视图获取文件上传文件取出文件存回文件同步扩展/折叠按钮1.分析女性电子商务网站“乐蜂网”的栏目结构设计的特点。2.了解SEO对电子商务网站结构设计的基本要求。3.简述“文件面板”的三个方面的主要功能。4.在“资源”面板中如何改变资源排列的次序?