发表日期: 2022-09-02 18:39:00 浏览次数:98
网站推广就是以互联网为基础,借助平台和网络媒体的交互性来辅助营销目标实现的一种新型的市场营销方式。当前传播常见的推广方式主要是在各大网站推广服务商中通过买广告之类等等方式来实现,免费网站推广包括:SEO优化网站内容或构架提升网站在搜索引擎的排名,在论坛、微博、博客、微信、QQ空间等平台发布信息,在其他热门平台发布网站外部链接等。
一、战略整体规划:市场分析、竞争分析、受众分析、品牌与产品分析、独特销售主张提炼、创意策略制定、整体运营步骤规划、投入和预期设定。
二、营销型网站:网站结构、视觉风格、网站栏目、页面布局、网站功能、关键字策划、网站SEO、设计与开发。
三、传播内容规划:品牌形象文案策划、产品销售概念策划、产品销售文案策划、招商文案策划、产品口碑文案策划、新闻资讯内容策划、各种广告文字策划。
四、 整合传播推广:SEO排名优化、博客营销、微博营销、论坛营销、微信营销、知识营销、口碑营销、新闻软文营销、视频营销、事件营销、公关活动等传播方式。
五、数据监控运营:网站排名监控、传播数据分析、网站访问数量统计分析、访问人群分析、咨询统计分析、网页浏览深度统计分析、热门关键字访问统计分析。
网站建设| 域名邮箱| 服务器空间| 网站推广| 上往建站| 网站制作| 网站设计| 域名注册| 网络营销|
河南省偃师外贸网站建设-双语网站制作-企业中英文网站优化推广-多语言集团网站定制开发
区长 | |
副区长 |
图像精灵是单个图像中包含的图像集合。
包含许多图像的网页可能需要很长时间才能加载,同时会生成多个服务器请求。
使用图像精灵将减少服务器请求的数量并节约带宽。
我们使用以下单幅图像("navsprites.gif")而不是使用三幅单独的图像:
通过使用 CSS,我们可以仅显示所需图像的某个部分。
在下面的例子中,CSS 指定了显示 "navsprites.gif" 图像的哪部分:
#home { width: 46px; height: 44px; background: url(navsprites.gif) 0 0;}
<img id="home" src="trans.gif">
- 仅定义小的透明图像,因为 src 属性不能为空。而实际显示的图像将是我们在 CSS 中指定的背景图像。
width: 46px; height: 44px;
- 定义我们要使用的图像部分
background: url(navsprites.gif) 0 0;
- 定义背景图片及其位置(left 0px, top 0px)
我们希望使用精灵图片("navsprites.gif")来创建一个导航列表。
我们将使用 HTML 列表,因为它可以是链接,同时还支持背景图片:
#navlist { position: relative;}#navlist li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}#navlist li, #navlist a { height: 44px; display: block;}#home { left: 0px; width: 46px; background: url('img_navsprites.gif') 0 0;}#prev { left: 63px; width: 43px; background: url('img_navsprites.gif') -47px 0;}#next { left: 129px; width: 43px; background: url('img_navsprites.gif') -91px 0;}
#navlist {position:relative;} - 位置设置为相对,以允许在其中进行绝对定位
#navlist li {margin:0;padding:0;list-style:none;position:absolute;top:0;} - 外边距和内边距设置为 0,删除 list-style,并且所有列表项都均为绝对定位
#navlist li, #navlist a {height:44px;display:block;} - 所有图片的高度均为 44px
现在开始为每个特定部分设置定位和样式:
#home {left:0px;width:46px;} - 一直向左定位,图像宽度 46px
#home {background:url(navsprites.gif) 0 0;} - 定义背景图片及其位置(left 0px, top 0px)
#prev {left:63px;width:43px;} - 向右定位 63px(#home 宽度 46px + 项目之间的一些额外空间),宽度 43px。
#prev {background:url('navsprites.gif') -47px 0;} - 定义背景图片向右 47px(#home 宽度 46px + 1px 分隔线)
#next {left:129px;width:43px;} - 向右定位 129px(#prev 开始是 63px + #prev 的宽度是 43px + 多余的空格),宽度 43px。
#next {background:url('navsprites.gif') -91px 0;} - 定义背景图片向右 91px(#home 宽度 46px + 1px 分隔线+ #prev 宽度 43px + 1px 分隔线)
现在,我们要向导航列表中添加悬停效果。
提示::hover 选择器可用于所有元素,而不仅限于链接。
我们的新图像("navsprites_hover.gif")包含三幅导航图像和三幅用于悬停效果的图像:
因为这是一幅图像,而不是六个单独的文件,所以当用户将鼠标悬停在图像上时,不会有加载延迟。
我们仅添加三行代码来实现悬停效果:
#home a:hover { background: url('navsprites_hover.gif') 0 -45px;}#prev a:hover { background: url('navsprites_hover.gif') -47px -45px;}#next a:hover { background: url('navsprites_hover.gif') -91px -45px;}
#home a:hover {background: transparent url('img_navsprites_hover.gif') 0 -45px;} - 我们为所有三个悬停图像指定相同的背景位置,仅向下 45 像素
河南省偃师外贸网站建设-双语网站制作-企业中英文网站优化推广-多语言集团网站定制开发
网站建设公司丨北京网站制作丨北京网站建设丨网站设计公司丨品牌设计丨网站建设
服务热线:400-111-6878 手机微信同号:18118153152(各城市商务人员可上门服务)
备案号: 苏ICP备2022005593号-1
CopyRight © 2022 常州剑战网络科技有限公司 All Right Reserved 未经许可不得复制转载
24小时服务热线:400-111-6878 E-MAIL:1120768800@qq.com QQ:1120768800
网址: https://www.768800.pub 网站建设:上往建站
关键词: 网站建设| 域名邮箱| 服务器空间| 网站推广| 上往建站| 网站制作| 网站设计| 域名注册| 网络营销| 网站维护|
企业邮箱| 虚拟主机| 网络建站| 网站服务| 网页设计| 网店美工设计| 网站定制| 企业建站| 网站设计制作| 网页制作公司|
欢迎您免费咨询,请填写以下信息,我们收到后会尽快与您联系
服务热线:400-111-6878