苹果维修

2007年3月2日

摘要: web标准概念入门注:本文是应Alan邀请为《CSS布局实录》写的一个web标准入门指导。书已经上市近一年了,现在摘选出来,给初学者一个参考。前言"我的工资卡是交通银行的,但我经常在我家楼下的工商银行提款机上取款;我是上海人,我用普通话可以和广州的同学进行交流;今天水龙头坏了,我去水暖商店买了一个新的换上;我去法国旅游,通知我法国的朋友在北京时间15:30分来接我。" 生活中每天都发生类似的事情,... 阅读全文
posted @ 2007-03-02 12:02 贺杰峰 阅读(261) 评论(0) 推荐(0)
 
摘要: 第10天:自适应高度 如果我们想在3列布局的最后加一行页脚,放版权之类的信息。就遇到必须对齐3列底部的问题。在table布局中,我们用大表格嵌套小表格的方法,可以很方便对齐三列;而用div布局,三列独立分散,内容高低不同,就很难对齐。其实我们完全可以嵌套div,把三列放进一个DIV中,就做到了底部对齐。下面是实现例子(白色背景框模拟一个页面): Body 这里是#header{ MARGIN... 阅读全文
posted @ 2007-03-02 12:01 贺杰峰 阅读(150) 评论(0) 推荐(0)
 
摘要: 第9天:第一个CSS布局实例 接下来开始要真正设计布局了。和传统的方法一样,你首先要在脑海里有大致的轮廓构想,然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素,因为web标准更关注结构和内容,实际上它与网页的美观没有根本冲突,你想怎么设计就怎么设计,用传统表格方法实现的布局,用DIV也可以实现。技术有一个成熟的过程,把DIV看成和TABLE一样的工具,如何运用就看你... 阅读全文
posted @ 2007-03-02 12:00 贺杰峰 阅读(220) 评论(0) 推荐(0)
 
