随笔分类 -  Web标准

摘要:头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu 子菜单... 阅读全文
posted @ 2008-12-10 17:05 Jack.Net 阅读(421) 评论(2) 推荐(0)
摘要:在了解XHTML代码规范后,我们就要进行CSS布局。首先先介绍一些CSS的入门知识。如果你已经很熟悉了,可以跳过这一节,直接进入下一节。 CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制,属于表现层的布局语言。 1.基本语法规范 分析一个典型CSS的语句: p {COLOR:#FF0000;BACKGROUND:#FFFFFF}... 阅读全文
posted @ 2008-07-21 17:19 Jack.Net 阅读(217) 评论(1) 推荐(0)
摘要:在开始正式内容制作之前,我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。 1.所有的标记都必须要有一个相应的结束标记 以前在HTML中,你可以打开许多标签,例如和而不一定写对应的和来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构,所有标签必须关闭。如果是单独不成对的标签,在标签最后加一个"/"来关闭它。例如: Code hi... 阅读全文
posted @ 2008-07-21 17:13 Jack.Net 阅读(299) 评论(1) 推荐(0)
摘要:这些技巧主要讲meta标签设置的,其实与符合web标准关系不大,只要注意在最后加"/"关闭标签就可以,但是既然是入门教程,就写得详细一点吧。 收藏夹小图标 如果你将本站加入收藏夹,可以看到在收藏夹网址之前的IE图标变成了本站特别的图标。要实现这样效果很简单,首先制作一个16x16的icon图标,命名为favicon.ico,放在根目录下。然后将下面的代码嵌入head区: 为搜索引擎准备的内容... 阅读全文
posted @ 2008-06-20 13:38 Jack.Net 阅读(195) 评论(1) 推荐(0)
摘要:用web标准设计网站,过渡的方法主要是采用XHTML+CSS,css样式表是必不可少的。这就要求所有网页设计师必须熟练掌握CSS,如果你以前不常用,那么现在就开始学习吧。要制作符合web标准的网站,不懂CSS是设计不出漂亮的页面的。 事实上,所有表现的地方都需要用CSS来实现。我们以前都习惯用table来定位和布局,现在要改用DIV来定位和布局。这是思维方式的变化,一开始有些不习惯。呵呵,任何变革... 阅读全文
posted @ 2008-06-20 13:33 Jack.Net 阅读(200) 评论(0) 推荐(0)
摘要:第三步是定义你的语言编码,类似这样: 为了被浏览器正确解释和通过W3C代码校验,所有的XHTML文档都必须声明它们所使用的编码语言,我们一般使用gb2312(简体中文),制作多国语言页面也有可能用Unicode、ISO-8859-1等,根据你的需要定义。 通常这样定义就可以了。但是要补充说明的是,XML文档并不是这样定义语言编码的,XML的定义方式如下: 你在Macromedia.com的... 阅读全文
posted @ 2008-06-12 13:15 Jack.Net 阅读(227) 评论(1) 推荐(0)
摘要:DOCTYPE声明好以后,接下来的代码是: 常我们HTML4.0的代码只是,这里的"xmlns"是什么呢? 这个"xmlns"是XHTML namespace的缩写,叫做"名字空间"声明。名字空间是什么作用呢?阿捷自己的理解是: 由于xml允许你自己定义自己的标识,你定义的标识和其他人定义的标识有可能相同,但表示不同的意义。当文件交换或者共享的时候就容易产生错误。为了避免这种错误发生,XML... 阅读全文
posted @ 2008-06-11 09:27 Jack.Net 阅读(196) 评论(0) 推荐(0)
摘要:第一天 开始制作符合标准的站点,第一件事情就是声明符合自己需要的DOCTYPE。 打开一些符合标准的站点,例如著名web设计软件开发商Macromedia,设计大师Zeldman的个人网站,会发现同样的代码。而另一些符合标准的站点(例如k10k.net)的代码则如下: 那么这些代码有什么含义?一定要放置吗? 什么是DOCTYPE 上面这些代码我们称做DOCTYPE声明。DOCTYPE是docu... 阅读全文
posted @ 2008-06-11 09:11 Jack.Net 阅读(188) 评论(0) 推荐(0)