开发—Web
关注
分享
扫一扫
文章平均质量分 56
tonyevehello
这个作者很懒，什么都没留下…
展开
-
『循序渐进12天学习XHTML』
第1天:选择什么样的DOCTYPE 前言 大家好！这个系列文章是按阿捷自己制作这个站点的过程编写的。之前阿捷也一直没有制作过一个真正符合web标准的网站。现在边参考国外资料边制作，同时把过程中的心得和经验记录下来，希望对大家有点帮助。好了，让我们开始吧 第一天 开始制作符合标准的站点，第一件事情就是声明符合自己需要的DOCTYPE。查看本站首页原代码，可以看到第一行就是：http://www.原创 2005-07-17 22:22:00 · 2058 阅读 · 0 评论 -
使用CSS标准开发的10大理由
题记：作为一个热门技术，CSS的发展的确有些缓慢。CSS最早被提议在1994年，最早被浏览器支持在1996年，CSS一直被力捧为传统的以HTML为基础的web代码的继承者。CSS使用样式表来控制整个站点字体和布局的能力,使它看起来非常有效率、易于设计和有远见。然而，也一直有荒诞的说法围绕着CSS，阻碍了网页设计师学习和掌握这种语言。究竟是什么让人们大惊小怪呢？Christopher:使用CSS的十原创 2005-09-04 11:03:00 · 1461 阅读 · 0 评论 -
IE6之前盒装模型Bug解决办法！
先温习一下对于IE的box-model的破解IE box-model这个臭名昭著的bug存在于IE6/Win以前的每一只版本，这个虫子直到tantak发布了流传最为广泛的那个hack才开始被驯服http://www.tantek.com/CSS/Examples/boxmodelhack.htmlIE5.X/win对box-model的解析是一样的，他们认为width包括了边框(border)和补原创 2005-09-11 14:29:00 · 1497 阅读 · 1 评论 -
Web设计的十个基础流程[转自SOVO网站]
1.初始会商,主要是收集该站点的关键信息,包括站点的目标读者.要发布的内容.开发Web服务器平台; 2.概念开发,设计师根据收集的信息,开始构思,通常,设计师要把这些构思用草图的形式呈现给顾客,这个草图要有整个网站的结构,不同的布局.设计及导航; 3.内容综合,当决定了设计师的设计,设计师开始制作一些初始图样,这些图样用PHOTOSHOP那样的程序来创建,然后,设计师将图样打印出来配合文字;原创 2005-09-09 22:35:00 · 1261 阅读 · 0 评论 -
101件 Mozilla 浏览器能而 IE 不能做的事
简体中文翻译：onestab 2004.02.01原文：101 things that the Mozilla browser can do that IE cannot.下面列出了 101 件在 Mozilla 浏览器 (版本 1.2) 上能做到，但 IE (版本 6.0) 上做不到的事。我使用 Windows 的 IE 6.0 测试；这份清单在 Mac 上会有稍有差异。关于如何选取这份清单项目原创 2005-09-10 19:28:00 · 1213 阅读 · 0 评论 -
在黎明到来之前的日子里，web 设计师和 web 开发者的区别在哪里？
web 设计师的主要工作是在前台：设计，制作 Flash，编写 XHTML/CSS 代码和一点儿 JavaScript，偶尔还要写服务器端的代码。Web 开发者主要在后台与 PHP，Perl，MySQL，ASP，XML打交道，还要写 JavaScript 和 XHTML/CSS/XSLT 代码。交叉当然是有的，我看到人们在这两者之间苦苦挣扎，我不知道该怎么称呼他们。更别提什么信息架构师、易用性大原创 2005-09-10 20:23:00 · 1500 阅读 · 0 评论 -
用 Mozilla 调试网页
Mozilla 是个非常好的网页制作和 Web 开发工具，不但可以用作网页编辑器，而且还可以用作调试工具。本文将介绍 Mozilla 的几个很酷的特性，可以用它迅速查出和排除网页和Web应用程序的错误。原文写作时用的是Windows XP下的 Mozilla 1.4a 和 Internet Explorer 6.0 SP1，全部为英文版。[译注：本文翻译中用的是 Windows 98 下的 Moz原创 2005-09-17 22:00:00 · 1372 阅读 · 0 评论 -
关于box（盒模式）的一系列问题
W3C定义的盒模式如下: width和height定义的是Content部分的宽度和高度，padding border margin的宽度依次加在外面。背景会填充padding和content部分。但是由于浏览器设计上的问题，不同浏览器显示效果会有些不同。左右Margin加倍的问题当box为float时，IE6中box左右的margin会加倍比如：Untitled Document .outer原创 2005-09-17 22:03:00 · 1750 阅读 · 0 评论 -
css式样重用、子选择器和组选择器
工作与网页制作有关，最近整理了一些css的东西，发出来，希望有用。重用:经常会用到一些基本的式样叠加，比如字体的颜色和加粗。网页中可能同时出现三种情况：1.字体为红色 2.字体加粗 3.字体红色加粗这时我们只需要定义前两个css：.red{color:red;}.b{font-weight:bold;}第三种情况时用子选择器:相对来说，简化html文件的代码更加重要，因此在css中使用子原创 2005-09-17 22:04:00 · 1501 阅读 · 0 评论 -
使用 XML Schema 定义元素的基本知识
学习使用 XML Schema 代替 DTD 定义 XML 文档结构级别: 中级Ashvin Radiya, 总裁兼首席技术官, AvantSoft, Inc.Vibha Dixit, 首席执行官, AvantSoft, Inc.2003 年 12 月 新的 XML Schema 系统即将成为 W3C 推荐标准，目的是为了克服 DTD 的局限性（请参阅侧栏， DTD 的局限性 ），为 XM原创 2005-09-25 01:11:00 · 1932 阅读 · 0 评论 -
50多种网页常用技巧
1. oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键no 可用于table2. 取消选取、防止复制3. onpaste="return false" 不准粘贴4. oncopy="return false;" oncut="return false;" 防止复制5. ie地址栏前换成自己的图标6. 可以在收藏夹中显示出你的图标原创 2006-09-07 22:58:00 · 2334 阅读 · 0 评论 -
CSS开发手册 [Author:nilxin]
CSS开发手册 撰写人：nilxin 基础篇：一、三种样式选择器属性选择器 p {color:red;}类选择器 .p {color:red;}ID选择器 #p {color:red;}二、transparentBackground:transparent; 防止定义背景被覆盖三、Netscape4.X（IE/WINDOWS4.0以前的版本）下错误的透明背景理解Background:inhrit;原创 2005-09-04 10:51:00 · 2144 阅读 · 0 评论 -
测试：IE7对CSS的支持
今晚下载到IE7 Beta之后就马上对它的CSS支持做了一些初步的简单测试，结果是比较令我失望的，所以你也不要报太多的希望了，hehe。 先是好消息，IE开发团队之前公布的几个改进倒都是做到了：Peekaboo Bug和Guillotine Bug已经被解决，带alpha通道的PNG图片也被支持（这对Web设计师来说是个好消息，可以做很多新的效果了）。其它一些好的改进主要集中在软件UI、RSS支原创 2005-09-04 09:07:00 · 1526 阅读 · 0 评论 -
使用tidy_win32.zip转换GB2312编码的HTML页面
题记:tidy我们并不陌生，之前的版本传说只能解析en编码的文件，最近由source组重新编写了一个适应GB2312编码的tidy_win3版本！下载地址:www.w3cn.org/resource/down/2004/tidy_win32.zip教程（从wc3n.org上Copy的）:软件说明我们现在的网站大部分都是HTML的，如果希望将它们标准化，手工的一页一页修改非常麻烦。如果有一个工具能自原创 2005-09-07 13:59:00 · 1669 阅读 · 0 评论 -
Xhtml之Head始初终极攻略
XHTML 1.0 提供了三种DTD声明可供选择：过渡的(Transitional):要求非常宽松的DTD，它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下：http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">严格的(Strict):要求严格的DTD，你不能使用任何表现层的标识和属性，例如。完整代码如下原创 2005-07-17 23:57:00 · 1508 阅读 · 0 评论 -
过渡型的向后兼容(使用XHTML与CSS)
组成因素：1/正确的XHTM标记(HTML4.01也能使用)2/正确的使用CSS控制字体，颜色，空白3/尽量少使用XHTMl表格设计布局，通过CSS来避免表格的多层嵌套4/可选的：在重要的表格单元中应用结构化标签(便于CSS和教本技术的采用，帮组以后向较少的表格布局)5/基于Dom的JavaScript、ECMAScript可能有代码分支，用以适应IENavigator 4.0浏览器。6/可访问行原创 2005-07-21 15:18:00 · 1230 阅读 · 0 评论 -
浏览器模式的探索，Web标准设计
浏览器是如何知道，我们在使用的创建的是一个向后兼容的站点呢？它在支持那些用过时方法创建的站点的同时，怎么能正确的显示你创建的标准化站点呢？ 答案就是，现在浏览器使用了，我们熟悉的DOCTYPE。DOCTYPE是把标准的模式（符合W3C规范的网站就是标准模式）和向前兼容的Quirkm模式，联系起来的纽带。而对于我们来说，大部分的网站设计忽视了各种浏览器的不同，从而对页原创 2005-07-27 17:25:00 · 1825 阅读 · 0 评论 -
IE/WINDOWS上的漂浮BUG
CSS漂浮特性可以使一个元素紧靠另一个元素横排例如如下规则：#maintext {float:left;}"maintext"里的文档最好简明。IE/WINDOWS的一个程序bug会删剪掉漂浮在div里较长的文档，使读者看不到完整的文档，同时还会造成滚动条的消失。读者必须刷新网页，并快速连续按两次F11键才能看到全部的文档，恢复浏览器的滚动条。可是没人原意每登录严格新网页就按两次F11键来刷新，太原创 2005-07-28 17:28:00 · 1550 阅读 · 0 评论 -
alt属性，在IE/Windows,Netscape/Windows的下摧残
Alt的属性众所周知，它是一个文本的可访问工具，不是什么用了提示工具（title属性才是）。Alt属性的初衷是为了在文本浏览器模式下，比如残疾人所使用的盲人阅读器在XHTMl及WAI，必须给标签添加alt属性，否则你将无法通过标准验证对于空白Gif或者jpg的Space部分，我们可以使用alt=" ",Null alt.但是在IE/Windows、IE/Netscape下会显示多余的alt文本查看原创 2005-07-29 14:28:00 · 1235 阅读 · 0 评论 -
废弃的标签，始于HTML3.2
当初，Mosaic和Netscape浏览器的制造商想到可以让设计师在网页中插入图片，为了浏览器特别创建一个标签，借此“扩展”HTML。W3C公司并不赞成这种做法，他们建议在网页设计师采用object元素。但后来上百万的网站开始使用标签，却没有支持W3C所提出的Object元素标准。随后，FutureSplash（后被重新命名为：FLash）和其他诸如Quick，Real电影等多某体元素也被插入网页原创 2005-07-28 21:37:00 · 2238 阅读 · 1 评论 -
CSS的长度单位(em)
CSS支持多种长度单位。它们可被分成两大类：绝对长度单位（以不依赖于显示设备的绝对尺寸来定义长度）；相对长度（相对其它为浏览器所知的单位来定义长度）。 绝对长度度量可使用五种单位：英寸（in）、厘米（cm）、毫米（mm）、磅（point，写作pt）、字高（pica，写作pc）。磅和字高通常被用作印刷单位，其中1pica=12pt。CSS把1pica定义为1/72in，也就是说，72pica=1i原创 2005-07-28 22:12:00 · 2840 阅读 · 10 评论 -
对不支持CSS浏览器，如何获得提示信息，使用灵活的ALT属性
在CSS中如此抒写.alt {display:none;}如果浏览器不支持CSS则使用这个部分将在支持CSS的浏览器中隐藏，而对于不支持CSS浏览器则显示由此来实现对不支持CSS的文本浏览器的可行性阅读原创 2005-08-09 13:10:00 · 1447 阅读 · 0 评论 -
如何在CSS中实现图片交替效果
如何在CSS中实现图片交替效果#newone { display:block;padding:0;margin:0;background:url(/newone.gif) no-repeat;width:40px;height:20px;}a#logoban:hover {background:url(/secondone.gif) no-repeat;}原创 2005-08-09 13:21:00 · 3091 阅读 · 1 评论 -
快速开发之XHTML（Head）
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml" lang="gb2312">testhttp://www.w3cn.org/,自由版权,任意转载" />http://www.w3cn.org/fav原创 2005-09-04 10:58:00 · 1317 阅读 · 0 评论 -
Web标准的一些链接推广
国外标准推广站点1．网站标准http://www.zeldman.com/ http://webstandards.org/ http://webstandardsgroup.org/ http://www.nypl.org/styleguide/ 2．有语义代码http://brainstormsandraves.com/articles/semantics/structure/ 3．校验（Va原创 2005-09-06 21:23:00 · 1600 阅读 · 0 评论 -
Microsoft Internet Explorer 7.0 Details
安装了新的IE，赶紧发点图片以及感受上来。官方下载地址：http://www.microsoft.com/windows/ie/downloads/default.mspx官方下载版本需要进行正版认证网上不需要验证的版本，地址我就不给出了，大家自己搜一下。IE 7 beta 2 主页大家通过下面的图片可以看出来变化还是比较大的1.地址栏被挪到了菜单栏的上面。刷新、停止按钮的位置作了变化，被转载 2006-05-04 07:23:00 · 1525 阅读 · 0 评论