Space.As's Blog

这是两个概念.太多人的人把它混为一谈....
做为一个网页设计,前台美工,或者页面制作者 ,你需要了解的是web标准.
作为一个网站策划,网站架构师 你需要了解的是web2.0!

诸如"web2.0标准页面构建"之类的话 别去看.你被误导了....

WEB标准

WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（European Computer Manufacturers Association）的ECMAScript标准。我们来简单了解一下这些标准：

1．结构标准语言
（1）XML

XML是The Extensible Markup Language(可扩展标识语言)的简写。目前推荐遵循的是W3C于2000年10月6日发布的XML1.0，参考。和HTML一样，XML同样来源于SGML，但XML是一种能定义其他语言的语。XML最初设计的目的是弥补HTML的不足，以强大的扩展性满足网络信息发布的需要，后来逐渐用于网络数据的转换和描述。关于XML的好处和技术规范细节这里就不多说了，网上有很多资料，也有很多书籍可以参考。

（2）XHTML

//定义几个函数后边用.

//定义菜单对象expandmenu 呵呵对象是干吗的? 如果你不知道那就只管照抄用就行了.


/*
另外关于ContextMenu这个类的介绍这里简单介绍下.

今天清理硬盘，发现 C 盘根目录下有一堆名如 sqmdataXX.sqm 的隐藏文件，不爽，于是想办法把它们彻底删掉。

Google 了一下，原来这些文件是 MSN Messenger 8 产生的，SQM = Service Quality Monitor，也就是那个“用户体验活动”搞出来的。在 MSN Messenger 上面搜索栏下面点开用户体验活动的选项，把它关闭，然后 C 盘根目录下那些 sqm*.sqm 文件就可以删掉了，以后也不会再生成了

一、传统的方法。

这方法是使用 object 和 embed 标签来嵌入，细心的会发现，object 的很多参数和 embed 里面的很多属性是重复的，为什么这样做？为了浏览器兼容性，有的浏览器支持 object，有的支持 embed，这也是为什么要修改 Flash 的参数时两个地方都要改的原因。这种方法是 Macromedia 一直以来的官方方法，最大限度的保证了 Flash 的功能，没有兼容性问题。但是它现在不那么好用了：

常用的CSS命名规则：

头：header
内容：content/container
尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体布局宽度：wrapper
左右中：left right center
登录条：loginbar
标志：logo
广告：banner
页面主体：main
热点：hot
新闻：news
下载：download

颜色都很漂亮.
可以用来取色搭配.
网页配色

这个效果最早实在动网论坛里看到的感觉很不错.

现在整理下发出来给大家共享下.

其实很简单 就是引用js

下边把js代码发出来.

　　表达活力的色彩必定要包含红紫色。它是“运动”的最佳代言人。红紫色搭配它的补色黄绿色，将更能表达精力充沛的气息。
　　较不好的色彩是红紫色加黄色，或红紫色加绿色，这两种色彩也许暂时给人振奋的感觉，但其实已削弱了整体的效果。唯有黄绿色融合加上红紫色，才是充分展现热力、活力与精神的色彩。

补色色彩组合		三次色色彩组合	单色色彩组合
45 95	44 92	28 92 60	90 96 92	92
47 96	42 94	26 94 59	96 90 92	94 92
41 90	43 93	29 94 61	89 91 93	91 92
42 92	42 91	31 91 60	91 95 92	95 90

为Apache Server设置 404错误页面的方法很简单，只需在.htaccess 文件中加入如下内容即可：
ErrorDocument 404 /notfound.php


404：服务器找不到指定的资源，请求的网页不存在(譬如浏览器请求的网页被删除或者移位，但不排除日后该链接有效的可能性)；
410：请求的网页不存在(注意：410表示永久性，而404表示临时性)；
200：服务器成功返回请求的网页；
301：网址永久性重定向
302：网址临时性重定向

注意：大部分搜索引擎将“404”与“410”状态同等对待，如Google。(参见Matt Cutts的说明)

对HTTP404状态码的理解

　　HTTP 404 错误意味着链接指向的网页不存在，即原始网页的URL失效，这种情况经常会发生，很难避免，比如说：网页URL生成规则改变、网页文件更名或移动位置、导入链接拼写错误等，导致原来的URL地址无法访问；当Web 服务器接到类似请求时，会返回一个404 状态码，告诉浏览器要请求的资源并不存在。但是，Web服务器默认的404错误页面，无论Apache还是IIS，均十分简陋、呆板且对用户不友好，无法给用户提供必要的信息以获取更多线索，无疑这会造成用户的流失。

　　因此，很多网站均使用自定义404错误的方式以提供用户体验避免用户流失。一般而言，自定义404页面通用的做法是在页面中放置网站快速导航链接、搜索框以及网站提供的特色服务，这样可以有效的帮助用户访问站点并获取需要的信息。

HTTP404对SEO的影响

　　自定义404错误页面是提供用户体验的很好的做法，但在应用过程中往往并未注意到对搜索引擎的影响，譬如：错误的服务器端配置导致返回“200”状态码或自定义404错误页面使用Meta Refresh导致返回“302”状态码。正确设置的自定义404错误页面，不仅应当能够正确地显示，同时，应该返回“404”错误代码，而不是“200”或“302”。虽然对访问的用户而言，HTTP状态码究竟是“404”还是“200”来说并没有什么区别，但对搜索引擎而言，这则是相当重要的。

(一)自定义404错误页返回“200”状态码

　　当搜索引擎蜘蛛在请求某个URL时得到“404”状态回应时，即知道该URL已经失效，便不再索引该网页，并向数据中心反馈将该URL表示的网页从索引数据库中删除，当然，删除过程有可能需要很长时间；而当搜索引擎得到“200”状态回应时，则会认为该url是有效的，便会去索引，并会将其收录到索引数据库，这样的结果便是这两个不同的url具有完全相同的内容：自定义404错误页面的内容，这会导致出现复制网页问题。对搜索引擎而言，特别是Google，不但很难获得信任指数TrustRank，也会大大降低Google对网站质量的评定。（为什么会出现返回“200”状态码的情况？？请参看下面内容“自定义404错误页面的基本原则”）

　　我一直在使用Google Sitemap，当我们提交XML格式网站地图文件时，Google会验证我们的身份以确保是网站合法的管理者。验证方式有两种：上传指定名称的html页到网站根目录或者在网页meta区域添加一个标识身份的meta标签。我通常是使用上传html网页的方式，但Google却提示我网站根目录下找不到这个网页（实际上我已上传，并且通过浏览器可以访问），这是一个很可怕的问题，见图：

(二)自定义404错误页使用Meta Refresh返回“302”状态码

　　常常看到许多网站的自定义404错误页面采取类似这样的形式：首先显示一段错误信息，然后，通过Meta Refresh将页面跳转到网站首页、网页地图或其他类似页。根据具体实现方式不同，这类404页面可能返回“200”状态码，也可能返回“302”，但不论哪种，从SEO技术角度看，均不是一种合适的选择。

　　对“200”状态的情况我们上面已经谈过，那么，当404页面返回“302”时，搜索引擎会怎么对待呢？从理论上说，对“302”错误，搜索引擎认为该网页是存在的，只不过临时改变了地址，仍然会索引收录该页，这样，同样会出现类似于“200”状态码时的重复文本问题；其次，以google为代表的主流搜索引擎对302重定向的适用范围要求越来越严格，这类不当使用302重定向的情况存在很大的风险。

确保自定义404错误页面能够返回“404”状态码

Relen的《Web Designer Idea —— 设计师谈网页设计思维》时,Relen总结了以下几点:
1.网页使用白色为背景色会使页面显的明亮而开阔，进而让我们感觉到画面的大气；
2.色彩简洁，偏冷色系更显得大气，杂乱的色彩组合或者浓郁的颜色会使大气显得不明显；
3.在页面排版设计上，局限在一个框子里的国字型十分“小气”，无轮阔限制的顶天顶地型的格局排版更加有气魄；
4.规则的设计更显理智而大气，不规则的设计会因个性过于鲜明而掩盖了大气；
5.简洁的风格永远给人留下如“大将风范”般的气势与气魄，过于复杂和繁琐的设计只能突出独特性而导致减弱气势；
6.信息多而丰富，可提高信任度，缺乏信息内容则显得“萎缩”而小气；
7.宋体、黑体虽为最普通的字体，却能给人留下良好的印象，花体有个性却使画面浮躁，失去了严谨的风范。
想使网站具有大气的风格，应尽量具有上面提到的特征……

昨天在使用css结合div布局的时候碰到了一个问题。
   在一个规定宽度大小的ul里边 我把li的宽度定义为自动。企图让li根据内容长度来自动向左对齐排列。
例如宽度为210px的ul里  分别有4个li 这个4个li的宽度根据它们的自身内容长度为80px、120px、140px、80px。
   我需要的效果是4个li向左自动排列。当第三个li和前两个li的长度之和大于ul的宽度时候 第三个li则会下移一行。在第二行显示。而不是把ul撑宽，或者是把自己撑高（内容换行，高度增加）
分别定义了ul的宽度210px和li的宽度自动，发现结果是：
ul并没有被撑宽，可惜li也没有自动到下一样排列。而是内容换行，把li给撑高了。然后死皮赖脸的挤在了第一行。。
   仔细考虑过之后认为问题出在li内部内容换行上。于是寻找禁止换行的css属性。
网上查了下没找到。问了群里永目日月，得到word-break这个属性。 keep-all；不换行。。
   加到li里后惊奇的发现问题解决了。
   给工作组做页面调试时候却被人指出显示有问题。
   走过去一看，显示的确没有改变。才想到可能是浏览器版本问题。
   我用的是IE7和FF 他们用的IE6。到DW里检查了一下 发现word-break这个属性确实不被IE6支持：
       CSS 属性 word-break 不受支持Microsoft Internet Explorer 5.0, Microsoft Internet Explorer 5.5, Microsoft Internet Explorer 6.0, Netscape Navigator 6.0, Netscape Navigator 7.0

    实在是郁闷，这个问题以前都有困扰过我。一直也没解决。
  那位朋友有什么好方法，敬请指教！不胜感谢。

----------------------------我是分割线------------------------------------

问题已经解决。说来可笑。自己在DW里手动敲代码。
发现一个属性里有nowrap，这个nowrap不是word-braek的吗？难道它能让不换行？
抱着试试的心理我把它完整敲上
white-space: nowrap;
DW测试没有出现下划虚线，意思是浏览器支持方面没有问题。
保存F12。问题解决了。呵呵。。。


顺便写下语法：

语法：
white-space : normal | pre | nowrap
取值：
normal  : 默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行
pre  : 换行和其他空白字符都将受到保护。这个值需要IE6+或者 !DOCTYPE 声明为 standards-compliant mode 支持。如果 !DOCTYPE 声明没有指定为 standards-compliant mode ，此属性可以使用，但是不会发生作用。结果等同于 normal 。参阅 pre 对象
nowrap  : 强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象。参阅 noWrap 属性

说明：
设置或检索对象内空格字符的处理方式。
空格字符，像换行，空格，TAB，在HTML文档中默认的是被忽略的。当此属性设置为 normal 或者 nowrap 时，你可以使用不换行空格的命名实体   来添加空格，用 br 元素来添加换行。此属性对你使用文档对象模型(DOM)操作的内容的影响与其对IE显示内容的影响一样。
此属性作用于块对象。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 whiteSpace 。

路径和功能如下。

[HKEY_LOCAL_MACHINE\Software\Microsoft\Windows\CurrentVersion\Run]
[HKEY_LOCAL_MACHINE\Software\Microsoft\Windows\CurrentVersion\RunOnce]（仅运行一次）
[HKEY_LOCAL_MACHINE\Software\Microsoft\Windows\CurrentVersion\RunServices]
[HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Run]
[HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\RunOnce]（仅运行一次）
[HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\policies\Explorer\Run]（WIN2000/XP）
[HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Policies\Explorer\Run]（WIN2000/XP）
[HKEY_CURRENT_USER\Software\Microsoft\Windows NT\CurrentVersion\Windows]（WIN2000/XP）

二。


从注册表编辑器中删除病毒文件的自启动项

打开注册表编辑器：“开始”>>“运行”，输入“REGEDIT”，点击“确定”打开注册表编辑器。

在这里为了能结合实际地说明一些问题，特别介绍删除病毒Lovgate.w （aka Supnot.w）的自启动项。（以Windows 2000为例）

一般病毒经常会将自己的自启动项加在注册表的HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Run下，这也是最常见的一个自启动项位置，如图：

一。
开机自检过后按Shift + F10，进入网络启动设置，第二项选为“rom Disabled”即可。
相关选项说明：
第一项“Network boot Protocol”是设定网卡用PXE功能还是rpl功能。有PXE和rpl可选
第二项“boot Order”里面可以关闭网络引导功能，当选为“rom Disabled”时网卡的引导功能将关闭，里面还在“Int 18h”、“Int 19h”等，这些项的功能就相当于我们设定硬盘启动顺序一样
第三项“Show Config Message”这个选项只是设定当设定为网络引导时是否要显示引导的信息等如“Shift+F10”
第四项“Show Message Time”此项跟第三项差不多，只是显示网络引导信息的时间，有3、5、8秒可选

二。
ＤＨＣＰ自检前按ＳＨＩＦＴ＋Ｆ１０，会出现ＲＥＡＬＴＥＫ８１３９网卡设置界面，把其中第２项BOOT ORDER由INT19H改为ROM DISABLE,然后按F4保存退出即可 或重新安装网卡驱动。

三。
1：进入bios，
设置应该是在“Advanced Chipset Features”里面，
也有可能是在“ Integrated Peripherals”，
应该有“OnChip LAN”字样，自己找一找吧。
2：还有按shift + f10这个对于无盘启动功能的网卡进行设置的！

Google 定义的 sitemap格式如下：

 <?xml version="1.0" encoding="UTF-8" ?>
- <urlset xmlns="http://www.google.com/schemas/sitemap/0.84">
- <url>
 <loc>http://www.rainbow6.cn/ac.jpg</loc>
 <lastmod>2006-05-06</lastmod>
 <changefreq>daily</changefreq>
 <priority>1.0</priority>
 </url>
- <url>
 <loc>http://www.rainbow6.cn/ad.htm</loc>
 <lastmod>2006-05-06</lastmod>
 <changefreq>daily</changefreq>
 <priority>1.0</priority>
 </url>
 </urlset>

就是说参照上面格式定义一个.xml文件即可。
loc：文件连接地址
lastmod：最后修改日期
changefreq：更新时间单位 "always"(始终), "hourly"(小时), "daily"(天), "weekly"(星期), "monthly"(月), "yearly" "never"(从不)

然后将这个sitemap.xml文件提交到GoogleSitemap，提交的时候需要在Google上创建一个帐户，同时还需要确定网站与这个帐户之间的从属关系。

换了个新环境。
有很多想法应该动手实现一下了。
昨天，今天把主页更新了一下。后台管理正在写。php+mysql的。点击查看
许愿墙已经上传。大家闲时去许个愿望吧~捧捧场。进入许愿
等首页的后台管理写完后，就开始写通讯录。
这个通讯录 已经策划了很久了。
写写停停。就是没有完成过。
或许是想法太多了吧~
这次一定把它搞出来。
一是方便同学联系
二也是个很不错的学习机会。

新的一年就要来了，应该有新的气象啊~
大家一起加油吧！