化妆品品牌网站的设计与制作(HTML5,DIV+CSS)

化妆品品牌网站的设计与制作(HTML5,DIV+CSS)(论文8000字,网页代码,答辩PPT)
摘  要
在互联网迅速发展的今天，电子商务的普及，已经成为人们日常生活所不可缺少的消费渠道，人们的吃穿住行等已经从传统的实体店消费转变为网上消费，网上浏览查询信息成为了人们生活工作中必不可少的一款信息化联台，在互联网的影响下，为买家和商家带来了极大的便利。各行各业都通过网站的模式进行商品的销售展示、介绍和宣传。女性消费群体占据整个电子商务行业发展80%以上，较为流行的护肤品近几年在我国的销量不断上升，也深受人们的喜爱。
为了方便用户足不出户就能即时搜索、查看各种类别、品牌等不同系列的化妆品，化妆品品牌网站利用Dreamweaver、HTML网页开发技术和PHOTOSHOP图形图像软件，以DIV+CSS布局进行开发，实现的功能模块主要有网站名秒钟、服务热线、公司新闻、产品中心及公司理念、联系我们和客服中心、搜索框等。网站功能规划设计明确、版块布局合理，且方便用户操作查看，一键即可获取需求信息，简单明了，页面美观、大方，分类明确。
关键词：化妆品品牌网站；Dreamweaver；HTML；PHOTOSHOP；护肤品
 
Abstract
Today, with the rapid development of the Internet, the popularity of e-commerce has become an indispensable consumption channel for people's daily life. People's food, clothing, housing, etc. have changed from traditional physical store consumption to online consumption. Online browsing and query information has become people. An informatization link that is indispensable in life and work has brought great convenience to buyers and businesses under the influence of the Internet. All walks of life use the model of the website to display, introduce and promote the sale of goods. Female consumer groups account for more than 80% of the development of the entire e-commerce industry. The popularity of more popular skin care products in China in recent years has been rising, and it is also loved by people.
In order to facilitate users to search and view different series of cosmetics, such as various categories and brands, the cosmetics brand website uses Dreamweaver, HTML web development technology and PHOTOSHOP graphic image software to develop with DIV+CSS layout. The function modules mainly include website name seconds, service hotline, company news, product center and company concept, contact us and customer service center, search box and so on. The website function planning and design is clear, the layout of the layout is reasonable, and it is convenient for users to operate and view. The demand information can be obtained with one click, which is simple and clear, and the page is beautiful, generous and clearly classified.
Key words: cosmetics brand website; Dreamweaver; HTML; PHOTOSHOP; skin care products
 

目 录
1 系统的概述    5
1.1 系统开发的背景    5
1.2 系统开发目的和意义    5
2 系统开发关键技术    7
2.1 网页开发软件—HTML    7
2.2 图形、图像设计软件—Adobe Photoshop    7
2.3 div+css布局方式    8
3 需求分析    10
3.1 可行性分析    10
3.1.1技术可行性    10
3.1.2 操作可行性    10
3.1.3经济可行性    10
3.2 网站开发的总体功能分析    10
3.3 网站开发的总体布局设计    11
4 系统的整体风格设计与实现    13
4.1 网站首页页面设计    13
4.2 公司新闻信息页    13
4.3 产品中心信息页设计    14
4.4 公司理念信息页设计    14
4.5 联系我们信息页设计    15
4.6 产品搜索框设计    15
5 系统测试    16
5.1 测试目标和方法    16
5.2 软件的测试过程    16
5.3 软件测试的对象    17
5.4 测试结果    17
工作总结和展望    18
致 谢    19
参考文献    20