QQ 1640076782

2011年08月30日

CSS网页布局应避免滥用DIV元素

Filed under: li — lifengwu @ 1:23 上午

CSS网页布局应避免滥用DIV元素一直是我们所倡导的,以合适的HTML标签组织文档是CSS网页布局的基础。 页面中div与span元素的使用是一个新问题,我们也容易过多的使用它们。必要及合理地使用div可以明显的增强文档的结构性,这也是我们一直提倡的。 如果你审视你的HTML文档,发现有着很多的div与span,那你就得换一个眼光来看问题了,是不是存在滥用的情况?是不是还有更好的标记来替代它们?如h1可以更好地表示所标记的内容,那你就得放弃p或span来定义。 或许这是一对矛盾,我们本身也较难把握该如何正确的使用它们,也或许我们根本就得不到一个明确的答案。但有一点需要阐明,我们应该使文档在逻辑上具有清晰的结构,而且更加容易应用样式。 我们可以将div仅看作是一个容器,或者叫做文档的组成“部分”。我们使用太多的容器,并不是一个明智的模式。而恰到好处居于合理位置的容器,可以使整个文档显的很有条理。 Onpound专业的div+css页面布局 如果你对我们公司感兴趣,请速速联系我们!!! 官网:https://www.onepound.cn QQ客服:1005398705 MSN:ohfaze@hotmail.com [...]

2011年08月27日

做好的网站,只能做小修改

Filed under: li — lifengwu @ 5:06 上午

做好的网站,只能做小修改。已经做好的上线的网站,第一年是免费维护的,维护的内容本来是指有哪些地方出现错误、程序出现错误导致功能用不了、美工上各浏览器出现兼容问题导致显示不一致,我们会免费修正。但有一些只需花费很少时间的小修改也还是可以修改的,不过像一些要花费比较多时间的修改就不属于免费维护的范围之内了。 这几天修改了一个网站,刚开始只是修改小部分,原来是这样: 小修改后(第二个图改了): 如果是这样的改动的话,修改就算大了: 案例:http://www.jadatech.com/

2011年08月25日

网站打开速度慢的原因

Filed under: li — lifengwu @ 6:25 上午

很多客户都反映这样一个问题,网页内容一旦很多,网站打开速度就会特别慢!!! 如果说服务器、带宽、CDN这类硬指标我们没有经济实力去做,不妨通过网页代码优化的方式来提高速度 1: Javascript和CSS文件体积太大 如果你的网站大约有50-60%的用户是第一次访客,那么这些人会下载Javascript和CSS,如果这些文件很大浏览器会下载很长时间。 2:HTTP请求过多 浏览器会花费80%的时间获取外部元件,包括脚本、样式表、图像等,只有20%的时间用来加载内容,每个网站都会有许多HTTP请求,由于只有2个HTTP请求可以在同一时间传送,所以请求一旦过多就会造成延迟。 3:缓存图片、CSS和Javascript 每当一个新用户访问你的网站,图片、CSS和Javascript应该在其浏览器缓存,这样他们下一次访问就特别快。 绝大多数windows主机已经默认启用了,只需要在控制面板中设定过期时间和文件类型那个就可以了,我建议图片、CSS和Javascript时间可设置为一个月。而对于Apache [...]

2011年08月23日

IE6下png图片背景透明问题

Filed under: li — lifengwu @ 1:57 上午

