2.2主题营销网页设计..ppt

2.2 主题营销网页设计 电子商务运营实务 * 导入案例： 右图是卓越网站为上海世纪出版股份有限公司成立十周年的设计放置的一个主题营销页，这属于主题品牌营销，是这家出版社成立十年来的新书、畅销书籍、优秀专题书籍的集中展示页。属于典型的主题营销页面，是通过主页（如下图）中的一个链接打开的主题营销页。 知识点： * 1、主题营销页面制作的入手点是前期的主题营销策划，需要使用的技术是前期所学的网页制作，需要注意的是，在制作的前必须把Dreamweaver的站点设置成整个已经制作完成的网站，然后在这个站点中进行新的主题营销页的制作，并为该主题营销页设置专门的目录放置完成后的相关网页，其中设置images文件夹保存主题营销页中另外使用的图片，以保证在完成制作后，页面显示和相关链接的完整性。 2、由于所需的Dreamweaver制作技术在网页制作这门课程中已经讲授过，学生已经能够独立制作页面，在这里就不再重复制作方面的技术讲解，而详细讲解网页的结构、网页的颜色搭配和主题营销间的关系，在制作前通过分析典型的案例理解主题营销策划在网页中实现的方法。 一、任 务与分析  * 任务 通过分析卓越电子商务网站的主题营销页组成结构，熟悉主题营销页面的模块组成元素，能根据主题营销的目标设计主题营销的页面结构。 任务分析 从页面的组成结构入手，分析一般的主题营销页中必须具备的栏目，理解页面中各个栏目模块与主题营销目标间的关系，并根据前期的主题营销策划的方法，在一个以销售服装和小日用品的网站中设计制作一个以六一儿童节为主题的营销页面，划分栏目，设计页面布局，注意网页的用色与主题内容间的关系保持一致性。 二、实例方法与步骤 * 【步骤一】主题营销页面的组成结构及色彩分析 1、从卓越网站主题营销页（右图）的布局可以看出，整个网页结构如图2.2.1-3的效果。 2、整个页面的布局完整，结构对称，显得稳固，与主题营销的对象——上海世纪出版股份有限公司的身份是正规的出版社相吻合。 3、在色彩方面，该页面仍采用了卓越网站的白色作为大面积用色，主色调也与网站本身一样使用了蓝色，保持了这个页面和整个网站的一致性，但是主题图片采用了大红色，起到醒目、突出喜庆气氛的效果。在整个色调方面，因为是卓越众多合作的企业之一，因此保持网站的整体风格不变，这样及突出了主题，有保证了不会喧宾夺主。 二、实例方法与步骤 * 【步骤二】设计主题营销页面的结构及色彩 1、主题是六一儿童节，营销对象是儿童的家长，在一个以销售服装和小日用品的网站中，即使是儿童节，购买儿童用品的仍然是成年人，主题页面的设置必须符合成年人的购物特点和喜好。 2、根据以上的分析，网页的结构仍采用对称式的布局方法，尽量显得稳妥。设计的结构如右图。 3、在色彩方面，因为是节日营销主题，必须突出节庆气氛，符合儿童的商品的特点，在主题图（下图）的制作上，可以考虑色彩的鲜艳性，图片对象的卡通性、可爱性等特点。 二、实例方法与步骤 * 4、设计过程中，使用的主题图是以蓝绿色为主，图片的内容绘制的方法是儿童画的方式，突出儿童天真纯洁可爱的特点；使用的框线的颜色与网站的主页面中都相同，左边的栏目底色也与网站的其他页面相同，底部的四个链接图片也是网站中的其他页面使用的，这样既保持了网站的一个整体性，同时又突出了营销主题的儿童类产品的活泼可爱的特点。 二、实例方法与步骤 * 5、制作过程中，在Dreamweaver中利用所学过的表格方式进行页面的结构布局，每个栏目的边框使用细线表格的技术实现，完成后的页面利用模板技术，放置在整个网站的导航栏之下，完成这个页面的设计。然后需要的是利用后续的数据库技术，在产品显示位上利用动态的方式把相应的产品和链接制作完成。 三、小结 * 通过上述案例分析和实际操作，我们可以归纳总结出主题营销页的制作过程如下： 根据主题营销策划和受众群的特点，设计网页的框架结构； 确定好页面的风格以及颜色搭配，设计制作主题图； 根据主题图以及颜色搭配设计辅助图片，图标； 在软件中利用表格技术把各种设计元素按照网页的框架结构组合起来， 调整效果完成制作。 四、实训一 * 实训名称： “甜蜜情人节”主题营销页设计制作。 要求： 以前一节中“甜蜜情人节”主题营销的策划书，在一个以销售鲜花时尚日用的网站上制作主题营销页，页面的设计必须符合节日文化的特征。 An IBM Proof of Technology Discovering the value of IBM Workplace Forms - Technical Overview * An IBM Proof of