摘要: 第7天:CSS入门 在了解XHTML代码规范后,我们就要进行CSS布局。首先先介绍一些CSS的入门知识。如果你已经很熟悉了,可以跳过这一节,直接进入下一节。 CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制,属于表现层的布局语言。 1.基本语法规范 分析一个典型CSS的语句: p {COLOR:#FF0000;BACKGROUND:... 阅读全文
posted @ 2007-03-02 11:59 贺杰峰 阅读(204) 评论(0) 推荐(0)
 
摘要: 第8天:CSS布局入门 CSS布局与传统表格(table)布局最大的区别在于:原来的定位都是采用表格,通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距;而现在则采用层(div)来定位,通过层的margin,padding,border等属性来控制版块的间距。 1.定义DIV 分析一个典型的定义div例子: #sample{ MARGIN: 10px 10px 10px 10px... 阅读全文
posted @ 2007-03-02 11:59 贺杰峰 阅读(210) 评论(0) 推荐(0)
 
摘要: 第6天:XHTML代码规范 在开始正式内容制作之前,我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。 1.所有的标记都必须要有一个相应的结束标记 以前在HTML中,你可以打开许多标签,例如和而不一定写对应的和来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构,所有标签必须关闭。如果是单独不成对的标签,在标签最后加一个"/"来关闭它... 阅读全文
posted @ 2007-03-02 11:58 贺杰峰 阅读(184) 评论(0) 推荐(0)
 
摘要: 第4天:调用样式表 用web标准设计网站,过渡的方法主要是采用XHTML+CSS,css样式表是必不可少的。这就要求所有网页设计师必须熟练掌握CSS,如果你以前不常用,那么现在就开始学习吧。要制作符合web标准的网站,不懂CSS是设计不出漂亮的页面的。 事实上,所有表现的地方都需要用CSS来实现。我们以前都习惯用table来定位和布局,现在要改用DIV来定位和布局。这是思维方式的变化,一开始有... 阅读全文
posted @ 2007-03-02 11:57 贺杰峰 阅读(150) 评论(0) 推荐(0)
 
摘要: 第5天:head区的其他设置 这些技巧主要讲meta标签设置的,其实与符合web标准关系不大,只要注意在最后加"/"关闭标签就可以,但是既然是入门教程,就写得详细一点吧。 收藏夹小图标 如果你将本站加入收藏夹,可以看到在收藏夹网址之前的IE图标变成了本站特别的图标。要实现这样效果很简单,首先制作一个16x16的icon图标,命名为favicon.ico,放在根目录下。然后将下面的代码嵌入he... 阅读全文
posted @ 2007-03-02 11:57 贺杰峰 阅读(147) 评论(0) 推荐(0)
 
摘要: 第3天:定义语言编码 第三步是定义你的语言编码,类似这样: 为了被浏览器正确解释和通过W3C代码校验,所有的XHTML文档都必须声明它们所使用的编码语言,我们一般使用gb2312(简体中文),制作多国语言页面也有可能用Unicode、ISO-8859-1等,根据你的需要定义。 通常这样定义就可以了。但是要补充说明的是,XML文档并不是这样定义语言编码的,XML的定义方式如下: 你在Macr... 阅读全文
posted @ 2007-03-02 11:56 贺杰峰 阅读(169) 评论(0) 推荐(0)
 
摘要: 第2天:什么是名字空间 DOCTYPE声明好以后,接下来的代码是: 通常我们HTML4.0的代码只是,这里的"xmlns"是什么呢? 这个"xmlns"是XHTML namespace的缩写,叫做"名字空间"声明。名字空间是什么作用呢?阿捷自己的理解是: 由于xml允许你自己定义自己的标识,你定义的标识和其他人定义的标识有可能相同,但表示不同的意义。当文件交换或者共享的时候就容易产生错误。为... 阅读全文
posted @ 2007-03-02 11:55 贺杰峰 阅读(184) 评论(0) 推荐(0)
 
摘要: 第1天:选择什么样的DOCTYPE 前言 大家好!这个系列文章是按阿捷自己制作这个站点的过程编写的。之前阿捷也一直没有制作过一个真正符合web标准的网站。现在边参考国外资料边制作,同时把过程中的心得和经验记录下来,希望对大家有点帮助。好了,让我们开始吧 第一天 开始制作符合标准的站点,第一件事情就是声明符合自己需要的DOCTYPE。 查看本站首页原代码,可以看到第一行就是: 打开一些符合标准... 阅读全文
posted @ 2007-03-02 11:54 贺杰峰 阅读(198) 评论(0) 推荐(0)
 
摘要: 毕业后我给学计算机的和喜欢计算机的同学的[转自猫扑] ... 阅读全文
posted @ 2007-03-02 11:43 贺杰峰 阅读(248) 评论(0) 推荐(0)
 
摘要: 六、后记 以上只是简单介绍了XML的前端应用部分,如果各位对XML的后台开发还感兴趣的话,就需要了解XML更加复杂的部分,也需要 知道XML的解析器是如何解析XML的。限于篇幅,只能给大家一个简单的介绍。 XML文件的解析器目前分为两种: 一个是DOM(Document Object Model),一个是SAX。这两个解析器都是可以解析XML的,但是在解析XML的方式上有很... 阅读全文
posted @ 2007-03-02 11:33 贺杰峰 阅读(121) 评论(0) 推荐(0)
 
摘要: 五、一个应用了xml、schema和xlst的例子 通过上面的介绍,大家可能都已经跃跃欲试,想自己做一个XML方面的小应用了。那么在这里就满足大家的要求,举一个比较 全面的有实际意义的例子。 假如有一个订单要处理,订单的基本内容包括客户的信息和产品信息两个部分。 客户信息主要由客户姓名、电话、传真、地址组成。 产品信息由编号、名称、规格、价格、购买数量组成。 为... 阅读全文
posted @ 2007-03-02 11:12 贺杰峰 阅读(593) 评论(0) 推荐(0)
 
摘要: 四、xslt简介 了解XML的基本语法、Schema的语法还远远不够,XML是对数据和数据结构的存储,而Schema是对XML数据类型的定义。直到这 里还没有对XML数据的显示进行处理。虽然可以通过内置有XML解析器的浏览器直接对XML数据进行查看,但毕竟看到的只是以树状结构 显示的XML数据。 如果要把XML数据以漂亮的形式显示出来就需要XSLT帮忙了。XSLT可以把XML处理成... 阅读全文
posted @ 2007-03-02 11:07 贺杰峰 阅读(300) 评论(0) 推荐(0)
 
摘要: 三、 CHEMA简介 (一) Schema的引入 通过上几章介绍,相信大家对XML的基本语法已经有了一个基本了解。 XML本身的语法很严谨,也就是要求格式必须严整,包 括区分大小写、整个文档有且只有一个根、需要序言等等。在符合格式化良好的要求以后,就可以写出规则整齐、可以通过内置XML解 析器的浏览器解析XML文档了。但XML本身也相当的灵活,在符合基本语法的前提下,可以任意的编写各... 阅读全文
posted @ 2007-03-02 11:01 贺杰峰 阅读(306) 评论(0) 推荐(0)
 
摘要: 二、XML基础 (一)XML术语 在学习XML之前,我想先给大家介绍一些XML使用的术语。平常我们学习新的语言时,总会遇到许多难以理解的术语,在这里 就先介绍一些主要的给大家。 元素(Elements):代表XML文档中的每一个组件,包含字符、元素或者两者皆有,允许有空元素(empty element)。 属性(Attributes):放在元素后面的数据,代表这个元素的另... 阅读全文
posted @ 2007-03-02 10:59 贺杰峰 阅读(169) 评论(0) 推荐(0)
 
摘要: XML简明教程一、XML的背景和应用前景 (一)起源 XML(eXtended Markup Language)是从SGML(Standard Generalized Markup Language)进化来的,最初SGML是为了解决文 档及其格式问题的一种标记语言,所以非常的复杂和难以使用,那时计算机的应用水平还处在很低的阶段,并且那时人们只需要传递 和显示一些简单的数据。因此,... 阅读全文
posted @ 2007-03-02 10:53 贺杰峰 阅读(570) 评论(0) 推荐(0)
苹果急救站