雪碧网页设计作业（饮料网页设计）

本文目录一览：

• 1、css常见技巧-雪碧图、背景、居中、透明度
• 2、前端性能优化-雪碧图及其实现
• 3、李成敏代言雪碧广告为何穿泳衣,这种设计会吸引消费吗?
• 4、html为什么用雪碧图而不用img
• 5、饮料广告策划书

css常见技巧-雪碧图、背景、居中、透明度

1、CSS3 支持背景半透明的写法， 颜色值增加了一种 rgba 模式。 rgba 模式：在 rgb 基础上增加了一个不透明度的设置， 不透明度 alpha 取值范围在0-1 之间， 0 表示完全透明， 1 表示完全不透明， 0.5 表示半透明。

2、图片宽高固定，这种情况很简单。水平居中：就在图片的css中加dispaly：block；margin：0auto；垂直居中：自己算出（p的高度-图片的高度）/2，得到margin-top值即可。图片高度未知，这个布局比较难实现。一般我是用js做的。

3、background-position需要x轴和Y轴两个值，如果只写一个值，第二个值默认center。所以就没有继承一说了，你想hover重置第二个值，第一个值也是要再写一遍的，不能继承。

4、合并雪碧图（sprite）：移动端多图情况下，可以将多图合并到一个图中，通过CSS定位背景图的形式来引用图片，可以有效减少HTTP请求。

5、一个专业的前端开发工程师是必须掌握前端开发三大基本基石HTML、CSS，JavaScript。光会这些还不够，有了这些语言还需要各种工具的支撑，比较常见的有Dreamweaver，Sublime，HBuilder。

6、要熟练掌握div、formtable、ulli、p、span、font这些标签，这些都是最常用的，特别是div和table，div用于布局、table也可以用于布局，但是不灵活，基本table是用来和数据打交道。

前端性能优化-雪碧图及其实现

CSS Sprites 因其英文被称为 雪碧图 。 主要用于把一堆小图标整合在一张背景透明的大图上，通过设置对应的位置来显示不同的图片，目的是大幅减轻服务器对图片的请求数量，是前端性能优化的一种方式。

二：为什么要用雪碧图结合我们公司的需求来说，因为有很多组件，每个组件下有大概50张图片，每张图片是一个请求，也就是发了300多个请求，这样是很可怕的，所以为了优化性能，减少http请求，决定采用雪碧图的形式。

一般来说，在某一模块（比如一个播放器）需要的图片很多而每张图片又不是很大时，可以考虑切成雪碧图交给前端。但目前很多前端构建工具里面有雪碧图合并功能，所以如果前端使用了构建工具可以把合并的功能交给前端。

使用雪碧图的优点有以下几点：将多张图片合并到一张图片中，可以减小图片的总大小。将多张图片合并成一张图片后，下载全部所需的资源，只需一次请求。可以减小建立连接的消耗。

获取图片时根据需要带长宽参数即可获得相应大小的图片。请求合并是前端优化的必要手段，不止是针对图片，这里我只列举针对图片优化的方案，当然每种方案都有他的弊端。

李成敏代言雪碧广告为何穿泳衣,这种设计会吸引消费吗?

以前的李成敏就拍过雪碧广告，为了拍这个广告，她可谓是付出了很多，因为她是身穿比基尼拍的广告。雪碧这个品牌请的代言都是一些大牌明星，而且更换的速度很快，如果那一年有很红的女艺人，就会被邀请。

第一个原因在于两人的场景不同。李成敏的广告拍摄地在沙滩，看到沙滩自然而然就会想到比基尼美女。而热巴的广告拍摄地在室内，自然不适合穿比基尼。

雪碧这个品牌请的代言都是一些大牌明星，而且更换的速度很快，如果那一年有很红的女艺人，就会被邀请。而热巴也做过雪碧的代言，而他的广告风格相对于李成敏就要保守很多了。裹着一件黑色背心，整个人的风格就是保守干练。

以及个人的气质和魅力来说都有一定的提升作用，所以也是要因人而异的，在服装上面的差异是决定不了什么东西的。

两大女神代言雪碧韩国的李成敏可不是演员，但是她在其他方面却是比迪丽热巴要优秀一些，因为李成敏是唱跳歌手出道，所以她在拍摄这样一个广告时，也将舞蹈作为自己拍摄广告的主要元素。

因为要突出雪碧广告的主题雪碧给人的感觉是透心凉，所以拍摄这样的广告必须要有清凉的元素在里面。所以，最终李成敏穿着比较清凉的服装拍摄广告。

html为什么用雪碧图而不用img

一般来说，在某一模块（比如一个播放器）需要的图片很多而每张图片又不是很大时，可以考虑切成雪碧图交给前端。但目前很多前端构建工具里面有雪碧图合并功能，所以如果前端使用了构建工具可以把合并的功能交给前端。

相对于把每张小图标以.png格式文件的形式引用到页面上，使用雪碧图只需要引用一张图片，对内存和带宽更好。使用雪碧图的优点有以下几点：将多张图片合并到一张图片中，可以减小图片的总大小。

第一个是在单元格中放一张图片，而第二个是把图片作为党员个的背景，他俩当然不一样了。第一个单元格中的图片上面不能有文字等东西，而第二个作为背景的时候是可以把文字等等内容放到图片上面的。

background-position需要x轴和Y轴两个值，如果只写一个值，第二个值默认center。所以就没有继承一说了，你想hover重置第二个值，第一个值也是要再写一遍的，不能继承。

饮料广告策划书

有消费者认为可口可乐味道更好，不过因为明星效应有不少8090后更喜欢百事的包装而且其广告似乎更潮，所以在年轻人中更受欢迎，另外，百事比可口要稍便宜，这更符合中国的国情。

以转盘为抽奖工具，转盘以宏达公司__饮料经典广告为背景。将转盘分为6个部分，分别写着：红茶、绿茶、蜜茶、购物券、健康、甘醇。

以下是我整理的关于饮料营销的策划书范文，仅供参考，欢迎大家阅读。 饮料行业现状分析 近几年，我国软饮料年产量以超过20%的年均增长率递增，达到1300多万吨。在产量增长的同时，品种也日趋多样化，为消费者提供了更多的选择余地。

广告语：传世新饮，清热驱燥，润肺滋养。免费品尝在促销地点可以进行免费品尝，让还没有购买欲望的.人品尝后产生购买行为。买二送一促销活动，并送圈圈3个，如果套中瓶子就拿走。

哇哈哈的营销策划书（篇1） 前言 饮料在日前人们的生活中扮演着不可或缺的角色，这也造成中国饮料行业的激烈竞争，在这个竞争的时代，乳制饮料、果汁、水、碳酸饮料、茶这五大类饮料产品进行激烈拼杀。