healybai-CSDN博客

转载校验及常见错误(转载)

转自网页设计师教程: http://www.w3cn.org/article/step/2004/38.html1.XHTML校验校验网址：http://validator.w3.org/ 校验方式:网址校验、文件上传校验校验成功，会显示"This Page Is Valid XHTML 1.0 Transitional!",如图：校验失败，会显示更多校验选项

2009-01-08 18:05:00 520

转载不用表格的菜单(转载)

转自网页设计师教程: http://www.w3cn.org/article/step/2004/37.html布局初步搭建起来，我开始填充里面的内容。首先是定义logo图片：样式表：#logo {MARGIN: 0px;padding:0px;WIDTH: 200px;HEIGHT:80px;}页面代码：以上代码现在应该容易理解。先在CSS定义了一个logo的层，然后在页面中

2009-01-08 18:02:00 310

转载自适应高度(转载)

转自网页设计师教程: http://www.w3cn.org/article/step/2004/36.html如果我们想在3列布局的最后加一行页脚，放版权之类的信息。就遇到必须对齐3列底部的问题。在table布局中，我们用大表格嵌套小表格的方法，可以很方便对齐三列；而用div布局，三列独立分散，内容高低不同，就很难对齐。其实我们完全可以嵌套div，把三列放进一个DIV中，就做到了底部对

2009-01-08 17:59:00 284

转载 CSS基本布局16例(转载)

转自网页设计师教程: http://www.w3cn.org/article/layout/2004/55.html单行单列单行单列1：采用float浮在左上角，固定宽度。单行单列2：固定在左上角，固定宽度，采用的是绝对(absolute)定位。单行单列3：固定在左上角，不固定宽度，采用百分比(%)定义宽度来自适应页面。单行单列4(推荐)：固定宽度，采用

2009-01-08 17:57:00 279

转载第一个CSS布局实例(转载)

转自网页设计师教程: http://www.w3cn.org/article/step/2004/35.html接下来开始要真正设计布局了。和传统的方法一样，你首先要在脑海里有大致的轮廓构想，然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素，因为web标准更关注结构和内容，实际上它与网页的美观没有根本冲突，你想怎么设计就怎么设计，用传统表格方法实现的布局，用

2009-01-08 17:54:00 307

转载 CSS布局入门(转载)

转自网页设计师教程: http://www.w3cn.org/article/step/2004/34.htmlCSS布局与传统表格(table)布局最大的区别在于：原来的定位都是采用表格，通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距；而现在则采用层(div)来定位，通过层的margin,padding,border等属性来控制版块的间距。1.定义DIV分析一个

2009-01-08 17:51:00 249

转载 CSS入门(转载)

转自网页设计师教程: http://www.w3cn.org/article/step/2004/33.htmlCSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制，属于表现层的布局语言。1.基本语法规范分析一个典型CSS的语句：p {COLOR:#FF0000;BACKGROUND:#FFFFFF} 其中"p

2009-01-08 17:47:00 249

转载 XHTML代码规范(转载)

转自网页设计师教程: http://www.w3cn.org/article/step/2004/31.html1.所有的标记都必须要有一个相应的结束标记以前在HTML中，你可以打开许多标签，例如和而不一定写对应的和来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个"/"来关闭它。例如: 2.所有标

2009-01-08 17:41:00 320

转载 head区的其他设置(转载)

转自网页设计师教程: http://www.w3cn.org/article/step/2004/30.html收藏夹小图标如果你将本站加入收藏夹，可以看到在收藏夹网址之前的IE图标变成了本站特别的图标。要实现这样效果很简单，首先制作一个16x16的icon图标，命名为favicon.ico，放在根目录下。然后将下面的代码嵌入head区：为搜索引擎准备的内容代码如下，替换

2009-01-08 17:37:00 272

转载调用样式表(转载)

转自网页设计师教程:http://www.w3cn.org/article/step/2004/29.html用web标准设计网站，过渡的方法主要是采用XHTML+CSS，css样式表是必不可少的。这就要求所有网页设计师必须熟练掌握CSS，如果你以前不常用，那么现在就开始学习吧。要制作符合web标准的网站，不懂CSS是设计不出漂亮的页面的。事实上，所有表现的地方都需要用CSS来实现。

2009-01-08 17:36:00 322

转载定义语言编码(转载)

转自网页设计师教程:http://www.w3cn.org/article/step/2004/28.html第三步是定义你的语言编码，类似这样：为了被浏览器正确解释和通过W3C代码校验，所有的XHTML文档都必须声明它们所使用的编码语言，我们一般使用gb2312(简体中文)，制作多国语言页面也有可能用Unicode、ISO-8859-1等，根据你的需要定义。通常这样定义就

2009-01-08 17:33:00 288

转载什么是名字空间(转载)

转自网页设计师教程 : http://www.w3cn.org/article/step/2004/27.htmlDOCTYPE声明好以后，接下来的代码是：通常我们HTML4.0的代码只是，这里的"xmlns"是什么呢？这个"xmlns"是XHTML namespace的缩写，叫做"名字空间"声明。名字空间是什么作用呢？阿捷自己的理解是：由于xml允许你自己定义自己的标

2009-01-08 17:09:00 329

转载选择什么样的DOCTYPE(转载)

转自网页设计师教程 : http://www.w3cn.org/article/step/2004/26.html 打开一些符合标准的站点，例如著名web设计软件开发商Macromedia，设计大师Zeldman的个人网站，会发现同样的代码。而另一些符合标准的站点(例如k10k.net)的代码则如下：那么这些代码有什么含义？一定要放置吗？什么是DOCTYPE上面这些代

2009-01-08 17:01:00 336

原创常用资源网站搜集

我平时经常访问的资源网站,在此分享,共勉(不断累积)网页设计web标准官方网站: http://www.w3cn.org/w3shoole: http://www.w3school.com.cn/index.html素材: 字体库:http://www.font.com.cn/

2009-01-08 16:52:00 418

healybai的专栏