网页重构

HTML解析原理

由 admin 撰写  |  2010/09/01 02:00 发表在 网页重构  |  评论 (0)

Web页面运行在各种各样的浏览器当中，浏览器载入、渲染页面的速度直接影响着用户体验。非常不幸的是，效率最低的IE浏览器仍然占领者绝大多数市场份额，这已经严重制约了互联网的发展（感叹一下：“马赛克和IE——阻碍人类文明发展的绊脚石!”）。
简单地说，页面渲染就是浏览器将html代码根据CSS定义的规则显示在浏览器窗口中的这个过程。先来大致了解一下浏览器都是怎么干活的：

Read More »

让你的css写得更简洁

由 admin 撰写  |  2010/09/01 01:47 发表在 网页重构  |  评论 (0)

掌握了这十条css，会让你的css写得更简洁，更有色彩。

  英文原名 (Ten CSS tricks you may not know)
还是非常有用处的，无论CSS新手还是老枪，有些技巧的确鲜为人知。你可以去看英文原版，词汇并不复杂。其实这篇文章有翻译的价值的，不过我最近比较懒，就简单用中文简述一下，其间会插入一些自己的经历和看法：

Read More »

Xhtml网页设计规范

由 admin 撰写  |  2010/08/24 03:02 发表在 网页重构  |  评论 (0)

一. 目录建立、文件夹命名规则：
01. 目录：
       除非有特殊情况外，目录应使用小写字母，并且以字母开头其中不得包含汉字、空格与特殊字符。
       目录命名请尽量英文为指导，不要以拼音作为目录名称。
       以下为一些常用目录的推荐英文名称：
       image 放网站不同栏目的页面都要用到的公共图片
       media 放 flash、avi、quicktime 等多媒体文件
       public 放公共文件
       style 放 css 样式文件
       js放js文件
       temp 放一些策划与设计中使用的原始资料与备份文件
       在根目录中原则上应该按照首页的栏目结构，给每一个栏目开设一个目录，根据需要在每一个栏目的目录中开设一个 images 和 medias 的子目录用以放置此栏目专有的图片和多媒体文件，如果这个栏目的内容特别多，又分出很多下级栏目，可以相应的再开设其他目录。temps目录中的文件与网上无关，请杜绝非内容的上传。
　　

Read More »

第一天　XHTML CSS基础知识

由 admin 撰写  |  2010/07/16 03:13 发表在 网页重构  |  评论 (5)

欢迎大家学习《十天学会web标准》，也就是我们常说的DIV+CSS。不过这里的DIV+CSS是一种错误的叫法，建议大家还是称之为web标准。

学习本系列教程需有一定html和css基础，也就是指您之前做过网页，会用表格布局。如果您刚开始学习网页制作，不知道什么是表格布局及html和css，建议您先去充电，否则学习本教程会非常吃力或者根本就听不懂。

Read More »

网页设计-细节决定成败

由 admin 撰写  |  2010/04/22 06:18 发表在 网页重构, 视觉设计  |  评论 (0)

实在是想不出啥标题了，本来想用“设计中不可忽略的10个细节”，可是有人跟我说太庸俗了。所以，就写一个比较夸张的标题吧(也比较土)，呵呵～～
因为自己在设计的时候就对这些东西经常不是很在意，以为是很小的事情，结果往往给自己搞出不少的麻烦。可能大家没有我这么粗心，不过还是想提醒一下跟我一样的设计师：细节决定成败。 Read More »

XHTML标签的嵌套规则

由 admin 撰写  |  2010/04/15 03:32 发表在 网页重构  |  评论 (0)

     XHTML 的标签有许多：div、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、 strong……我们在运用这些标签搭建页面结构的时候，是可以将它们无限嵌套的，但是，嵌套也需要有一定规则，不能任由网站设计师的个人习惯胡乱嵌套——XHTML 必竟不是 XML。

　　在 XHTML 的语言里，我们都知道：ul 标签包含着 li、dl 标签包含着 dt 和 dd——这些固定标签的嵌套规则十分明确。但是，还有许多标签是独立的，它们没有被捆绑在一起，比如 h1、div、p……那么这些标签的嵌套规则到底是怎样的？今天就来说说这个话题。

Read More »

“DIV+CSS”你是？

由 admin 撰写  |  2010/04/15 03:05 发表在 网页重构  |  评论 (0)

div+css 错误叫法懂吗？

　　昨日，一网友很兴奋的告诉我说，他学会了div+css，并把第一个作品发与我分享，我非常替他高兴的打开源文件来一看：代码里除了DIV标签还是DIV标签…我不禁暗自摇头，心想:“div+css”啊，你这个称呼真是害了一代人。

　　div+css这种称呼大致是在两三年前流行起来的，现在如今，就当这种并没有多少难度的技术已经日渐成熟和普及的时候，但凡提到div+css，依旧会有许多人热情高涨，包括很多企业对于的网站设计师这个职位的招聘信息里都会提到“需精通div+css”。

Read More »

HTML标记参考手册

由 admin 撰写  |  2010/03/18 05:53 发表在 网页重构  |  评论 (0)

 总类（所有HTML文件都有的）
文件类型 <HTML></HTML> （放在档案的开头与结尾）
文件主题 <TITLE></TITLE> （必须放在「文头」区块内）
文头 <HEAD></HEAD> （描述性资料，像是「主题」）
文体 <BODY></BODY> （文件本体）
结构性定义（由浏览器控制的显示风格）

Read More »

疯狂的HTTP请求

由 admin 撰写  |  2010/03/13 02:32 发表在 网页重构  |  评论 (1)

1. 什么是HTTP请求

HTTP请求是从客户端到服务器端的请求消息包括，消息首行中，对资源的请求方法、资源的标识符及使用的协议。我们打开网页，网页加载图片、FLASH、JS脚本、CSS文件都会产生HTTP请求。

Read More »

5种方法立刻写出更好的CSS代码

由 admin 撰写  |  2010/03/10 03:06 发表在 网页重构  |  评论 (0)

1.重置

首先，很认真的告诉你，总是要重置某些分类。无论你是使用 Eric Meyer Reset、YUI Reset
或者你自己编写的重置代码，只要使用就对了。
它能很简单的移除所有元素的填充（padding）和边距（margin）：
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; } 

Read More »