家电网站设计网页设计课程小组报告精要.docVIP

南京工业大学 网页设计课程设计报告 小组工作报告 学院： 经济与管理学院 专业： 电子商务 组别： 第一组 小组成员： 学号 姓名 2204120201 陈凯雯 2204120202 陈维维 2204120203 邓琦 2204120125 朱青 2204120134 赵金从 成绩：优 良 中 及格 不及格 2015年07月 第一部分 小组分工及分工计划 第一阶段：行业网站对比评析 朱青：行业网站的目标定位评析 邓琦：行业网站的版面的总体设计和栏目设置评析 陈维维：行业网站提供的信息是否准确以及网页的制作结构评析 陈凯雯：行业网站的色彩和导航评析 赵金从：行业网站的交互式设计评析 第二阶段：讨论确定网站设计方案，进行网站建设 朱青：网站首页，对网站进行整理 陈凯雯：网站子页的公司简介，图片收集 邓琦：网站子页的联系我们，PS图片 赵金从：网站子页的新闻资讯以及下级页面 陈维维：网站子页的产品展示以及下级页面 第三阶段：域名申请，网站上传，撰写报告 朱青：域名申请 邓琦、陈凯雯：网站上传 陈维维：撰写小组报告和PPT 赵金从：演讲PPT 、 第二部分 小组家电网站前端设计报告 选定的2家标杆网站名录 1.1 行业背景分析 随着现代技术革命及信息技术的发展，世界家用电器制造业发生了巨大的变化：全球化趋势不断加强，抢占世界市场成为各跨国制造公司的首要战略。在全球范围，家电工业仍属于朝阳工业，据推测，世界家电销售额每年以平均5﹪的速度增长，世界主要家电产品需求额每年以6.6﹪速度增长。巨大的国际市场为中国家电业的发展提供了巨大的发展空间中国的家电产业是中国最具有国际竞争力和优势的制造部门之一主要产品产量位居世界的前列，这使得中国崛起成为世界性的家电制造基地之一。 家电行业是一个全球化特征比较明显的行业，中国以其低廉和高素质的劳动力成本优势、巨大的潜在国内市场、良好的投资环境、完善的供应链体系等综合优势成为国际家电巨头们心中最理想的投资场所之一。跨国家电企业的进入，也推动着中国本土家电行业的发展。今天中国的家电产业已经成为了世界家电行业中不可小视的力量。海尔是世界白色家电第一品牌，世界大型家用电器第一品牌，中国最具价值品牌，世界品牌500强企业 图1 海尔官网 图2 惠而浦官网 2.1 网站目标定位 海尔锁定的目标消费群是现代家庭，热衷于使用互联网的客户群体。海尔在网站推出高端定制品牌，不以价格作为卖点，而是要追求产品的高科技含量、多功能一体化、使用简单、完善的售后服务等全方位的产品带来的增值效果，以创造出能够为企业和消费者增值的有价值订单为目的。 与海尔不同的是，惠而浦的目标是创造世界最好的家用电器，使生活更加简便和快乐。它在网站上主要强调的是简单与便捷性，注重打造家庭氛围。 2.2 网站总体设计 海尔的网站页面体现了简洁明快、结构清晰的特点以白色为主色调，给人和谐、舒适的感觉。网页的设计风格都基本一样，包括网页的背景、颜色、字体、布局等都非常相似，也体现了简洁明快、风格一致的网页设计。网站的每一页面的左上方都有醒目的海尔企业的LOGO，颜色鲜明，吸引眼球，起到一种很好的宣传作用。 网站栏目结构设计清晰、合理、层次分明、功能齐全。“服务与支持”、“联系我们”等都建立了企业与客户经常性联系的渠道，体现了真诚为客户服务，为客户解决问题，尽可能满足客户的要求和需求的理念。 海尔是三级结构的网站，的链接结构如 表1 海尔结构 2.6 网站色彩与导航 海尔网站的色彩以白色为主，穿插一些彩色的图片，使人看上去心情愉悦。网页具有清晰的导航和站内搜索系统设计，可以引导用户浏览想要浏览的每一页、每一商品。 导的位置对于站点的结构与整体布局有着举足轻重的作用 表2 组织结构图 标签系统就是在网站中是如何表示信息的，标签是有效的网站表现中不可缺少的一部分。我们选择了导航系统选项与文字型标签两类。在网站的头部和底部都设置了相应的标签，用户能快速地获取自己所需要的信息。 我们的家电网站选用的是全站与区域式相整合的导航系统类型。既有整体又有部分，相辅相成。导航系统的流畅性在网站中起着至关重要的作用。 3.9 CSS方案 对于格式的部分CSS代码如下，其他详细代码位于文件夹里： @charset utf-8; * { margin: 0px; padding: 0px; } ul,li{list-style-type:none;} a{text-decoration:none;border:none;} img{border:none;} .clear{clear:both;} body{ font-family:微软雅黑; font-s