化妆品网页设计与制作报告.doc

学 号课 程 设 计 报 告 课程名称 网页设计与制作 题 目 信息工程学部 专 业班 级姓 名指导教师 2013 年 月 日 编号 001 网页设计课程设计任务书 课程设计项目名称：化妆品公司网站设计 课程设计开发平台与工具：Dreamweaver/Editplus + IE 7.0以上版本/Firefox 1.课程设计任务 为某化妆品公司设计一个静态网站，该网站用于宣传公司的经营理念及品牌产品，客户也可通过该网站与化妆品公司进行适当的反馈交流。 2.课程设计任务功能模块 （1）公司简介：包括董事长致辞、公司介绍、企业文化等多个子页面。 （2）品牌介绍：用于展示化妆品公司的各种品牌产品。 （3）化妆知识：从化妆品和化妆道具两个方面介绍化妆知识。 （4）诚招代理：用于招聘代理与业务协商，公告企业联系方式。 （5）客户反馈：通过表单建立客户与公司的交流平台。 3. 站点结构导航图 4. 站点上交注意事项及考核标准 （1）网页设计作品须严格按照《网页设计与制作课程考试要求》按时独立完成，严禁无故拖延上交时间，杜绝请人代做或剽窃他人作品行为。 （2）站点文件夹名称必须采用学号+姓名形式（如201110137226zhangjing），网页中须特别注明版权及作者的有效联系方式等相关资料，必要时可创建站点浏览说明文档。 （3）网站的评价标准及分值分布为：主题和内容（30分），导航、结构和链接（20分），艺术性（30分），创造性（20分）。 （4）学生的最终成绩由网站和平时成绩两部分组成，其中网站成绩70%，平时成绩30%。 目 录 1 网页设计相关技术介绍 1 1.1 HTML 1 1.2 CSS 1 1.3 JavaScript 1 2 化妆品公司网站网站设计规划 2 2.1 网站介绍 2 2.2 栏目设计 3 2.2.1首页栏目说明 3 2.2.2公司简介栏目说明 3 2.2.3品牌系列栏目说明 3 2.2.4化妆知识栏目说明 3 2.2.5诚招代理栏目说明 3 2.2.6客户反馈栏目说明 4 2.3 站点分析及站点地图 4 2.3.1站点分析 4 2.3.2站点地图 4 2.4 主页面布局 5 3 个人体会和感受 7 4 参考文献和网址 8 5附图 9 1 网页设计相关技术介绍 1.1 HTML 超级文本标记语言（英文缩写：HTML）是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。它最初由网景公司（Netscape）的Brendan Eich设计，是一种动态、弱类型、基于原型的语言，内置支持类。JavaScript是Sun公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合，如服务器端编程。完整的JavaScript实现包含三个部分：ECMAScript，文档对象模型，字节顺序记号。 2 化妆品公司网站网站设计规划 2.1 网站介绍 对于一个以化妆品行业企业而言，企业的品牌形象至关重要。 特别是对于互联网技术高度发展的今天，大多客户都是通过网络来了解企业产品、企业形象及企业实力，因此，企业网站的形象往往决定了客户对企业产品的信心。建立具有国际水准的网站能够极大的提升企业的整体形象。 企业网站的建设将会为企业内部管理带来一种全新的模式。网站是实现这一模式的平台。在降低企业内部资源损耗、减低成本、加强企业员工与员工，企业与员工之间的联系和沟通等方面发挥巨大作用，最终使企业的运营和运作达到最大的优化。 销售力指的是，产品的综合素质优势在销售上的体现。现代营销理论认为，销售亦即是传播。销售的成功与否，除了决定于能否将产品的各项优势充分地传播出去之外，还要看目标对象从中得到的有效信息有多少。由于互联网所具有的“一对一”的特性，目标对象能自主地选择对自