化妆品网页设计与制作报告 - 图文(2)

网页设计与制作报告

2.2 栏目设计 2.2.1首页栏目说明

1、首页风格——门户型首页风格，集中大量的信息与资讯，给人以更具可读性 2、公司新闻——发布公司最近的新闻动态

3、近期优惠——以图片形式，表现公司最近的优惠销售，可链接进入查看详情 4、公司优势——展现公司的各项优势，突出公司的卖点

5、合作伙伴——以图片形式，介绍公司的各个合作伙伴，链接进入看全文

2.2.2公司简介栏目说明

1、公司简介——公司图片、名称解释、公司简介、发展历程、企业规划等 2、企业文化——企业理念、企业形象推广、公司文化生活 3、董事致辞——企业管理、企业的发展方向

2.2.3品牌系列栏目说明

1、各类化妆品——展示公司所有的化妆品 2、省钱分析——对具体参考团购的客户进行省钱分析 3、套餐说明——以列表形式将套餐的订购流程

4、团购新闻——近期公司开展团购的新闻回顾，以图片、标题链接进入 5、网上商城——客户可以直接在商城上订购套餐

2.2.4化妆知识栏目说明

1、介绍两个方面化妆知识

2、通过这个栏目长期引导客户正确的认识与使用化妆品

2.2.5诚招代理栏目说明

内容：公司地址、联系方式、在线QQ

3

网页设计与制作报告

2.2.6客户反馈栏目说明

1、客户与企业之间互动

2、反映客户疑问平台

2.3 站点分析及站点地图 2.3.1站点分析

1、网站的设计：是用于实现为有需求的客户了解品牌与购买，更灵活的进行销售与交流。

2、网站的主题：用大理石的花纹作为背景，显得更为大气，页面主要为淡灰色，使得网站的美观大方，结构清晰，内容鲜明。

3、logo标志：logo图标放在网站最显眼的地方，色彩一定要符合页面整体的风格。 4、网站的风格：站点层次分明，内容显而易见，要适合年轻的人群的审美官。 5、功能分析：使用js实现图片交互，把本站设为首页，加入收藏功能，实现表单动态验证和弹性回顶部功能，在商品展示中会用到大量的图片，使用随滚动加载图片的功能，可以降低对网速影响；打开首页使会弹出一个公告栏，它有着更好的动画性，关闭时自动缩小左上角。

2.3.2站点地图

图2-1 站点地图

4

网页设计与制作报告

2.4 主页面布局

图2-2 页面布局1

图2-3 页面布局2

1、采用“国”字形的div+css构架进行首页的排版，这样简洁，美观。 2、头部是网站的收藏、换肤功能；导航是一组横向导航条；main为主体内容；底

5

网页设计与制作报告

部是友情链接与版权信息。

3、由于将大部分页面代码写在了CSS当中，使得页面体积容量变得更小。相对于表格嵌套的方式，DIV+CSS将页面独立成更多的区域，在打开页面的时候，逐层加载。而不像表格嵌套那样将整个页面圈在一个大表格里，使得加载速度很慢。

4、由于使用了DIV+CSS制作方法，在修改页面的时候更加容易省时。根据区域内容标记，到CSS里找到相应的ID，使得修改页面的时候更加方便，也不会破坏页面其他部分的布局样式。

5、使用 DIV+CSS的制作方法，将所有页面，或所有区域统一用CSS文件控制，就避免了不同区域或不同页面体现出的效果偏差。

6、CSS可以轻松的解决各个浏览器之间的兼容性 。

6

网页设计与制作报告

3 个人体会和感受

“书到用时方恨少”，从这次实训当中我深刻的体会到理论知识的重要性，理论结合实际才能将知识掌握牢固。为了使自己的网页风格统一，是自己在设计过程中更加省时省力，我使用了较多的模板，这使我的工作效率大大提高。在设计的过程中遇到了很多问题，有些知识理解得不够深刻，掌握得不够牢固，操作不够熟练，没有能完全达到自己预期的效果，还好通过老师的细心指导和同学们的帮助才能达到最终效果。

实训期间上网查看了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。当前的软件的功能日趋复杂，不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出自己学习的还不够，存在许多缺点疏漏，需要更加刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。当然也深刻认识了一点，那就是我们所学的知识虽说是很基础很根本，但没有根基怎么能建好别墅呢?所以说基础知识是很重要的，我们在学习过程中不能小看而去忽略它，它是一笔财富，能引导我们看得更远飞得更高。

我觉得这次确实是很有意义的一次检测，本来自我感觉良好的，结果实战时还是存在很多问题的，平时学起来觉得很轻松就以为掌握了所学知识，但现在都忘记很多细节是怎么样的了，因此开始着手时有些障碍，但我下定决心把以前的实验内容都温习一遍，遇到不懂的就及时查资料，比如翻阅资料书，百度，也可以请教同学，一起讨论，相互学习，于是最后也如鱼得水，水到渠成，因此得到一个非常重要的结论——只要自己想学只要自己有那份执着与毅力，虚心的请教，勤于查阅相关资料就一定会有收获的，真的当今没有什么知识是用不着的，在哪，哪里都是知识，只要自己持有高度的学习热忱。不过最终，经过长久的坚持与不断的琢磨，看到了自己辛苦后的成果，尽管这还有很多不足，但看着它我心里充满着喜悦，一分耕耘一分收获，这永远是真理。

7

百度搜索“77cn”或“免费范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，免费范文网，提供经典小说教育文库化妆品网页设计与制作报告 - 图文(2)在线全文阅读。