学习情境1　科源公司形象宣传网站

　工作任务1 策划形象宣传网站

　　1.1 形象宣传网站目标

　　1.1.1 网络营销目标

　　1.1.2 定位受众人群

　　1.1.3 网站定位

　　1.2 网站技术方案

　　1.2.1 网页技术

　　1.2.2 域名

　　1.2.3 网站空间

　　1.3 网站推广策略

　　1.4 素材收集与加工

　　1.5 进度计划

　工作任务2 设计形象宣传网站

　　2.1 网站界面设计原则

　　2.1.1 网站CIS设计

　　2.1.2 网页版面设计

　　2.1.3 交互设计

　　2.1.4 选择设计软件

　　2.2 形象宣传网站的界面设计

　　2.2.1 形象宣传网站的CIS设计

　　2.2.2 形象宣传网站的网页版面设计

　　2.2.3 交互设计

　　2.3 形象宣传网站的图像和多媒体素材制作

　　2.3.1 公司标识制作

　　2.3.2 整理加工和绘制素材

　　2.3.3 制作动态广告条banner和banner-sub

　　2.4 形象宣传网站的界面制作

　　2.4.1 绘制欢迎引导页

　　2.4.2 绘制首页

　　2.4.3 绘制次级页面

　工作任务3 制作形象宣传网站

　　3.1 网站页面制作准备

　　3.1.1 HTML技术

　　3.1.2 Web标准

　　3.1.3 HTML标记和属性

　　3.1.4 CSS技术

　　3.1.5 DIV+CSS网页布局技术

　　3.2 网站页面制作

　　3.2.1 网站目录结构设计

　　3.2.2 Dreamweaver建立站点

　　3.2.3 欢迎引导页面的制作

　　3.2.4 网站首页和次级页面的DIV+CSS技术的布局设计

　　3.2.5 首页制作

　　3.2.6 公司介绍页面制作

　　3.2.7 其他次级页面制作

　　3.2.8 浮动框架技术的新闻动态模块制作

　　3.2.9 表格技术的产品服务模块制作

　　3.2.10 框架技术的维修服务模块制作

　　3.2.11 首页中超链接的设置

　　3.3 网站测试

　　3.3.1 应用Dreamweaver的超链接、标签、兼容性测试

　　3.3.2 本地访问测试网站的超链接、兼容性外观测试

　工作任务4 运营形象宣传网站

　　4.1 网站发布

　　4.1.1 申请网站空间

　　4.1.2 网站备案

　　4.1.3 使用Dreamweaver上传网站

　　4.1.4 W3C验证

　　4.2 网站推广

　　4.2.1 免费的搜索引擎

　　4.2.2 竞价排名

　　4.2.3 共享软件推广

　　4.2.4 策划线下推广活动

　　4.3 网站维护

　　4.3.1 网站空间和域名的维护

　　4.3.2 网站内容的更新维护

学习情境2　科源公司客户服务网站

　工作任务5 策划客户服务网站

　　5.1 客户服务网站目标

　　5.1.1 网络营销目标

　　5.1.2 定位受众人群

　　5.1.3 网站定位

　　5.2 网站技术方案

　　5.3 网站推广策略

　　5.3.1 关键字优化策略

　　5.3.2 实施网站优化与搜索引擎优化

　　5.4 素材收集与加工

　　5.5 进度安排

　工作任务6 设计客户服务网站

　　6.1 网站设计技巧

　　6.1.1 网站整体设计技巧

　　6.1.2 色彩设计技巧

　　6.1.3 字体设计技巧

　　6.1.4 导航设计

　　6.2 客户服务网站的界面设计

　　6.2.1 形象宣传网站的CIS设计

　　6.2.2 客户服务网站的网页版面设计

　　6.2.3 交互设计

　　6.3 客户服务网站的图像和多媒体素材制作

　　6.3.1 收集整理素材和资料文件

　　6.3.2 制作通用页面图像

　　6.3.3 制作次级页面图像

