网站建设经验和技巧

一 网站主题规划 主题不可过于分散 网站主题越集中 一般情况下网站所有者在这方面投入的精力会 更多 因此所提供信息的质量也会越高 二 丰富网站内容与网站受欢迎程度成正比 两者相辅相成 有着丰富内容的通常会受访问者的欢迎 但是这里的内容丰富并不是 指内容的繁杂 而是指内容的深度 搜索引擎在排名网站时 不仅要看网页的信息相关度 同时也会考虑网站的声望如何 比如外部链接有多少 网页的点击率有多高等等 因此一 个内容充实的网站肯定会排在内容贫乏的网站前面由于不同的搜索引擎在网页支持方面存 在差异 因此在网页设计时不要只注意外观漂亮 许多平常设计网页时常用到的元素到了 搜索引擎那里会产生问题 三 框架结构 Frame Sets 有些搜索引擎 如 FAST 是不支持框架结构的 他们的 蜘蛛 程序无法阅读这样的网 页 图象区块 Image Maps 除 AltaVista Google 明确支持图像区块链接 其他引擎是 不支持它的 当 蜘蛛 程序遇到这种结构时 往往会感到茫然不知所措 因此尽量不要设 置 Image Map 链接 四 特效链接 有不少的网站为导航链接加上了特效 如点击某个项目会展开下层链接等 这些效果 一般通过 Java script 实现 视觉上非常新颖 但在 蜘蛛 程序的眼里则没那么诱人 相反 它无法解读这种链接 为了让搜索引擎顺利检索到网页 建议还是牺牲掉一些花哨的东西 五 FLASH 虽然 FLASH 制作的网页视觉效果较好 但搜索引擎对此却不太感冒 个案表明这一 类的网站很难被百度搜索引擎索引 明智的做法是提供 FLASH 和非 FLASH 网页两种选择 这样即增加了网页的观赏性 又照顾到了搜索引擎的情绪 六 动态网页 Dynamic Pages 任何地址中带 号 width 100px border 1px solid black position relative top 200px left 200px background red var oDiv document getElementById login oDiv onmousedown function e var e e window event 淄博 SEO 兼容 IE 当事 件发生时有效 var diffX e clientX oDiv offsetLeft 获取鼠标点击的位置到 所选对象的边框的水平距离 var diffY e clientY oDiv offsetTop document onmousemove function e 需设为 document 对象才能作 用于整个文档 var e e window event oDiv style left e clientX diffX px style left 表 示所选对象的边框到浏览器左侧距离 oDiv style top e clientY diffY px document onmouseup function document onmousemove null 清除鼠标释放时的对象移动方法 document onmouseup null offsetTop 返回的是数字 而 style top 返回的是字符串 除了数字外还带有单位 px js 获取图片原始大小尺寸获取图片原始大小尺寸 var img img id Get my img elem var pic real width pic real height img Make in memory copy of image to avoid css issues attr src img attr src load function pic real width this width Note this width will n ot pic real height this height work for in memory images js 循环遍历数组循环遍历数组 循环遍历数组 var animals cat dog human whale seal var animalString for var i 0 i animals length i animalString animals i alert animalString 输出数组里的每个项 遍历二维数组遍历二维数组 var arr 0 0 0 0 0 0 0 0 1 0 0 0 0 2 0 3 0 0 0 0 0 0 0 0 for var i 0 i arr length i 遍历每一个具体的值 for var j 0 j arr i length j document writeln arr i j document writeln 阻止表单重复提交阻止表单重复提交 有两种方法可以解决 一是提交之后 立刻禁用点击按钮 第二种就是提交之后取消后续 的表单提交操作 document getElementById btn disabled true 第一次提交后 将按钮 禁用 这种方式只能用于通过提交按钮防止重复提交 还可以使用如下方式 var flag false 设置一个监听变量 if flag true return 退出事件 flag true 表示提交过一次了 字符串部分字符串部分 在字符串中查找子字符串在字符串中查找子字符串 var test Welcome to my blog var value blog var subValue test indexOf value console log subValue 14 子字符串的索引 Number 和和 Math 部分部分 数字可以是一个直接量 也可以是一个对象 但是 Math 对象不同 他没有构造函数 并 且其所有的属性和方法都是直接通过这个对象来访问的 把十进制转化为一个十六进制值把十进制转化为一个十六进制值 var num 255 console log num toString 16 ff js中 十进制数字以0 x开头 八进制数字总是以0开头 随进产生颜色随进产生颜色 function randomVal val return Math floor Math random val 1 function randomColor return rgb randomVal 255 randomVal 255 randomVal 255 目前 所有浏览器都支持RGB表示法和十六进制表示法 除了IE7 它只支持十六进制表 示法 在角度和弧度之间转换在角度和弧度之间转换 var rad degrees Math PI 180 var degrees rad 180 Math PI 数组部分数组部分 创建多维数组创建多维数组 var arrayLength 3 设置数组长度 创建数组 var multiArray new Array arrayLength for var i 0 i multiArray length i multiArray i new Array arrayLength 给第一个数组索引添加项 multiArray 0 0 phone multiArray 0