学习情境一 电子商务网站规划设计
讲稿与学习指南
一、资讯( 2 学时)
1.问题引入: (10′ )
问题 1:企业真的需要电子商务网站吗? ①电子商务能给企业带来什么? 在目前
的信息社会,电子商务对企业来讲非常重要。 第 一阶段,电子商务是“救命稻草” 。
第 二阶段,电子商务是“锦上添花” 。 ②企业真的需要电子商务网站吗? 网站可以为企业提供的服务主要包括 3S ,即 SHOW 、 SALE 、
SERVE :
SHOW (展示) SALE (交易) SERVE (服务)
问题 2:企业的电子商务网站应该实现哪些功能?
企业网站三大支柱
问题小结: 电子商务是未来商务交易的主要运营方式,电子商务的实施与运作依赖于 电子商务系统,电子商务网站则是电子商务系统工作和运行的主要承担者和表现者,是网 上的“虚拟公司”或“虚拟工厂” 。构建电子商务网站是通向电子商务的重要一步。
电子商务网站是指一个企业、机构或公司在互联网上建立的站点,其目的是为了宣传 企业形象、发布产品信息、宣传经济法规、提供商业服务等。 2.新授内容
1)电子商务网站架构与构成要素 (10′ ) ① 电子商务网站的架构
物
流
典型的电子商务网站组成
②电子商务网站的构成要素(1)网站域名这是Internet 上惟一的域名。域名必须向ISP(Internet Service Provider ,因特网服务提供商)或网络信息中心申请。国内有许多网站接受域名申请,只有获得批准后,才是合法的域名。
(2)网站物理地点存放各类与电子商务网站有关信息和数据的计算机、服务器等硬件设备。
(3)网页网页的设计应有独特的风格。首先要让客户注册登录的手续简便快速,商品分类指示明确,如同进入一家大的商店,让客户能够迅速找到想要的商品。
(4)货款结算客户通过购物车选购商品,然后结算,确定付款方式、送货地点、时间等。(5)客户资料管理管理已注册客户的姓名、通信地址、电话、电子邮件地址等信息。(6)商品数据库管理经常及时盘点商品,做好商品配货和商品配送。以上只是电子商务网站的大致结构,随着网站经营的商品及经营模式的变化,其构成要素也会有所变化。
2)电子商务网站的总体设计与策划(10′)①网站规划设计流程
网站设计的目的-- 想要做什么(宣传、展示、直销等)
网站设计过程及流程图
用户需求分析—网站构建和流程设计—系统分析及总体设计—界面设计、程序开发—网站系统测试—客户培训、售后等
网站规划的类型(B2B\B2C\C2C)②网站规划的具体内容
网站内容设计原则支持企业的总目标主次分明,设计目的明确以消费者为中心主
题鲜明突出,要点明确基本信息型、电子商务型、多媒体广告型功能实用,切合实
际需要
应考虑的主要因素目标市场情况市场环境产品、服务和品牌其它促进因素价格进货渠道
规划的内容建设网站前的市场分析建设网站的目的及功能定位网站的技术解决方案网站内容规划网站页面设计网站维护网站测试网站发布与推广网站建设日
程表费用明细
③网站整体框架和网页设计
框架设计方法
网页关系设计网页设计布局设计
④网站策划书的撰写
3)电子商务网站栏目规划(15′ ) 网站栏目策划是制作网站网页的起始点,也是网页制作的
关键。网站栏目的实质就是一个网站的大纲索引,索引应该将网站的主题明确显示出来。确
定栏目内容的原则如下:
①尽可能删除与主题无关的栏目;
②尽可能将网站最有价值的内容列在栏目上;
③尽可能方便访问者的浏览和查询。问题探究:网站主题确定方法网站主题就是
网站所要表述的主要内容。
对于主题的选择,一般要求:
①主题定位要准确;
②主题要小而精;
③题材最好是自己擅长或者喜爱的内容;
④题材不要太滥或者目标太高。
4)电子商务网站开发环境(15′ )
在众多的电子商务网站开发方案中,由Microsoft 公司推出的IIS (Internet information Server Web 服务器)+ ASP(Active Server Pages 编程语言)+Access 或
Sqlserver (网络数据库)的组合方案得到了广泛的应用。目前,IIS+ASP+Access 已成为中小型电子商务网站建设的首选方案。
①安装与配置IIS 服务器
IIS 安装
IIS 服务器配置
尽量不要使用缺省的Web站点。
为IIS 中的分类文件设置权限。
保护IIS 日志安全。
删除不必要的应用程序映射。
IIS 作用?
-- 静态网页技术与动态网页技术
静态网页工作原理
动态网页工作原理
②Dreamweaver 站点定义要制作一个完整的网站,首先需要创建一个站点,只有建立了站点,才能更好地完成网页制作和站点文件管理。
③使用Dreamweaver 创建ASP网页
ASP工作原理
5)电子商务网站主页内容布局(10′ )
常用网页内容布局方法:网站网页页内容布局方法主要有三种:表格、框架和层,其中表格是网页内容布局的主要方法,也是最基本、最直接的布局方法
①使用表格方式布局网页使用表格布局的页面在不同平台,不同分辨率的浏览器里都能保持其原有的布局,且在不同的浏览器平台有较好的兼容性,所以表格是网页中最常见的排版方式之一。
②使用层方式布局网页层提供了可精确定位页面元素的方法,页面元素放于图层中。
③使用框架方式布局网页框架是网页设计中常用的技术,使用框架能将几个不同的Html 文档显示在同一个浏览器窗口中。
6)CSS在电子商务网站网页布局中的应用(10′ )
CSS是一系列格式设置规则,主要用来控制Web网页内容的外观,使用CSS可有效保
持网站页面风格的一致性。
CSS是一种格式化网页的标准方式,它对颜色、字体、间隔、定位以及边距等格式方面提
供了多种属性,这些属性均可用于Html 标记符。
1.方便网页格式的修改
2.便于减少网页体积
3.能使网页元素更准确的定位
4.良好的适应性3.师生互动(10′ ) 互动讨论题:电子商务网站规划设计需要做哪些工作?
要点:
1)确定网站主题
2)确定网站栏目
3)搭建网站开发环境
4)主页内容布局设计
5)使用CSS美化网页布局
二、计划与决策(2 学时):
1.目标描述(5′ )在本学习情境中,将根据电子商务网站的整体策划要求,并以“重庆曼宁网上书城”网站整体策划为实例,从电子商务网站栏目规划、主页内容布局、CSS 网页布局等几个方面
来展开对电子商务网站策划。学生模仿此实例,自己选定一主题,例如可以选定“女性” 、“鲜花”、“网上书店” 、“某某企业” 等,进行电子商务网站策划;要求规划网站相应内容、画出框架图、文字或图示网站策划的主题思想;并构建电子商务网站开发环境,用Dreamweaver 编写网站主页asp文件,完成网站框架的制作,使用CSS 样式完善主页的布局。
2.案例讲授(40′ )
“重庆曼宁网上书城”网站基本栏目架构图
1)确定网站主题
2)讨论确定栏目
3)搭建开发环境
4)设计和布局网站主页
5)使用CSS样式来完善主页布局3.项目选题与策划(20′ )
1)针对本项目目标任务描述自己选定一主题,进行项目策划。
2)教师回答学生提问、对方案进行指导。
4.策划方案的确定(25′ )(课堂上未完成的,课后完成在作业本上)讨论修改项目策划思想,师生、同学之间多次交流互动,形成自己最终策划方案思想;
撰写电子商务网站规划书;包括网站的名称、主题思想、画出框架图,并对框架图中的栏目
进行必要的文字说明,以小组为单位完成
(写到作业本上也可以打印)
三、实施(4 学时)学生根据项目任务、引导文、以及策划方案进行具体实施1.构建电子商务网站开发环境(90′ )
1)安装与配置IIS 服务器
2)用Dreamweaver 给自己策划的网站定义一个站点
3)使用Dreamweaver 创建一个ASP测试网页, 测试开发环境
2.用Dreamweaver 编写网站主页asp 文件,完成网站框架的制作(45′ )1)主页文件的分区2)表格的布局
3)服务器包含指令(SSI)用法
SSI 是Server-Side Include 的简写,意为服务器包含,SSI 指令为用户提供在Web 服务器处理之前将一个文件的内容插入到另一个文件的方法。
在ASP 中使用SSI 的语法如下:
virtual 和file 关键字指示用来包含该文件的路径的类型,filename 是想包含的文件的路径和名称。
在使用SSI 包含文件操作命令时,还需要注意一点的是,由于head.asp 、copyright.asp 文件代码需要嵌入到其他页面文件中使用,还需删除head.asp 、copyright.asp 文件中的 、
、3.使用CSS样式完善主页的布局(45′ )CSS滤镜应用方法
四、检查与评估(2 学时)
1、成果汇报(60′ )
1)学生汇报自己完成的任务,展示成果(至少抽查 5 人汇报)
2)回答教师和同学提出的问题2.点评与总结(10′ )
对学生汇报成果进行点评,指出成功和不足地方3.资料整理和提升(20′ )1)学生提交电子与纸质资料
2)项目任务完成资料的整理
4.过程与结果评价(课后时间)
教师对学生成果进行评价,给出每个学生的项目得分