项目7 综合实训 课件(共38张PPT)《电子商务网页制作》(中国财政经济出版社)

资源下载
  1. 二一教育资源

项目7 综合实训 课件(共38张PPT)《电子商务网页制作》(中国财政经济出版社)

资源简介

(共38张PPT)
中等职业教育国家规划教材
电子商务
项目七
综合实训
目录
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
任务五
推广公司网站
任务三
设置Web
服务器
项目七
综合实训
目录
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
任务五
推广公司网站
任务三
设置Web
服务器
1
任务情境:接到公司王经理布置的工作任务之后,张家豪首先与王经理进行充分的交流与沟通,明确了公司建设网站的目的和具体要求。开始全面搜集和整理橙果公司的各种资料,然后与公司各部门人员进行交流,充分了解公司的各种情况。通过仔细分析,结合网站技术特点,很快便制定了公司网站的设计方案。
2
任务分析:橙果公司建设网站的目的是想对公司自身进行更好的宣传,要在互联网营销中占有一席之地,提供产品的技术支持和在线互动,以便更好的为客户服务,同时提高公司利润。在充分了解本公司客户的业务流程、所处环境、公司规模、行业状况的基础上,需要对公司网站进行整体设计。为了保证后续网站制作的规范,张家豪需要在网站制作之前,撰写公司网站策划书,策划书的内容应包括如下内容:项目背景、目标分析、网站形象、网站模块结构、网站目录结构
3
任务实施:
步骤一:项目背景
步骤二:目标分析
步骤三:网站形象
步骤四:网站模块结构
步骤五:网站目录结构
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
任务五
推广公司网站
任务三
设置Web
服务器
1
任务情境:接到公司王经理布置的工作任务之后,张家豪首先与王经理进行充分的交流与沟通,明确了公司建设网站的目的和具体要求。开始全面搜集和整理橙果公司的各种资料,然后与公司各部门人员进行交流,充分了解公司的各种情况。通过仔细分析,结合网站技术特点,很快便制定了公司网站的设计方案。
2
任务分析:橙果公司建设网站的目的是想对公司自身进行更好的宣传,要在互联网营销中占有一席之地,提供产品的技术支持和在线互动,以便更好的为客户服务,同时提高公司利润。在充分了解本公司客户的业务流程、所处环境、公司规模、行业状况的基础上,需要对公司网站进行整体设计。为了保证后续网站制作的规范,张家豪需要在网站制作之前,撰写公司网站策划书,策划书的内容应包括如下内容:项目背景、目标分析、网站形象、网站模块结构、网站目录结构
3
任务实施:
步骤一:项目背景
步骤二:目标分析
步骤三:网站形象
步骤四:网站模块结构
步骤五:网站目录结构
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
任务五
推广公司网站
任务三
设置Web
服务器
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
任务五
推广公司网站
任务三
设置Web
服务器
步骤一
步骤二
步骤三
步骤四
步骤五
1.公司简介
天津橙果天下科技有限公司(以下简称橙果科技)是一家专注于公司形象整合设计的专业设计团队。自2010年创立以来,凭借对市场的开拓和创新,橙果科技以自己专业的实力和独具的思维、创造力,简洁大气、国际化的设计风格,完整的服务体系,赢得了众多的长期客户。服务的主要客户是广大中小型公司及机构,类型涉及政府机构、公司团体等。一流的设计、制作技术和严格的品质管理流程,这些因素都确保了橙果科技能够在各种规模的项目上保持优异品质。
2.建立公司门户网站的意义
通过门户网站的建设,橙果科技可以对外展示公司的形象,提高公司知名度,树立良好的国内国际形象,同时节约运作成本、提高工作效率,让更多的人能够了解橙果科技,也让橙果科技与现代经济接轨。
项目背景
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
任务五
推广公司网站
任务三
设置Web
服务器
步骤一
步骤二
步骤三
步骤四
步骤五
橙果科技门户网站的目标访问群和消费群主要是来自天津市及周边地区的中小型公司,网站一方面要达到公司形象宣传的作用。另一方面,可以作为与客户交流的平台,吸引更多的客户,开发新的商业机会。随着网络经济和电子商务的发展,公司拥有独立的门户网站已经势在必行,这将切实解决公司运作成本过高、人员冗杂、工作效率低下等影响公司长远发展利益的问题。
项目市场分析
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
任务五
推广公司网站
任务三
设置Web
服务器
步骤一
步骤二
步骤三
步骤四
步骤五
1.总体形象
公司网站应当具备以下五大特点:
(1)橙果科技网站应当符合公司形象标准,能够充分展示公司精神和公司文化,能够展示公司的风采。
(2)橙果科技网站应当是具有青春活力,看上去美观大方的网站,能够紧跟公司网站设计潮流,运用流行元素,使网站和公司一样充满现代气息。
(3)橙果科技网站应当让访问者最快找到他所需要了解的,一目了然,轻松自如。同时,管理人员能够轻松进行网站内容更新和维护工作。实用、易用能使橙果科技网站走向良性循环轨道。
(4)访问者是一面镜子,橙果科技网站应当从访问者那里获取对网站的反馈,能够捕捉客户的需求,能够双向交流,能够使客户在网站中充分发表见解,并加以吸收。
(5)橙果科技网站应当是一个可扩展的网站,能够根据技术的发展而将其充分应用,能够将公司外部窗口和公司内部管理机制相结合,能够为管理决策提供数据统计与分析。
网站形象
2.网站风格
网站的风格表现为整个网站在前台显示时看到的字体、风格、图片等样式,通常CSS网页样式语句来进行设计和控制整个网站的风格样式。本网站的风格设计将秉承橙果科技有限公司“开拓创新”的理念,以橙色、白色系为主要渲染色彩,风格简洁化,图片多角度真实化。
3.规划栏目
一个商务网站的主题内容及素材确定之后,站点的设计者就应该收集和组织大量的相关资料来充实、丰富它。而在大量的信息素材面前,如果网站没有一个合理的,符合网络技术特点、符合网民浏览习惯的栏目设计,再好的内容也展示不出来,达不到设立网站的初衷。
4.网站版式
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
任务五
推广公司网站
任务三
设置Web
服务器
步骤一
步骤二
步骤三
步骤四
步骤五
网站的目录结构
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
任务五
推广公司网站
任务三
设置Web
服务器
步骤一
步骤二
步骤三
步骤四
步骤五
网站的目录结构
1
任务情境:通过对公司的各种情况进行认真分析之后,张家豪撰写了网站策划书,里面详细规划了网站的布局、风格、形象的设计,接下来,张家豪将根据网站策划书的内容,对公司网站进行详细的制作。
2
任务分析:本次任务的目标是根据公司性质及网站规划的内容,参照网站策划书,对公司网站进行具体设计和制作,张家豪需要完成以下五部分内容:设计Logo、设计Banner、制作首页、制作分页、设置超级链接
3
任务实施:
步骤一:设计Logo
步骤二:设计Banner
步骤三:制作首页
步骤四:制作分页
步骤五:设置超级链接
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
任务五
推广公司网站
任务三
设置Web
服务器
1
任务情境:通过对公司的各种情况进行认真分析之后,张家豪撰写了网站策划书,里面详细规划了网站的布局、风格、形象的设计,接下来,张家豪将根据网站策划书的内容,对公司网站进行详细的制作。
2
任务分析:本次任务的目标是根据公司性质及网站规划的内容,参照网站策划书,对公司网站进行具体设计和制作,张家豪需要完成以下五部分内容:设计Logo、设计Banner、制作首页、制作分页、设置超级链接
3
任务实施:
步骤一:设计Logo
步骤二:设计Banner
步骤三:制作首页
步骤四:制作分页
步骤五:设置超级链接
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
任务五
推广公司网站
任务三
设置Web
服务器
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
任务五
推广公司网站
任务三
设置Web
服务器
步骤一
步骤二
步骤三
步骤四
步骤五
设计网站Logo
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
任务五
推广公司网站
任务三
设置Web
服务器
步骤一
步骤二
步骤三
步骤四
步骤五
设计网站Banner
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
任务五
推广公司网站
任务三
设置Web
服务器
步骤一
步骤二
步骤三
步骤四
步骤五
设计网站首页
(一)规范文件目录
(二)绘制草图
(三)制作首页----设计页头
(三)制作首页----设计页中
(三)制作首页----设计页尾
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
任务五
推广公司网站
任务三
设置Web
服务器
步骤一
步骤二
步骤三
步骤四
步骤五
设计网站分页
(一)为公司网站制作模板
(二)使用模板
有了模板之后,接下来就要在编辑网页时候使用它们了。运行“文件->新建”命令即可看见新建窗口,接着进入“模板”标签即可查看到已经保存的模板,选择“创建”按钮打开这个模板。
最后,我们只要在可编辑区域添加网页的内容就可以了,例如添加一些文字说明或者是插入相应的图片,最后通过“文件”->“保存”命令保存页面即可。
(三)服务项目
(四)成功案例----首页案例
(四)成功案例----成功案例
(五)关于橙果
(六)橙果动态
(七)热点新闻
(八)联系我们
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
推广公司网站
任务三
设置Web
服务器
步骤一
步骤二
步骤三
步骤四
步骤五
设置超级链接
前面已完成各页面内容的设计和制作,为了让用户阅读时有连贯性,现将各网页及其内部内容依次设置超级链接。
(一)设置网站首页标题到各分页的链接。
(二)设计各个分页标题的链接。
(三)设置网站内图片超级链接。
(四)为标题制作“鼠标经过图像”。
原图像
鼠标经过图像
1
任务情境:公司的网站已经制作完成,张家豪将要进行发布网站的后续工作,这时,他想到了需要熟悉一下网络服务器的技术,一方面现在可以进行网站的上传和测试。另一方面,日后公司规模扩大了,可以选择自己独立的服务器来单独运营,所以,应该掌握安装和设置Web服务器软件的方法。
2
任务分析:服务器软件是指建立电子商务网站的软件平台,它提供网站运行的软件环境,通常又被称为 Web 服务器软件。常见的 Web 服务器软件有 IIS和 Apache,它们分别占据了服务器软件市场的前两位,几乎垄断了整个市场。要掌握Web服务器的基本安装与配置,选择适合的服务器软件,张家豪需要掌握以下内容:Windows xp 下安装、配置IIS,Windows xp 下安装、配置Apache,Windows server 2008 下安装、配置IIS
3
任务实施:
步骤一: Windows xp 下安装、配置IIS
步骤二: Windows xp 下安装、配置
Apache
步骤三:Windows server 2008 下安装、
配置IIS
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
任务五
推广公司网站
任务三
设置Web
服务器
1
任务情境:公司的网站已经制作完成,张家豪将要进行发布网站的后续工作,这时,他想到了需要熟悉一下网络服务器的技术,一方面现在可以进行网站的上传和测试。另一方面,日后公司规模扩大了,可以选择自己独立的服务器来单独运营,所以,应该掌握安装和设置Web服务器软件的方法。
2
任务分析:服务器软件是指建立电子商务网站的软件平台,它提供网站运行的软件环境,通常又被称为 Web 服务器软件。常见的 Web 服务器软件有 IIS和 Apache,它们分别占据了服务器软件市场的前两位,几乎垄断了整个市场。要掌握Web服务器的基本安装与配置,选择适合的服务器软件,张家豪需要掌握以下内容:Windows xp 下安装、配置IIS,Windows xp 下安装、配置Apache,Windows server 2008 下安装、配置IIS
3
任务实施:
步骤一: Windows xp 下安装、配置IIS
步骤二: Windows xp 下安装、配置
Apache
步骤三:Windows server 2008 下安装、
配置IIS
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
任务五
推广公司网站
任务三
设置Web
服务器
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
任务五
推广公司网站
任务三
设置Web
服务器
步骤一
步骤二
步骤三
安装 IIS
测试 IIS 是否运行正常
Windows XP系统下安装IIS
配置 IIS 站点
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
任务五
推广公司网站
任务三
设置Web
服务器
步骤一
步骤二
步骤三
Windows XP 环境下安装 Apache HTTP Server
修改 Apache HTTP Server 配置文件
Apache 的安装与配置
测试Apache
配置Apache
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
任务五
推广公司网站
任务三
设置Web
服务器
步骤一
步骤二
步骤三
安装IIS
使用默认Web站点发布网站
Windows server 2008下安装配置IIS
创建虚拟目录
1
任务情境:为橙果公司制作的网站已经完成,公司王经理在看了制作好的网站后,非常满意,任务网站制作无论从风格、布局的角度,还是从功能、技术的角度上看都符合公司的定位,能很好的的展现公司的形象。接下来,张家豪便开始着手把网站发布到互联网上的服务器空间,以供人们通过互联网访问公司站点。
2
任务分析:本次任务的目标是将网站内容上传到互联网的Web服务器中,以供人们通过互联网访问公司网站。针对本次任务,张家豪需要完成以下五部分内容:申请域名、申请空间、网站备案、发布网站、测试网站
3
任务实施:
步骤一:申请域名
步骤二:申请空间
步骤三:网站备案
步骤四:发布网站
步骤五:测试网站
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
任务五
推广公司网站
任务三
设置Web
服务器
1
任务情境:为橙果公司制作的网站已经完成,公司王经理在看了制作好的网站后,非常满意,任务网站制作无论从风格、布局的角度,还是从功能、技术的角度上看都符合公司的定位,能很好的的展现公司的形象。接下来,张家豪便开始着手把网站发布到互联网上的服务器空间,以供人们通过互联网访问公司站点。
2
任务分析:本次任务的目标是将网站内容上传到互联网的Web服务器中,以供人们通过互联网访问公司网站。针对本次任务,张家豪需要完成以下五部分内容:申请域名、申请空间、网站备案、发布网站、测试网站
3
任务实施:
步骤一:申请域名
步骤二:申请空间
步骤三:网站备案
步骤四:发布网站
步骤五:测试网站
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
任务五
推广公司网站
任务三
设置Web
服务器
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
任务五
推广公司网站
任务三
设置Web
服务器
步骤一
步骤二
步骤三
步骤四
步骤五
注册免费域(www.uqc.cn ,名称:名称“chengguokeji” )
为公司网站注册顶级域名(“www.chengguo.cc” )
申请域名
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
任务五
推广公司网站
任务三
设置Web
服务器
步骤一
步骤二
步骤三
步骤四
步骤五
申请免费空间
购买收费空间
申请网站空间
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
任务五
推广公司网站
任务三
设置Web
服务器
步骤一
步骤二
步骤三
步骤四
步骤五
网站建设完成以后,接下来就是维护更新了,提醒不要忘记网站备案,登录“www.miibeian.”,进入工业和信息化部备案网站,所有信息填写完毕后,工信部会审核您的备案信息。审核通过后会向您的注册邮箱发送备案结果,这样就完成了网站ICP备案工作。
网站备案
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
任务五
推广公司网站
任务三
设置Web
服务器
步骤一
步骤二
步骤三
步骤四
步骤五
利用“CuteFTP”软件,将橙果公司网站的文件上传到服务器中。
在主菜单下方“主机(Host)栏”里服务器域名或者服务器IP 地址,在“用户名(ID) 栏”是输入 FTP 账号,在“密码(P/W)栏”里输入密码,然后按 Enter 键,或者单击“连接”按钮,即可开始连接。连接成功后在服务器上选择好需要上传的文件所存放的位置,同时在本地计算机上选择需要上传的文件或者文件夹,然后单击指向上方的绿色箭头的按钮,文件就开始上传至服务器
发布网站
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
任务五
推广公司网站
任务三
设置Web
服务器
步骤一
步骤二
步骤三
步骤四
步骤五
测试网站
测试网页对浏览器的兼容度
分辨率测试
操作系统测试
HTML语法检查
链接检查
测试链接速度
拼写检查
1
任务情境:张家豪已经把网站发布到互联网上,但是现在网站几乎没有人知道这个网站。为了让尽可能多的客户和潜在用户了解并访问网站,必须进行推广。因为只有进行推广才能达到建设网站的目的。张家豪需要通过各种方法让更多人找到并进入网站。所有的网站推广方法实际上都是对某种网站推广手段和工具的合理利用,因此制定和实施有效的网站推广方法的基础是对各种网站推广工具和资源的充分认识和合理应用。
2
任务分析:本次任务的目标是为了让更多的用户了解并访问橙果科技公司的网站,增加公司网站的访问量,根据公司性质及网站内容,张家豪应从以下六个方面来进行推广宣传:搜索引擎推广、
网站交换链接推广、E-mail邮件推广、论坛推广、博客推广、分类信息网站推广
3
任务实施:
步骤一:搜索引擎推广
步骤二:网站交换链接推广
步骤三: E-mail邮件推广
步骤四:论坛推广
步骤五:博客推广
步骤六:分类信息网站推广
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
任务五
推广公司网站
任务三
设置Web
服务器
1
任务情境:张家豪已经把网站发布到互联网上,但是现在网站几乎没有人知道这个网站。为了让尽可能多的客户和潜在用户了解并访问网站,必须进行推广。因为只有进行推广才能达到建设网站的目的。张家豪需要通过各种方法让更多人找到并进入网站。所有的网站推广方法实际上都是对某种网站推广手段和工具的合理利用,因此制定和实施有效的网站推广方法的基础是对各种网站推广工具和资源的充分认识和合理应用。
2
任务分析:本次任务的目标是为了让更多的用户了解并访问橙果科技公司的网站,增加公司网站的访问量,根据公司性质及网站内容,张家豪应从以下六个方面来进行推广宣传:搜索引擎推广、
网站交换链接推广、E-mail邮件推广、论坛推广、博客推广、分类信息网站推广
3
任务实施:
步骤一:搜索引擎推广
步骤二:网站交换链接推广
步骤三: E-mail邮件推广
步骤四:论坛推广
步骤五:博客推广
步骤六:分类信息网站推广
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
任务五
推广公司网站
任务三
设置Web
服务器
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
任务五
推广公司网站
任务三
设置Web
服务器
步骤一
步骤二
步骤三
步骤四
步骤五
步骤六
在百度上推广
优化橙果科技公司网站(SEO)
搜索引擎推广
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
任务五
推广公司网站
任务三
设置Web
服务器
步骤一
步骤二
步骤三
步骤四
步骤五
步骤六
网站交换链接推广
在页尾处为橙果科技网站加入如下同类的公司作为友情链接
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
任务五
推广公司网站
任务三
设置Web
服务器
步骤一
步骤二
步骤三
步骤四
步骤五
步骤六
电子邮件推广
1.由于公司在网络推广方面以前并没有多少经验,因此这次活动计划将天津这一个城市作为试点,并且在推广预算方面比较谨慎,并不打算大量投入广告,仅选择部分满足推广定位的用户发送Email广告。目前暂时没有条件开展网上销售,主要是品牌宣传,并为网下传统渠道的销售提供支持。
2.公司网站功能比较简单,主要是公司介绍、服务项目介绍、成功案例等,因此,公司内部的推广资源非常有限,还需要借助于专业服务商来发送Email广告。橙果科技公司最终选择了北方网,如图7-71所示。该网站有一份关于天津中小企业的电子周刊,订户数量为20000人,这份电子刊物将作为本次Email推广的主要信息传递载体。
3.为了确保此次活动取得理想的效果,计划将从2013年3月5日开始连续四个星期投放Email推广信息,发送时间定为每个星期四,前2次以企业形象宣传为主,后2次针对目前最流行的网站建设服务项目进行推广。接下来张家豪的主要任务是设计Email广告的内容,针对内部列表和外部列表分别制作,并且每个星期的内容都有所不同,他们仍然有许多工作需要准备。
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
任务五
推广公司网站
任务三
设置Web
服务器
步骤一
步骤二
步骤三
步骤四
步骤五
步骤六
论坛推广
论坛推广中的提倡的是互动和交流,针对橙果科技公司网站,做论坛推广要注意以下几方面内容:
(1)首先要有在全国各大知名专业性网站的注册账号。
(2)每个论坛要不低于10个,这个是保证前期炒作的条件。
(3)要在各大型论坛有专门的人员管理账号、发布帖子,回帖等。
(4)要正确地引导网友的回帖,要仔细监测其带来的效果。同时注意改进。
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
任务五
推广公司网站
任务三
设置Web
服务器
步骤一
步骤二
步骤三
步骤四
步骤五
步骤六
博客推广
为橙果科技公司网站进行博客推广 :
1.选择优秀的博客网站进行推广
2.注册博客
3.发布文章
4.保证更新频率
5.添加社会化分享按钮
任务一
调研公司网站
任务二
设计与开发
公司网站
任务四
发布公司网站
任务五
推广公司网站
任务三
设置Web
服务器
步骤一
步骤二
步骤三
步骤四
步骤五
步骤六
分类信息
以“58同城”网站为例 :
1.填写注册信息,注册“58同城”网站帐号。
2.填写用户名和密码,选择“同意并注册”
3.接下来,进行免费发布信息,选择相应类别,选择“网站建设/推广”子类别后,填写详细信息资料,4.信息填写完成后,选择“马上发布”,显示信息发布成功的界面。
5.在提供免费信息发布的同时,58同城网站还为有需求的客户提供信息置顶服务,需要缴纳一定的费用,具体要求如图7-80所示。
6.信息已经发布完成,单击“查看信息”按钮,可以查看店铺情况预览,如图7-81所示,用户也可以修改信息,并进行重新发布。
谢谢!

展开更多......

收起↑

资源预览