安徽久飞软件科技有限公司

合肥网站建设,合肥网站优化,合肥做网站公司,合肥网络推广,合肥网络公司,信息化建设专业品牌

z博客非JS外部调用(1.8和2.0)

z-blog博客程序帮助网站优化效果是显而易见的,本站自从加上了博客程序,再在首页调用列表显示,现在发布文章后百度几乎是秒收,看来优化z-blog博客最给力啊!但是z-blog博客程序放在二级目录,比如:www.kw86.net/blog如何将二级目录的博客日志内容调用到网站首页来显示呢?当然最简单的方法是用javascript来调用,本站最开始也是用的javascript来调用到首页显示,但是大家往往会忽略一个问题,使用javascript来调用内容显示,对搜索引擎是很不友好的,甚至根本就不会收录,你可以使用站长工具模拟蜘蛛的方式查下,会发现抓取出来的就是一句javascript的调用语句,而调用的内容没有,这样搜索引擎如何能收录呢?所以我们采取了另外的一种方式:

       

 

z博客的Tags列表URL地址优化问题

 z博客是大家常用的程序,由于Z博客的tags列表URL地址不利于SEO,所以需要修改完善下。

大家在发表文章的时候都会设置一个或多个与主题内容相关的Tags标签,而且大多数都是中文Tags标签,观察ZBLOG的Tags标签地址可以看到,zblog默认会把中文tags标签URL地址转换为UTF-8格式的urlEncode编码,例如:小宇,转换后的Tags标签URL地址是:http://www.599net.cn/blog/catalog.asp?tags=%E5%B0%8F%E5%AE%87。

 ZBLOG这样的转换是考虑到部分设备或浏览器对汉字URL地址不支持及防止系统对汉字处理不正确导致页面错误显示的问题。 但可惜的是,搜索引擎是不识别或者说不喜欢这种很乱很长的Urlencode编码地址的。

z-blog博客tag和友情链接横排 一行两列

 z-blog博客tag和友情链接栏默认是竖排,如果内容过多的话,拉的很长影响版面美观。今天合肥网站建设久久为大家解决这个问题。

只要在CSS里面加入以下代码就可以了:

 

/*-----------------------------侧栏-----------------------------*/ 
#sidebar{float: right;width: 270px;background: url(images/sidebar-bg-lusongsong.png) no-repeat 0 0;overflow: hidden;} #sidebar-inner{padding: 0 15px;} 
.widget{margin-top: 15px;}
.widget h3{font-size: 15px;font-family:Microsoft YaHei,small; background: url(images/widget-title-bg-lusongsong.png) no-repeat 50% 100%; padding-bottom:6px;} 
.widget ul{padding: 8px 0;} 
.recent-posts li{background: url(images/ico-lusongsong.png) no-repeat;list-style-type: none;}
.recent-posts li{line-height: 24px;height: 24px;overflow: hidden;padding-left: 18px;background-position: 0 -95px;} 
.recent-posts li a{background-position: 0 -97px;} 
.recent-posts li:hover{text-decoration: underline;}
#divMisc li {padding-bottom: 16px;background-image: none;} 
#divTags ul,#divLinkage ul{overflow: hidden;height: 100%;text-indent: 2em;} #divTags li,#divLinkage li{float: left;width: 46%;margin: 1px;padding: 1px;} 

网页设计中运用红色主调色的案例分析

 网页设计有为重要,无论是彩色搭配还是非彩色搭配,都应该注重。接下来我们开始对每一种颜色进行分析,我们先探索红色系在网页设计中的运用。

  众所周知,红色是一种很强烈的情感色彩,能使人感到兴奋,故此我们中国也将红色认为是一种喜庆的颜色,会给人带来快乐。鲜明的红色往往能吸引到游客的目光,所以红色也是网页设计中常用到的一种颜色。接下来我们进行分析,如何更好的运用来吸引读者的注意。

  红色是一种刺激性的颜色,现在我对各种运用到红色的网页进行一个分析。

  一.食品、饮食类网页设计

  案例一:红色+深红色+白色

  

代码程序是网站建设的重中之重

网站真的如同树木一样,树木要好看。根本在于枝干要整齐有致,枝干真的不是园丁能够控制的,枝干就像网站的程序。网站程序是在网站一开始搭建的时候就需要注意的事情了,而网站的文章就像树木的树叶,像花朵。文章写得好,可是枝干不好,同样获得不了搜索引擎的亲睐。

 网站结构是衡量网站用户体验好坏的重要指标之一。清晰的网站结构可以帮助用户快速获取所需信息;相反,如果一个网站的结构极其糟糕的话,用户在访问时就犹如走进了一座迷宫,最后只会选择放弃浏览; 而好的网站结构也是建立在优秀的代码程序基础之上,按需定制且嵌入SEO理念的网站程序,才是企业网站建设的首选方案,定制网站程序的好处—不为全部行业和全部人群开发,单为某一特定行业、某一特定人群、甚至特定的搜索引擎开发。

网站内容添加时怎么改图片格式

 有很多在下载完图片的时候才发现下载的图片不是自己想要的格式,或者是打不开的,这个时候就需要修改图片格式,但是往往有很多人不会修改,现在我就和大家说一下如何修改图片格式。  方法一:下载一个ACDSee软件,有了这个软件就简单了,用这个软件打开你要修改的图片,然后把图片另存为,把下面的格式改成你想要的格式就可以了。  方法二:如果你电脑上没有这个软件,就只能用这个方法了,其实这个方法也不难,大家都知道文本文档的后缀是.txt,然后图......

