2006年12月27日
摘要：
meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的与中，meta 标签的用处很多。meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。这其中最重要的是description（站点在搜索引擎上的描... 阅读全文
posted @ 2006-12-27 01:35
sin
阅读(254)
评论(0)
推荐(0)
摘要：
一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。 二.明确定义单位，除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100，但是在CSS中，你必须给一个准确的单位，比如：width:100px width:100em。只有两个例外情况可以不定义单位：行高和0值。... 阅读全文
posted @ 2006-12-27 01:31
sin
阅读(172)
评论(0)
推荐(0)
摘要：
今天公司要求学习网页新标准!跟三层架构!看来以后的时间更少了!前段时间朋友又接了个大型的网站!做起来挺累人的! 阅读全文
posted @ 2006-12-27 01:25
sin
阅读(141)
评论(0)
推荐(0)
摘要：
接下来开始要真正设计布局了。和传统的方法一样，你首先要在脑海里有大致的轮廓构想，然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素，因为web标准更关注结构和内容，实际上它与网页的美观没有根本冲突，你想怎么设计就怎么设计，用传统表格方法实现的布局，用DIV也可以实现。技术有一个成熟的过程，把DIV看成和TABLE一样的工具，如何运用就看你的想象力了。注：在实际应用过程中，... 阅读全文
posted @ 2006-12-27 01:23
sin
阅读(157)
评论(0)
推荐(0)
摘要：
如果我们想在3列布局的最后加一行页脚，放版权之类的信息。就遇到必须对齐3列底部的问题。在table布局中，我们用大表格嵌套小表格的方法，可以很方便对齐三列；而用div布局，三列独立分散，内容高低不同，就很难对齐。其实我们完全可以嵌套div，把三列放进一个DIV中，就做到了底部对齐。下面是实现例子(白色背景框模拟一个页面)：Body 这里是#header{ MARGIN: 0px; BORDER: ... 阅读全文
posted @ 2006-12-27 01:23
sin
阅读(162)
评论(0)
推荐(0)
摘要：
CSS布局与传统表格(table)布局最大的区别在于：原来的定位都是采用表格，通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距；而现在则采用层(div)来定位，通过层的margin,padding,border等属性来控制版块的间距。1.定义DIV分析一个典型的定义div例子：#sample{ MARGIN: 10px 10px 10px 10px;PADDING:20px 10px... 阅读全文
posted @ 2006-12-27 01:22
sin
阅读(193)
评论(0)
推荐(0)
摘要：
这些技巧主要讲meta标签设置的，其实与符合web标准关系不大，只要注意在最后加"/"关闭标签就可以，但是既然是入门教程，就写得详细一点吧。收藏夹小图标如果你将本站加入收藏夹，可以看到在收藏夹网址之前的IE图标变成了本站特别的图标。要实现这样效果很简单，首先制作一个16x16的icon图标，命名为favicon.ico，放在根目录下。然后将下面的代码嵌入head区：为搜索引擎准备的内容代码如下，替... 阅读全文
posted @ 2006-12-27 01:21
sin
阅读(185)
评论(0)
推荐(0)
摘要：
在开始正式内容制作之前，我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。1.所有的标记都必须要有一个相应的结束标记以前在HTML中，你可以打开许多标签，例如和而不一定写对应的和来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个"/"来关闭它。例如: 2.所有标签的元素和属性的... 阅读全文
posted @ 2006-12-27 01:21
sin
阅读(121)
评论(0)
推荐(0)
摘要：
在了解XHTML代码规范后，我们就要进行CSS布局。首先先介绍一些CSS的入门知识。如果你已经很熟悉了，可以跳过这一节，直接进入下一节。CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制，属于表现层的布局语言。1.基本语法规范分析一个典型CSS的语句：p {COLOR:#FF0000;BACKGROUND:#FFFFFF} 其中"p"我们... 阅读全文
posted @ 2006-12-27 01:21
sin
阅读(149)
评论(0)
推荐(0)
摘要：
用web标准设计网站，过渡的方法主要是采用XHTML+CSS，css样式表是必不可少的。这就要求所有网页设计师必须熟练掌握CSS，如果你以前不常用，那么现在就开始学习吧。要制作符合web标准的网站，不懂CSS是设计不出漂亮的页面的。事实上，所有表现的地方都需要用CSS来实现。我们以前都习惯用table来定位和布局，现在要改用DIV来定位和布局。这是思维方式的变化，一开始有些不习惯。呵呵，任何变革都... 阅读全文
posted @ 2006-12-27 01:20
sin
阅读(173)
评论(0)
推荐(0)
摘要：
第三步是定义你的语言编码，类似这样： 为了被浏览器正确解释和通过W3C代码校验，所有的XHTML文档都必须声明它们所使用的编码语言，我们一般使用gb2312(简体中文)，制作多国语言页面也有可能用Unicode、ISO-8859-1等，根据你的需要定义。通常这样定义就可以了。但是要补充说明的是，XML文档并不是这样定义语言编码的，XML的定义方式如下： 你在Macromedia.com的首页代码第... 阅读全文
posted @ 2006-12-27 01:20
sin
阅读(141)
评论(0)
推荐(0)
摘要：
DOCTYPE声明好以后，接下来的代码是： 通常我们HTML4.0的代码只是，这里的"xmlns"是什么呢？这个"xmlns"是XHTML namespace的缩写，叫做"名字空间"声明。名字空间是什么作用呢？阿捷自己的理解是：由于xml允许你自己定义自己的标识，你定义的标识和其他人定义的标识有可能相同，但表示不同的意义。当文件交换或者共享的时候就容易产生错误。为了避免这种错误发生，XML采用名字... 阅读全文
posted @ 2006-12-27 01:19
sin
阅读(200)
评论(0)
推荐(0)
摘要：
第一天开始制作符合标准的站点，第一件事情就是声明符合自己需要的DOCTYPE。查看本站首页原代码，可以看到第一行就是： 打开一些符合标准的站点，例如著名web设计软件开发商Macromedia，设计大师Zeldman的个人网站，会发现同样的代码。而另一些符合标准的站点(例如k10k.net)的代码则如下：那么这些代码有什么含义？一定要放置吗？什么是DOCTYPE上面这些代码我们称做DOCTYPE声... 阅读全文
posted @ 2006-12-27 01:18
sin
阅读(172)
评论(0)
推荐(0)
摘要：
表格特效代码全集中 1. 两种细线表格做法 源码如下： 表格边线为1，线色为黑，行线色为白。 表格边线为0，间距为1，背景色为黑，行背景色为白。 2. 立体表格 ... 阅读全文
posted @ 2006-12-27 01:06
sin
阅读(296)
评论(0)
推荐(0)
浙公网安备 33010602011771号