...

...

...

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

如果我们想在3列布局的最后加一行页脚，放版权之类的信息。就遇到必须对齐3列底部的问题。在table布局中，我们用大表格嵌套小表格的方法，可以很方便对齐三列；而用div布局，三列独立分散，内容高低不同，就很难对齐。其实我们完全可以嵌套div，把三列放进一个DIV中，就...

布局初步搭建起来，我开始填充里面的内容。首先是定义logo图片： 样式表：#logo {MARGIN: 0px;padding:0px;WIDTH: 200px;HEIGHT:80px;} 页面代码：div id=logoa title=网页设计师 href=http://www.w3cn.org/ img height=80 alt=链接到w3cn.org首页 src=images/logo_w3cn...

在了解XHTML代码规范后，我们就要进行CSS布局。首先先介绍一些CSS的入门知识。如果你已经很熟悉了，可以跳过这一节，直接进入下一节。CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制，属于表现层的布局语言。 1.基本语法规范 分析...

CSS布局与传统表格(table)布局最大的区别在于：原来的定位都是采用表格，通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距；而现在则采用层(div)来定位，通过层的margin,padding,border等属性来控制版块的间距。 1.定义DIV分析一个典型的定义div例子：#sam...

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

这些技巧主要讲meta标签设置的，其实与符合web标准关系不大，只要注意在最后加/关闭标签就可以，但是既然是入门教程，就写得详细一点吧。 收藏夹小图标 如果你将本站加入收藏夹，可以看到在收藏夹网址之前的IE图标变成了本站特别的图标。要实现这样效果很简单，首先制作...

在开始正式内容制作之前，我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。 1.所有的标记都必须要有一个相应的结束标记以前在HTML中，你可以打开许多标签，例如p和li而不一定写对应的/p和/li来关闭它们。但在XHTML中这是不...

出处：网页设计师 作者：阿捷 大家好！这个系列文章是按阿捷自己制作这个站点的过程编写的。之前阿捷也一直没有制作过一个真正符合web标准的网站。现在边参考国外资料边制作，同时把过程中的心得和经验记录下来，希望对大家有点帮助。好了，让我们开始吧 第一天 开始制...

出处：网页设计师 作者：阿捷 DOCTYPE声明好以后，接下来的代码是：html xmlns=http://www.w3.org/1999/xhtml lang=gb2312通常我们HTML4.0的代码只是html，这里的xmlns是什么呢？ 这个xmlns是XHTML namespace的缩写，叫做名字空间声明。名字空间是什么作用呢？阿捷自己...

第三步是定义你的语言编码，类似这样：meta http-equiv=Content-Type content=text/html; charset=gb2312 / 为了被浏览器正确解释和通过W3C代码校验，所有的XHTML文档都必须声明它们所使用的编码语言，我们一般使用gb2312(简体中文)，制作多国语言页面也有可能用Unicode...

最近一篇关于桢(Frames)的文章让我开始考虑网页设计的当前状态。不久前公布了许多的网页标准。使用CSS以及XHTML开发网页程序的优点正日益得到人们的称颂，但仍有许多 的开发者团体更依赖于使用HTML表格来控制页面的输出。让我们来考虑一下使用HTML表格和使用CSS方法的...

随着XHTML的逐渐推广流行，HTML 在许多场合已经显得过时。World Wide Web Consortium (W3C) 于 2000 年 6 月 26 日发布了 XHTML 的第一个版本作为推荐标准。XHTML 标准的目标是取代 html。按照 W3C 的说法，“XHTML 是 html 的继承者”(http://www.w3.org/MarkUp/)。 X...

在做一些 网站 （特别是bbs之类）时，经常会有充许用户输入html样式代码，却禁止脚本的运行的需求, 以达到丰富网页样式，禁止恶意代码的运行。 当然不能用 htmlencode 和 htmldecode 方法,因为这样连基本的html代码会被禁止掉。 我在网上搜索，也没有找到好的解决办法，...

xhtml+css 网站 重构web标准等等之类的文章太多了，我就不重复了，发个最简单的制作xhtml+css页面的方法，方法虽然很简单,但真不一定有几个人知道.... 起码google搜索没搜索到。 开始吧: 1、打开photoshop cs2 ，打开设计出的 网站 首页。用切片工具切好。 图: 2、点...

利用javascirpt我们可以很容易的在HTML中实现树，而不需要使用ASP,JSP,PHP等等编写动态程序，当然如果要和数据库结合，下面的代码也很容易移植。 首先，我们看一下实现这个树形结构的javascript代码。 common.js 以下是引用片段： !-- functionshowCurrentSection() { v...

介绍几个不常用的HTML标签 在HTML王国里，这里有很多子民，通常我们看到的是一些熟悉的面孔，而对于那些不熟悉的面孔你又了解多少呢，你知道它们的用法吗？ 0、!DOCTYPE 标签 !DOCTYPE 标签出现在HTML文档第一行上的信息，说明该文档的类型，是一个“标准概括化置标语...

用HTML给Flash加链接——欢迎访问小新技术网 CSS教程专区 给FLash加链接. 以下是引用片段： buttonstyle="width:400;height:400;background:transparent;border:o;padding:0;cursor:hand"onclick="window.location.href='url'" objectclassid="clsid:D27CDB6E-AE6D-11c...

1.怎样定义网页语言(字符集)? 在制作网页过程中,你首先要定义网页语言,以便访问者浏览器自动设置语言,而我们用所见即所得的HTML工具时,都没有注意到这个问题,因为它是默认设置。要设置的语言可以在HTML代码状态下找到: metahttp－equiv="ContentType"content="text/html...

偷窥HTML与XML之间的秘密 什么是HTML HTML的全拼是Hypertext Markup Language, 中文也就是超文本链接标示语言。HTML(HyperTextMark-upLanguage)即超文本标记语言，是WWW的描述语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图...

每一个网页或者说是web页都有其固定的后缀名，不同的后缀名对应着不同的文件格式和不同的规则、协议、用法，最常见的web页的后缀名是.html和.htm，但这只是web页最基本的两种文件格式，今天我们来介绍一下web页的其它一些文件格式。 首先介绍一下html与htm 关于HTML，H...