经常会遇到IE6下png图片背景透明问题 解决方法一: 首先,目前我们所面临的情况是: 1.在ie7+,firefox,safari,opera这些常用浏览器中,直接使用透明png是没有问题的,但在ie6下却不能透明。 2.ie6目前的时常份额仍然很大,我们必须考虑兼容ie6的问题。 png背景透明解决办法 .pngbackground{ background:url(your.png); _background: none; [...]

LED 网站设计

Filed under: li — lifengwu @ 1:22 上午

秋水 15:47:07 谢谢你  秋水 15:47:16 我几个同事看了都觉得还不错  俊林 15:47:27 呵呵,你们喜欢就好 秋水 [...]

2011年08月20日

产品列表,产品图片上下左右居中

Filed under: li — lifengwu @ 2:47 上午

在产品列表页面,单个产品的显示一般都有图片和产品名称(购物网站还会有价格、特价等),如图: 每个产品都会整齐地排列,而图片的显示是在一个区域内相对上下左右边缘居中对齐的,如图: 所以产品名称也能整齐的排列,如图: 所以在我们的网站中产品列表页面中,产品都是整齐地排列在一起的。 案例:http://www.babysilicone.com/cree–spot-light-c-478.html 如果产品图片大小不一,产品图片就全部上下左右居中显示。如果想让产品图片很整齐地排列,那就要把产品图片的长与宽裁剪成一个固定比例,一般最好的做法就是裁剪成正方形(看实际情况,或许有些网站的产品不同,要求也就不同)。 案例:http://www.cheapafclothes.com/products-new.html

2011年08月11日

IE6下神秘的18px高度[div+css兼容问题]

Filed under: li — lifengwu @ 3:11 上午

在工作中发现,IE6的div高度不能低于18px,设置了半天10px还是18px,总是差8px。而FF等其他浏览器中却没有问题。图中红色为设置height为10px,绿色的为20px。 解决的方法: 一、给盒子定义font-size:0属性; 二、给盒子定义overflow:hidden属性。 这样,在IE6、IE7、FF和Google里的效果就一样了。 这是IE6的一个bug,在平常的建站过程中有时会遇到,会出现兼容问题,导致IE6和其它浏览器显示效果不一样。 虽然说现在IE已经出到IE9了,但使用IE6还大有人在,所以兼容问题我们都是会解决的。

2011年08月6日

子Div使用Float后如何撑开父Div

Filed under: li — lifengwu @ 2:49 上午

一个Div包含了多个子Div,并且子Div使用了浮动后,父Div却不能被撑开,如下图: 部分代码如下:  <style>    #div1{border:1px solid red;float:left;}    #div2,#div3{float:right;border:1px solid blue;}  </style>    <div id=”div1″>    <div id=”div2″>two</div>    <div id=”div3″>one</div> [...]

2011年08月3日

类似购物站的企业站产品查看

Filed under: li — lifengwu @ 6:41 上午

新上线企业展示型网站:http://www.babysilicone.com/index.html 此网站有一个特点,查看产品时,类似购物站的企业站产品查看:http://test.babysilicone.com/led-spotlight-fyt-par38-12x2w-p-472-377.html 一般企业展示型网站的每个产品的图片不是特别多,不用像购物站那样使用放大镜查看方式(一个产品会有很多张图片),所以采用如下这种查看方式比较方便: 有一个主图,右边是小图,可以一眼预览所有小图,需要查看大图时点击小图就可以在当页放大图片查看: 而且图片放大之后,把鼠标放在图片的两边,可以切换上下一张,很方便。 每个网站都有不同的地方、不同的产品,我们会依据需要,选择合适的产品查看方式。

2011年07月29日

多语言网站建设

Filed under: li — lifengwu @ 1:44 上午

onepound, 只做一件事,外贸网站建设。 我们不仅仅做外贸英文网站建设,还做外贸多语言网站建设。同样很专业!!! 设计理解: 页面根据客户的需求,设计订做,简洁,大气,突出客户需求,展现产品魅力,极具亲和力,良好的客户体验。 更多案例:https://www.onepound.cn 如果你对我们公司感兴趣,请速速联系我们!!! QQ客服:1005398705 MSN:ohfaze@hotmail.com 全国免费电话:800-999-8262

2011年07月25日

导航下拉三级分类菜单

Filed under: li — lifengwu @ 9:10 上午

修改导航,添加下拉三级分类菜单:http://www.2purses.com/。 这个网站本来是没有下拉分类的,后来要增加分类,所以要在导航添加下拉。此下拉菜单是纯DIV+CSS制作,没有用JS,所以页面下载得很快;而且兼容性好。一般下拉只是一级,此下拉菜单是三级,分类可以很多,三级下拉菜单功能很强大,当产品很多、分类又多可以用。   这个是原始下拉:http://lianglida.34804804.net/dropdown-three.html,根据这个可以改变样式能做出各种各样的的外观不同的下拉效果,所以任何一个网站都可以运用,非常的实用!

2011年07月22日

很好用的编辑器

Filed under: li — lifengwu @ 9:33 上午

随着技术的不断更新,客户的需求也越来越高,对于编辑器这一块,也有了进一步的更新,以前我们用的编辑器 有些功能客户不是很理解。有时候还回出现这样的情况,就是从word    copy过来的信息,排版会有变形的现象,需要再这里重新手动的调试,才会正常,这种编辑器是完全兼容ie浏览器的,对于其他浏览器有可能出现无法编辑的现象。 随着我们系统的不断更新新技术,不断的完善,我们在逐步逐步的引进一种很好用的编辑器,界面跟word差不多,用户体验也很好,也不会出现上面所说的问题。 如果你对我们公司感兴趣,请速速联系我们!!! 官网:https://www.onepound.cn QQ客服:1005398705 MSN:ohfaze@hotmail.com 全国免费电话:800-999-8262

产品主图添加

Filed under: li — lifengwu @ 9:04 上午

在后台产品图片添加的时候,客户经常会问这样的一个问题,后台明明添加了产品图片,但是前台产品主图却无法显示,这个功能是我司特意开发的一种比较方便好用的添加产品图片的功能,用过这个后台的客户都知道,后台在添加产品图片的时候,会有这样的一个界面,供管理者添加图片 但是产品图片上传上去以后,并不代表你的操作完成,你要从这些图片中抽出来一张,作为主图来显示,方法很简单,我们只需要在主图的那一栏点一下,请看示意图,大家可以观察一下,选择主图的那一栏,会有一个颜色标示,同时数字由”0”变为“1”, 在程序中,程序员的写作习惯是,1代表确定,反之0代表否。 这个时候点击添加在前台对应的地方就会显示出此产品了,下面我们来看一下前台效果,是不是我所说的这样。 事实果如其然,在这里,再次提醒管理者,在添加产品图片的时候,一点要选择产品主图,即产品主图添加

最新外贸网店设计

Filed under: li — lifengwu @ 8:46 上午

最新外贸网店设计 今天终于把这个站首页设计做完了,可能是页面比较长的原因吧,整个设计坐下来还是有点累的, 但是功夫不负有心人,页面效果不错!拿给同事朋友看,反响各不相同: A     16:18:40 我喜欢这个绿色调啊,有种耳目一新的感觉 A    16:19:23 不像一般的都是蓝色,灰色,要不就是红色 [...]

2011年07月16日

7.11-7.16(双语企业站)

Filed under: li — lifengwu @ 4:18 上午

工作总结 前台美工修改:http://lihao.34804804.net/baihuo/  测试LEDLight网站:http://lihao.34804804.net/spark/index.html 双语企业展示站,虽然是企业站,但有点不同的是,栏目模块有点多,首页、产品列表页、产品详细页左侧都一样,公司简介和新闻、联系页面左侧布局有点不同,项目页又不同;所以看起来没什么,实际做程序的时候会增加难度。 帮助客服处理产品图片

7.04-7.09(前台美工修改)

Filed under: li — lifengwu @ 3:14 上午

工作总结 前台美工修改:http://lihao.34804804.net/baihuo/  大部分是购物流程页面和会员账户页面。因为,购物站一般做静态页面,只需做首页、产品列表页、产品详细页,随着功能越多,所需做的页面也就越多;一般购物流程页面和会员账户页面都是做程序的时候才加上去,所以总有一些东西跟网站不搭,故要调整到与网站搭配、美观。 测试威达音响网站:http://zy.34804804.net/weida/index.html

6.27-7.02(先做静态页面,再做程序。)

Filed under: li — lifengwu @ 3:05 上午

工作总结 制作LED企业站:http://lianglida.34804804.net/spark/。制作静态页面,然后让客户确认。必须把前台做好,静态页面全部做好,让客户满意,要不然做了程序再修改前台会比较麻烦。先做静态页面,再做程序。

6.20-6.25(外贸建站,进度保证)

Filed under: li — lifengwu @ 2:33 上午

工作总结 制作威达音响企业站:http://lianglida.34804804.net/weida/index.html。美工要求不高,但主要是为了SEO优化考虑。中间过程因为版面的美工看起来不够专业化,又尝试更好的版面,但最终因为客户的要求,而没有采用。因为这个问题,而且赶时间尽快上线,所以连续三天晚上在家加班,保证了进度。ONEPOUND外贸建站,进度保证,但质量一样保证。

6.13-6.18(测试与修改网站)

Filed under: li — lifengwu @ 1:48 上午

工作总结  测试与修改网站:http://lihao.34804804.net/dress/index.html;这个网站程序已经做好,每个网站做好程序之后,必须自检——我们自己检查整个网站,包括前台美工和后台功能。发现有什么美工问题就修改,发现程序功能问题就向程序员反馈,修正问题。 为婚纱网站制作banner。

2011年06月30日

外贸网站后台使用手册–广告图片

Filed under: li — lifengwu @ 2:37 上午

onepound外贸网站建设 后台使用手册之广告图片 1.打开后台-点击广告图片首先我们看到的是,已经上传了的广告图片,在最上方我们可以看到有添加图片的按钮对于已经上传好的图片有编辑和删除功能。  2.添加图片(点击添加图片就可以看到添加图片的信息,其中包括了图片标题,类别-类别是针对不同的广告而言的,一个网站上面有可能有很多广告图片,在这里可以选择,下面是上传图片,接下来的这个连接是针对图片所作的一个连接,排序,如果你有很多张广告图片,可以对其排列顺序,数字越小越靠前) 3.编辑图片(界面跟添加图片界面一样,对于你想修改的内容直接输入修改就可以了) 4.删除图片(直接点击删除按钮,即可删除图片)  onepound外贸网站建设更多后台使用手册,未完待续

« Newer PostsOlder Posts »