- 2008-04-22
1.网页背景色的设置 犯错机率:很大 普遍性:较广 犯错可能性:懒/不知道 约2年前我曾发现21cn上出现过一次没有设置背景色的情况,当时我用Email通知了他们,自此之后这个问题我从没犯过。 绝大部分人的窗口背景颜色都是白色,但如果象我这样个性的人,就会把windows窗
- 2008-04-21
我们知道Dreamweaver在表格制作方面做得非常出色,但是在某些时候还是必须结合css才能达到一些特定效果,下面我们先把有关表格边框的css语法整理出来,然后另外介绍怎样用css美化表格的边框。 有关表格边框的css语法 具体内容包括:上边框宽度、右边框宽度、下边框宽度
- 2008-04-21
1.若有疑问立即检测 在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS都有检测工具可用,请见http://validator.w3.org请注意,在文件开头的错误,可能因为不当的结构等因素造成更多错误;我们建议先修正一些最明显的错误之后重新检测,这样也
- 2008-04-20
1.CSS字体简写规则 当使用css定义字体时你可能会这样做: font-size:1em; line-height:1.5em; font-weight:bold; font-style:italic; font-variant:small-caps; font-family:verdana,serif; 事实上你可以简写这些属性: font:1em/1.5embolditalicsmall-capsverdana,serif
- 2008-04-20
当前页面--比如说现在的页面是首页,那么在导航栏上首页的色彩等和其他栏目有所不 同,用以给浏览者一个明显的指示。 下面来说下具体的做法,菜单的基本实现和一般的CSS菜单没多大区别,着重说
- 2008-04-20
业界越来越关注DIV+CSS的标准化设计,大到各大门户网站,小到不计其数的个人网站,在Div+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。那么什么是Div+CSS标准?Div+CSS的标准化设计到底有什么好处? Div 全称 division 意为区分使用 DIV 的方法跟使用
- 2008-04-18
辛苦了好多天,我们努力学习使用XHTML+CSS来重新设计我们的网站。那么我们如何知道自己制作的页面真的符合web标准?W3C和一些志愿者网站提供了在线校验程序,来帮助我们检查页面是否符合标准,并提供了修正错误的帮助信息。这些校验非常有用,是我调试页面第一步要做的
- 2008-04-18
布局初步搭建起来,我开始填充里面的内容。首先是定义logo图片: 样式表:#logo{MARGIN:0px;padding:0px;WIDTH:200px;HEIGHT:80px;} 页面代码:divid=logoatitle=WEB2.0标准教程循序渐进十二天的基础学习!href=http://www.yzci.com/imgheight=80alt=WEB2.0标准教程src=
- 2008-04-18
如果我们想在3列布局的最后加一行页脚,放版权之类的信息。就遇到必须对齐3列底部的问题。在table布局中,我们用大表格嵌套小表格的方法,可以很方便对齐三列;而用div布局,三列独立分散,内容高低不同,就很难对齐。其实我们完全可以嵌套div,把三列放进一个DIV中,就
- 2008-04-18
接下来开始要真正设计布局了。和传统的方法一样,你首先要在脑海里有大致的轮廓构想,然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素,因为web标准更关注结构和内容,实际上它与网页的美观没有根本冲突,你想怎么设计就怎么设计,用传统表格方法实
- 2008-04-18
CSS布局与传统表格(table)布局最大的区别在于:原来的定位都是采用表格,通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距;而现在则采用层(div)来定位,通过层的margin,padding,border等属性来控制版块的间距。 1.定义DIV 分析一个典型的定义div例子: #
- 2008-04-18
在了解XHTML代码规范后,我们就要进行CSS布局。首先先介绍一些CSS的入门知识。 如果你已经很熟悉了,可以跳过这一节。 CSS是CascadingStyleSheets(层叠样式表)的缩写。 是一种对web文档添加样式的简单机制,属于表现层的布局语言。 1.基本语法规范 分析一个典型CSS的语
- 2008-04-18
在开始正式内容制作之前,我们必须先了解一下web标准有关代码的规范。 了解这些规范可以帮助你少走弯路,尽快通过代码校验。使我们的代码有一个统一、唯一的标准! 1.所有的标记都必须要有一个相应的结束标记 以前在HTML中,你可以打开许多标签,例如p和li而不一定写对应
- 2008-04-18
这些技巧主要讲meta标签设置的,其实与符合web标准关系不大,只要注意在最后加/关闭标签就可以,但是既然是入门教程,就写得详细一点吧。 收藏夹小图标 首先制作一个16x16的icon图标,命名为favicon.ico,放在根目录下。然后将下面的代码嵌入head区: linkrel=iconhref=
- 2008-04-18
用web标准设计网站,过渡的方法主要是采用XHTML+CSS,css样式表是必不可少的。这就要求所有网页设计师必须熟练掌握CSS,如果你以前不常用,那么现在就开始学习吧。要制作符合web标准的网站,不懂CSS是设计不出漂亮的页面的。 事实上,所有表现的地方都需要用CSS来实现。
- 2008-04-18
第三步是定义你的语言编码: metahttp-equiv=Content-Typecontent=text/html;charset=gb2312/ 为了被浏览器正确解释和通过W3C代码校验,所有的XHTML文档都必须声明它们所使用的编码语言,我们一般使用gb2312(简体中文),制作多国语言页面也有可能用Unicode、ISO-8859-1
- 2008-04-18
DOCTYPE声明好以后,接下来的代码是: htmlxmlns=1999/xhtmllang=gb2312 通常我们HTML4.0的代码只是html,这里的xmlns是什么呢? 这个xmlns是XHTMLnamespace的缩写,叫做名字空间声明。名字空间是什么作用呢?阿捷自己的理解是: 由于xml允许你自己定
- 2008-04-18
前言 大家好!这个系列文章是W3CN阿捷编写的。是一些制作过程中的心得和经验,希望对大家有点帮助。 同时,非常感谢阿捷与我们分享经验与心得。好了,让我们开始吧 第一天 开始制作符合标准的站点,第一件事情就是声明符合自己需要的DOCTYPE。 WEB2.0标准网页原代码,
- 2008-04-18
经常有朋友问下一步应该如何学习,应该学习些什么内容,问自己的未来如何发展等等?我想很多人在迷惑,在徘徊,甚至有朋友怀疑自己职业的价值。 WEB标准第一境界 ,会用CSS布局,可以脱离table WEB标准第二境界,能够兼容流行的浏览器,IE5.xIE7.0,Firefox1.5+,Opera
- 2008-04-18
CSS是Cascading Style Sheets的简称,中文译作层叠样式表单,我把它叫作层叠样式表,我感到这样顺口一点,没别的意思。实际上它是一组样式。你可能对CSS这个名词比较陌生,实际上无论你用Internet Explorer还是Netscape Navigator在网上冲浪,几乎随时都在与CSS打交道