　　6.3.4 制作多媒体动画

　工作任务7 制作客户服务网站

　　7.1 养成利于搜索引擎优化的编码习惯

　　7.1.1 网站结构设计

　　7.1.2 网页结构设计

　　7.1.3 网页代码设计

　　7.2 网站网页制作

　　7.2.1 建立网站站点

　　7.2.2 网站页面的布局设计

　　7.2.3 首页制作

　　7.2.4 使用Dreamweaver的模板创建次级页面

　　7.3 jQuery特效添加

　　7.3.1 jQuery技术

　　7.3.2 jQuery的日期显示

　　7.3.3 jQuery的Flash外部链接

　　7.3.4 jQuery的折叠菜单

　　7.3.5 jQuery的选项卡

　　7.4 论坛制作

　　7.4.1 php动态网站技术和MySQL数据库技术

　　7.4.2 搭建PHP+MySQL的动态网站开发环境

　　7.4.3 Dreamweaver配置动态站点

　　7.4.4 科源社区论坛功能描述

　　7.4.5 创建论坛页面

　　7.4.6 创建MySQL论坛数据库

　　7.4.7 连接论坛数据库

　　7.4.8 开发论坛各功能

　　7.5 网站测试

　　7.5.1 本地站点测试

　　7.5.2 局域网站点测试

　工作任务8 运营客户服务网站

　　8.1 网站发布

　　8.1.1 虚拟服务器选择技巧

　　8.1.2 申请动态网站空间

　　8.1.3 工信部网站重新备案

　　8.1.4 绑定域名与空间

　　8.1.5 数据库配置

　　8.1.6 使用FTP上传网站

　　8.2 网站推广

　　8.2.1 搜索引擎优化工具应用

　　8.2.2 软文推广

　　8.2.3 社区论坛

　　8.2.4 许可E-mail营销

　　8.2.5 线下宣传

　　8.3 网站维护

　　8.3.1 网站内容的更新维护

　　8.3.2 数据库备份

学习情境3　科源公司移动商务网站

　工作任务9 策划移动商务网站

　　9.1 移动商务网站目标

　　9.1.1 网络营销目标

　　9.1.2 定位受众人群

　　9.1.3 网站定位

　　9.2 网站技术方案

　　9.3 网站推广策略

　　9.4 素材收集与加工

　　9.5 进度安排

　工作任务10 设计移动商务网站

　　10.1 面向移动设备的网站设计

　　10.1.1 移动设备端设计原则

　　10.1.2 移动设备端导航

　　10.2 移动商务网站的界面设计

　　10.2.1 移动商务网站的CIS设计

　　10.2.2 客户服务网站的网页版面设计

　　10.3 移动商务网站的图像和多媒体素材制作

　　10.3.1 PC端网站界面制作

　　10.3.2 移动端的网站界面制作

　工作任务11 制作移动商务网站

　　11.1 网站页面制作准备

　　11.1.1 HTML 5语义标记

　　11.1.2 使浏览器支持HTML 5

　　11.1.3 CSS 3技术的使用选择

　　11.1.4 配置PC端和移动端的开发环境

　　11.2 PC端网站页面制作

　　11.2.1 PC端网页布局分析

　　11.2.2 兼容性的选择

　　11.2.3 首页制作

　　11.2.4 次级页面制作

　　11.3 移动端网站页面制作

　　11.3.1 移动端网页布局分析

　　11.3.2 制作＜header＞区域

　　11.3.3 制作＜nav＞区域

　　11.3.4 制作＜article＞区域

　　11.3.5 制作＜aside＞区域

　　11.3.6 制作＜footer＞区域

　　11.3.7 移动端检测

　　11.4 网站测试

　工作任务12 运营移动商务网站

　　12.1 发布网站

　　12.1.1 自建Web服务器

　　12.1.2 安装配置服务器

　　12.1.3 发布网站

　　12.2 网站推广

　　12.2.1 监控网站的访问量

　　12.2.2 应用外部链接