浅谈透明和透明度在网页设计中使用技巧

 每隔一段时间我都要在网页设计的各个方面做一个研究探讨,以提升网页设计水平。互相学习交流!

网页设计中使用透明元素,即美观又棘手。为什么这么说呢,当你某个模块的透明度没有把握恰当时,可能难免造成体验失调,字体信息不清晰,信息捕获不明确,主次不分明,色调失调。所以一个透明度却能造成这么多严重后果?当然,细节成就美,但是我们只要主题运用细节,相信能发挥透明元素的作用,让你的网页更加栩栩如生。由于国外网站原创性比较高,下面我将采用国外的一些案例来做一些研究探讨。(当然不是说国内网页不好哦,但是国内和国外还是有一定差距的,我们是不断学习,不断借鉴,不断创新的,国外的设计师,可能时时都会比我们快一步,我们怎样比国外设计师快?这个,我将在以后进行对自己的一个分析,来进行一个探索。)

1.内容模块和网站框架的对比

运用透明图层,不透明度在80%左右,让字体清晰可见,避免挫伤用户体验。

下面的例子是创建对比度,区分内容模块的运用



大家常见的灯箱效果,就是一个透明度和背景造成对比的运用,让用户很容易区分。



2.半透明导航的跟踪运用

新浪微博,腾讯微博等等,都在顶部导航上做了半透明的处理,用于固定浮动来跟踪用户页面的浏览,方便用户操作主导航。这样的运用很常见



3.使用较小的透明模块来衬托网页背景,有层级关系

网站的封面有着至关重要的作用,因为用户在7秒(营销的用户停留捕获时间,有相应的知识)内会做出对需求的反应,因此让你的页面不再单调,使用合适的文字和透明模块,进一步突出重要信息,让页面层级分明





4.采用透明为艺术方式进行页面设计

如何保证网站信息的可读性?透明区和不透明区的空间比例,是信息展现的重要规划。将透明作为一种艺术表现,是值得借鉴的方式

下面的例子是将透明区块做主导空间展示的规划。网站整体信息都在透明区域显示





5.网页元素(例如图标、背景图片、产品图片)千万要避免设置透明

透明的设计,应该在一个交互影响的范畴内设计,避免使用透明图标,透明产品图片等细节元素去做透明,这样将大幅度降低用户的信息可读性,您可以运用图片倒影,图标阴影等手段进行“美化设计”





6.将背景设计成透明场景,适当加上透明元素造成视差效果,学会创造网页场景

生活中有很多有透明感的东西,玻璃,水,窗户,电脑屏幕等等,都可以利用它们的透明感,来进行场景化的设计。这里设计者故意营造视差效果,造成一种3D错觉,可以让网站更加富有质感和活泼气息





7.页面中静止或者有运动嫌疑的图片,可以适当采用透明度设计,可以以此增加网站的交互性

比如活动的炫丽图标,活动的可以旋转,缓动的图片导航菜单等等,让整个网站跳出传统布局,产生新颖感







8.鼠标hover的友好交互透明体验

照片展示,导航等,都可以由设计者创造鼠标hover的悬停体验效果,这样利于信息主次的区分和捕捉



总结,透明网页的运用,不仅仅只是在设计方式,表现方式上运用,还可以用于交互性,3D,视差等效果的创意,可以运用于现实生活,设计“抄现实”的页面,透明可以运用于静止,运用于运动,甚至运用于给人感官造成的不存在的地方,更多的,是我们多研究,多借鉴,欣赏更多的优秀网页,来寻找更适合自己的方式方法。

多一个方法,就多可以一个创意,嘿嘿~谢谢大家的支持!多多交流嘿~

DIV+CSS技巧:浏览器兼容技巧10则

 

css浏览器不兼容很折腾人。天外飞仙在其他网站上趴下来的,读了遍,还真是回事,说的蛮好的,就转来,权当给自己做笔记,俗话说的好,好记性不如烂笔头,也顺便给大家分享。

一、IE边框若显若无,须注意,定是高度设置已忘记;

二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;

三、三像素文本慢移不必慌,高度设置帮你忙;

四、兼容各个浏览须注意,默认设置行高可能是杀手;

五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;

六、学布局须思路,路随布局原理自然直,轻松驾驭html,流水布局少hack,代码清爽,兼容好,友好引擎喜欢迎。

七、所有标签皆有源,只是默认各不同,span是无极,无极生两仪—内联和块级,img较特殊,但也遵法理,其他只是改造各不同,一个*号全归原,层叠样式理须多练习,万物皆规律。

八、图片链接排版须小心,图片链接文字链接若对齐,padding和vertical-align:middle要设定,虽差微细倒无妨。

九、IE浮动双边距,请用display:inline。

十、列表横向排版,列表代码须紧靠,空隙自消须铭记。

 

«1»
日历
« 2017年 5月 »
123456
78910111213
14151617181920
21222324252627
28293031
控制面板
您好,欢迎到访网站!
  [查看权限]
网站分类
搜索
最近发表
文章归档
最新留言
Tags列表
网站收藏
站点统计
  • 文章总数:140
  • 评论总数:6
  • 浏览总数:7621
  • 当前主题:默认主题
友情链接
图标汇集
  • 订阅本站的 RSS 2.0 新闻聚合