摘要: 记住,吸引人的网站是因为它设计中关注的更多。今天我们分享网页设计和开发中积累的一些小技巧。1. 支持所有的浏览器确保你开发的网站是和浏览器无关的。不是每个人都用IE或者Firefox。所以确认你的网站支持其它的浏览器。2. 使用简单的导航不要使用复杂的导航,如果你的用户花了30多秒去找到他感兴趣的内容,是很可怕的。3. 避免使用太长页面如果你的页面内容太多,考虑一下分页吧4.如果可以的话,考虑一下页脚的文字导航链接5. 使用图片ALT,height和width属性有些用户可能关闭了图片功能,而且加入ALT对于搜索引擎优化有好处的。6. 避免背景过分花哨或者混乱我看到过颜色搭配设计的很难受的网站 阅读全文
posted @ 2011-07-17 18:50 设计源 阅读(268) 评论(0) 推荐(1) 编辑
摘要: 效果一:<?xml version="1.0" encoding="gb2312"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh 阅读全文
posted @ 2011-06-17 15:32 设计源 阅读(303) 评论(1) 推荐(0) 编辑
摘要: 分享20款漂亮实用的WEB2.0导航菜单源码下载浏览演示:http://www.websjy.com/club/websjy_index/CSS-menu/下载源文件:CSS-menu.rar(886.1 KB) 阅读全文
posted @ 2011-05-12 18:23 设计源 阅读(587) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb23 阅读全文
posted @ 2011-04-08 17:10 设计源 阅读(531) 评论(0) 推荐(0) 编辑
摘要: 这个大家可能也用到过了,今天再次与大家分享下,此效果是运用了CSS3中部分样式,目前兼容IE6,IE7,IE8,friefox,chreom浏览器;代码演示:[代码][代码][代码]下载htc 文件及演示页面:iecss3.rar(4.16 KB)要是在IE6中没有效果,可能需要将htc文件下载到根据目录下原文:http://www.websjy.com/bbs/viewthread.php?tid=9968 阅读全文
posted @ 2011-02-18 15:34 设计源 阅读(757) 评论(0) 推荐(0) 编辑
摘要: [代码]查看演示效果 阅读全文
posted @ 2011-01-02 17:32 设计源 阅读(332) 评论(1) 推荐(2) 编辑
摘要: [代码]查看演示效果 阅读全文
posted @ 2011-01-02 17:30 设计源 阅读(215) 评论(0) 推荐(0) 编辑
摘要: 图片的宽度和高度是未知的,没有一个固定的尺寸,在这个前提下要使图片在一个固定了宽度和高度的容器中垂直居中,想想感觉还是挺麻烦的,由于最近的项目可能会用到这个方案,所以把一些常用的方法都收集整理了一下。下图是理想中的效果图,外部容器的宽度和高度是固定的,中间的图片宽度和高度未知,但是图片要始终要相对于外部的容器垂直居中。但是实际中实现的效果并不是很完美,由于各浏览器的解析都各不相同,所以各浏览器都会有1px-3px的偏差。演示:http://www.websjy.com/bbs/viewthread.php?tid=8534方法一 (XHTML 1.0 transitional):该方法是将外部 阅读全文
posted @ 2010-12-16 14:17 设计源 阅读(452) 评论(0) 推荐(1) 编辑
摘要: 1、默认全部闭合状态:代码2、默认第一项打开状态:代码演示:http://www.websjy.com/bbs/viewthread.php?tid=8520 阅读全文
posted @ 2010-12-15 13:07 设计源 阅读(546) 评论(0) 推荐(0) 编辑
摘要: 首先是Jquery演示这个是JavaScript:演示两种代码比较,很显然,Jquery的代码简单明了,强力推荐! 阅读全文
posted @ 2010-11-14 19:57 设计源 阅读(698) 评论(0) 推荐(0) 编辑