　　12.2.3 精准网络营销

　　12.2.4 "病毒"营销

　　12.2.5 应用线下商业推广

　　12.2.6 客户吸引与维护

　　12.3 网站维护

　　12.3.1 自建服务器维护

　　12.3.2 域名和备案维护

　　12.3.3 网站内容的更新维护

　　12.3.4 网站安全

编者对商务网站在营销、策划、开发、美化、优化、运营、维护等相关岗位所需的知识和技能进行了分析，按照“学习的内容是工作”、“通过工作来学习”的职业教育理念，结合课程建设的实践经验编写了本书。本书共分3个学习情境，分别对应“科源信息技术有限公司”发展的3个不同阶段的企业网站形态，从初期企业的形象宣传网站，到企业客户服务网站，最后到移动商务网站。根据3个阶段所对应的网站自然地形成3个渐进的学习情境，在网站建设的过程中把网页设计与制作、网络营销策划与分析、网站版面与色彩运用、网站运营与推广等知识和技能融入到学习情境中。每个学习情境都是一个完整的网站建设过程，遵循“学习的过程就是工作的过程”的教学要求，力图为今后的工作起到示范和引领作用。

　　1．本书内容

　　（1）学习情境1：科源公司形象宣传网站。在网站建设过程中突出以“信息发布为主”的网络品牌推广目标，实现简单信息发布的宣传网站。在网页设计与制作上主要体现网页结构布局认知、色彩认知、图像和动画的认知，以及Photoshop、Dreamweaver、HTML、CSS、DIV+CSS网页布局、网页外观和兼容性的测试等技术。

　　（2）学习情境2：科源公司客户服务网站。在网站建设过程中突出以“客户服务为主”的客户关系维护目标，实现基本信息反馈和调查的网站。在网页设计与制作中除了延展学习情境1的知识和技术外，还新增了版式设计、字体与导航设计、色彩搭配设计，jQuery、PHP+MySQL、PHP程序与数据库测试等技术。

　　（3）学习情境3：科源公司移动商务网站。在网站建设过程中突出以“移动商务为主”的整合营销目标，实现移动互联网的网站。在设计与制作上主要体现移动手机网站主题、风格、创意的设计，HTML5、CSS3、移动手机网站的制作与兼容性测试等技术。

　　2．本书体例结构

　　每个学习情境均按网站建设的完整过程分成4个工作任务，任务间自然衔接、紧紧相扣，又相互独立，各自功能明确，充分体现工作过程系统化的职业工作特点，如下图所示。

　　在本书内容的组织中，编者将理论指导与实践应用自然融合，充分考虑教学过程中“教与学”的互动，配合行动导向教学法的实施，如下图所示。

　　3．本书特色

　　（1）能力导向：本书内容源于真实化的企业案例，有利于培养学习者形成“理实”一体的实践意识，增强知识技能的应用能力。

　　（2）工作导向：学习内容融入系统化的工作过程，有利于培养学习者形成“工学”一体的职业意识，增强职业岗位的适应能力。

　　（3）行动导向：本书用例采用过程化的组织结构，有利于培养学习者形成“学做”一体的学习意识，增强终身学习的自学能力。

　　本书由黄颖、郑代富共同策划并担任主编，蒲茜、李冰、舒泳涛、张莉、严珩、李伟参加了编写。在本书内容的编写过程中，编者得到了成都诺亚信息产业有限公司总经理刘刚和技术总监湛军的大力支持，在此表示衷心的感谢。

　　为了方便教师教学，本书配有电子教学课件，请有此需要的教师登录华信教育资源网注册后免费下载，如有问题可在网站留言板留言或与电子工业出版社联系（也可以与编者联系）。

　　由于编者对基于工作过程系统化的学习情境式的教学仍处于经验积累和改进优化过程中，同时，由于编者实践经验和理论水平有限，加之时间仓促，书中难免存在疏漏和不足之处，希望使用本书的专家和读者给予批评和指正。

　　编者