摘要:在21世纪，网络已经深入人心，互联网全球化经济时代也已经到来，企业经营朝着更加多元化的地方发展，商业的发展已经呈现全民化、全球化、网络化的趋势，在信息技术的前提下，网站已进入实质性阶段。如今各行业的竞争激烈，而由于女性爱美的需求，使得美妆行业在经济发展中占据不可或缺的地位，结合用户体验设计与开发美妆企业展示型网站不仅顺应了时代的潮流，也能够给用户与企业都带来极大的便利。

本设计就是基于HTML5/CSS3、JavaScript等前端开发技术设计与开发一款企业型化妆品网站，简洁明了地呈现商品的最新发布动态以及商品展示，能够实现在线交流咨询、浏览产品详细信息、预约线下美容院、防伪查询、化妆视频、主流聊天工具分享、后期运营优化等功能。论文首先讨论了化妆品网站的发展现状与开发背景，然后进一步分析了网站开发的相关平台技术以及设计方案，重点阐述了化妆品网站的设计与开发过程，最终实现了网站功能并展示了网站的实际效果。

关键词：互联网  美妆网站  前端开发技术

目录

摘要

ABSTRACT

1 绪论-1

1.1研究背景-1

1.2 研究内容-2

1.3 研究现状-2

1.4 发展现况和未来趋势-2

1.5 预期成果和价值-2

2 设计任务需求-3

2.1 总体设计目标-3

2.2 功能模块划分-3

3 相关技术及工具-4

3.1 网站开发的相关技术-4

3.1.1 JavaScript简介-4

3.1.2 HTML5简介-4

3.1.3 CSS3简介-5

3.2  开发工具-5

4 具体功能的实现与展示-8

4.1首页-8

4.1.1首页顶部-9

4.1.2 首页中部-9

4.1.3 首页底部-12

4.1.4 在线交流-13

4.2功能性板块页面-13

4.2.1 走进商家-13

4.2.2 产品展示-14

4.2.3 新闻资讯-14

4.2.4 查询功能-18

4.2.5 预约美容-19

4.3网站后期运营设计-21

4.3.1 搜索引擎优化-21

4.3.2 网页标题-21

4.3.2 关键词-21

4.3.3 图文结合-21

5总结-23

参考文献-24

致谢-25