网络营销-快速创建网络营销网站.ppt

项目九 综合实践 《网络营销》课程 项目九 综合实践 《网络营销》课程 LOGO 项目九 综合实践 《网络营销》课程 项目九 综合实践 《网络营销》课程 项目九 综合实践 《网络营销》课程 项目九 综合实践 《网络营销》课程 项目九 综合实践 《网络营销》课程 网络营销 项目九 实战一 快速创建网络营销网站 任务目的 实战一 快速创建网络营销网站 本任务通过建立一个简单的营销网站。 了解网站及网页的相关知识。 掌握快速建立网站的方法，熟悉网络营销在网页中的应用，进一步认识网络营销。 任务要求 实战一 快速创建网络营销网站 通过浏览“家商城”网站，了解网页的构成，同时下载需要的图片并整理，保存到自己作业文件夹中。 使用网页制作软件DreamWeaver，制作一个简单的营销网站。 情景案例 “家商城”网站 下边我们将以“家商城”网站为例，简要分析一个电子商务营销网站的构成，了解建立一个网站需要准备的工作。首先，我们在浏览器地址栏输入“家商城”网址“”然后回车进入网站主页。如图9-1所示： 实战一 快速创建网络营销网站 图9-1家商城网站主页 下边我们将以“家商城”网站为例，简要分析一个电子商务营销网站的构成，了解建立一个网站需要准备的工作。首先，我们在浏览器地址栏输入“家商城”网址“”然后回车进入网站主页。如图9-1所示： 实战一 快速创建网络营销网站 图9-2 家商城网站商品列表 下边我们将以“家商城”网站为例，简要分析一个电子商务营销网站的构成，了解建立一个网站需要准备的工作。首先，我们在浏览器地址栏输入“家商城”网址“”然后回车进入网站主页。如图9-1所示： 实战一 快速创建网络营销网站 图9-3 家商城网站商品展示 下边我们将以“家商城”网站为例，简要分析一个电子商务营销网站的构成，了解建立一个网站需要准备的工作。首先，我们在浏览器地址栏输入“家商城”网址“”然后回车进入网站主页。如图9-1所示： 实战一 快速创建网络营销网站 图9-4 家商城网站商品描述 通过浏览“家商城”网站，我们已经对一般的网络营销网站结构有一个初步的了解，接下来，我们将以“家商城”网站为例，学习模仿建立一个简单的网站。 任务实施 实战一 快速创建网络营销网站 启动DreamWeaver。点选“站点”菜单，选“新建站点”命令。弹出定义站点的对话框。如图9-5所示： 1 图9-5新建站点 任务实施 实战一 快速创建网络营销网站 确定并完成新站点的建立，新站点将被保存在D:\fastweb文件夹中。然后选择“文件”菜单的“新建”，选择一个示例建立主页index.html。如图9-6、图9-7、图9-8所示： 2 图9-6 选择一个示例建立“主页” 任务实施 实战一 快速创建网络营销网站 确定并完成新站点的建立，新站点将被保存在D:\fastweb文件夹中。然后选择“文件”菜单的“新建”，选择一个示例建立主页index.html。如图9-6、图9-7、图9-8所示： 2 图9-7 保存网页 任务实施 实战一 快速创建网络营销网站 确定并完成新站点的建立，新站点将被保存在D:\fastweb文件夹中。然后选择“文件”菜单的“新建”，选择一个示例建立主页index.html。如图9-6、图9-7、图9-8所示： 2 图9-8 保存相关文件 任务实施 实战一 快速创建网络营销网站 注意：当需要复制相关文件的时候，请更改文件位置到images文件夹中。 完成后得到一个主页网页，如图9-9所示： 注意 图9-9 新建的主页 任务实施 实战一 快速创建网络营销网站 修改刚才建立的主页，选择LOGO图片并按键盘上的DEL键删除，然后插入图像命令插入自己的LOGO图片。同理，把右边的文字删除，插入相应图片。然后去掉表格的背景蓝色，方法为点击要去掉背景色的单元格，在下方的属性窗口“背景颜色”改为白色“#FFFFFF”即可。最后，把表格边线稍微往上拉一点点，让网页顶端更加美观紧凑。如图9-10所示： 3 图9-10 主页顶部设计 任务实施 实战一 快速创建网络营销网站 同样，修改网页中间部分，左边为网站的导航，内容可以是公司简介、产品介绍、热卖促销、会员注册、联系我们等。中间直接删除文字，使用两三张宣传图片进行替换，右边可以修改为热门评论，替换相应的图片和文字就可以了。修改后的示例如图9-11所示： 4 图9-11 主页中部设计 任务实施 实战一 快速创建网络营销网站 选定最后一行的表格，然后点鼠标右键，选择“表格”中的“合并单元格”命令，把最后一行合并，并插入图片和文字，完成首页的编辑，然后保存。效果如图9-12所示： 5 图9-12 主页底部设计 任务实施 实战一 快速创建网络营销网站 接下来制作“产品介绍”页，选择“文件”中的“新建”菜单，选择另外一个示例