-
2009年09月06日
Apache的prefork模式和worker模式 - [Web开发]
本文系转载，原文出自：http://www.ccvita.com/339.html
prefork模式
这个多路处理模块(MPM)实现了一个非线程型的、预派生的web服务器，它的工作方式类似于Apache 1.3。它适合于没有线程安全库，需要避免线程兼容性问题的系统。它是要求将每个请求相互独立的情况下最好的MPM，这样若一个请求出现问题就不会影响到其他请求。
这个MPM具有很强的自我调节能力，只需要很少的配置指令调整。最重要的是将MaxCli... -
2007年04月09日
可能会用到的特殊符号[转] - [Web开发]
εїз♂ ♀ ♥ ♡ ☜ ☞ ☎ ☏ ⊙ ◎ ☺ ☻ ► ◄ ♨ ◐ ◑ ↔ ↕ ▪ ▫ ☼ ♦ ▀ ▄ █ ▌ ▐ ░ ▒ ▬ ♦ ◊ ◦ ☼ ♠ ♣ ▣ ▤ ▥ ▦ ▩ ◘ ◙ ◈ ♫ ♬ ♪ ♩ ♭ ♪ の ☆→ あ ぃ ￡ ♂ ♀ ♥ ♡ ☜ ☞ ☎ ☏ ⊙ ◎ ☺ ☻► ◄ ▧ ▨ ♨ ◐ ◑ ↔ ↕ ▪ ▫ ♠ ♣๑•ิ.•ั๑๑۩۞۩๑ ♪ ♬ ⓛⓞⓥⓔ ๑۩ﺴ ♬ ♫ ♪
㊚ ㊛ ㊙ ♯♭ $ ஐﻬ◎ ♂ ﻬஐ♀ ♥ ♡ ☎ ☏ ⊙ ◎ ► ◄ ▧ ▨ ♨ ◐ ◑ ↔↕▪ ▫ ☼ ♦ ▀ ▄ █ ▌▐ ░ ▒ ▬ ♦ &lo... -
2007年03月13日
在Firefox和IE浏览器都能实现的flash透明背景[转] - [Web开发]
原文转自：http://www.deepteach.com/www1/ArticleContent.asp?ID=118
最近做一个网站要在一个静态的背景上加一个透明的Flash会显示动态的效果，按照常规方式加了后，在IE中能显示正常：
-
2007年01月30日
加上label，增大可选区域 - [Web开发]
网页中的选择框通常比较小，分辨率越高点击起来越是费劲。一般都是这样的：
而使用中发现Google提高了它的易用性。鼠标在相应的文字上点击，一样可以达到选中的效果：
查看源代码，Google的选择框是这样写的：
<input id=ch type=radio name=lr value=lang_zh-CN|lang_zh-TW><label for=ch>中文网页 </label>
当然，Google的源代码并不符合标准。大约是为了尽量节约传输的数据量，连属性值的双引号也给省了。言归正转，Google使用的方法其实非常简单，仅仅是加上了个label。
通常的写法都是这样的：
<input type="checkbox" name="testtest" />点这里没用
提高易用性的写法是这样的：
<input type="checkbox" id="test" name="test" /> <label for="test">点这里就可以了</label>
进阶：鼠标放在网页上可点击的内容时，一般都会变成一只小手来提醒用户。我们也可以做到这一点：
<input type="checkbox" id="test" name="test" /> <label for="test" style="cursor:pointer">放这里鼠标会变成小手</label>
cursor:pointer其实是CSS的内容，这里的写法是为了看起来方法，标准的写法还是应该写入单独的CSS文件中。
-
2007年01月26日
如何整理乱七八糟的HTML代码 - [Web开发]
博客上有网友留言问：“谁能把在一行的html文档格式化成错落有秩的嵌套文档？”
我想他的意思就是如何把那些乱糟糟的HTML代码整理成漂亮的带缩进的代码吧。的确现在有不少网站看还没有注意到网页源代码的整洁，查看他们的源代码简直就是一场噩梦。其实现在已经有许多常用的网页编辑器都具备了这样的功能，只是可能有些用户没有注意到。
Dreamweaver 8：
应用最广泛的网页编辑器应该就是Dreamweaver了（当然记事本除外^_^）。在Dreamwaver中打开杂乱无章的HTML文件，在菜单中选择“命令”－＞“套用源格式”。代码就被整理好了。
TopStyle Pro 3：
试了试我用来写CSS的TopStyle Pro也有这功能。在菜单上选择“HTML”－＞“HTML整理”－＞“Convert to XHTML”，在下面输出部分的“整理”窗口中就可以得到调整好的带缩进的HTML文档了，效果很不错。我用的是3.11汉化版，其它版本应该也不难找到。
-
2007年01月24日
解决CSS注释后在IE中失效的问题 - [Web开发]
在写前面的读书笔记时，因为要使得CSS代码更易读，便在CSS中写了注释。CSS中的注释形式与C++中的多行注释形式相同：
/* 注释内容 */
并且只有这一种形式，即使CSS代码嵌入在HTML中，写成也是不行的。
CSS中写上注释后，在Firefox中显示正常，而且IE6中无样式效果。查看源代码，也没什么问题。
调试后发现，网页打开时，IE默认编码为UTF-8，改为GB-2312后显示正常。奇怪的是文件中明明写上了，为何要改成“简体中文（GB2312）”CSS才起作用呢？
经检查，原来是HTML的源文件被保存成了ANSI格式。另存为UTF-8后问题解决，在Firefox与IE中均能默认正常显示。看来这应该是编码格式不统一引发的问题，但在Firefox中却一切正常令人奇怪。
-
2007年01月24日
《无懈可击的Web设计》读书笔记_02 - [Web开发]
第二章 可伸缩的导航栏
导航栏几乎是每个网页上都要提供的功能，本章主要是以LanceArmstrong.com网站为例，用XHTML+CSS的方法对其进行重构。经试验发现LanceArmstrong.com已经是用Flash构建，与文中图片并不相符，大概是已经进行了改版。
以前的导航条多是表格套图片，翻转效果用Javascript实现。其实更简单的方法就是用Fireworks，用它可以直接绘出整个导航条，方便地加入图片翻转，并直接导入到Dreamweaver中进行编辑。事实上我也是这么做的。这样做起来倒是很简单，想实现所要求的效果也很容易，但也有不少缺点。如垃圾代码多，大量图片影响下载时间，大小固定无伸缩性，改版困难等。
文中提供的方法：
使用列表描述导航栏
<body id="intro">
<ul id="nav">
<li id="t-intro"><a href="/">Introduction</a></li>
<li id="t-about"><a href="about.html">About Lance</a></li>
<li id="t-news"><a href="news.html">News & Events</a></li>
<li id="t-sponsors"><a href="sponsors.html">Sponsors</a></li>
</ul>
</body>body中的id是为了标识当前页，li中的id用来标识哪一个选项卡处于选中状态。
相关的CSS样式
#nav {
float: left;/* 导航条浮在左边 */
width: 100%;/* 宽度占据整个浏览器 */
margin: 0;
padding: 10px 0 0 46px;
list-style: none;/* 列表项前无标识符 */
background: #FFCB2D url(img/nav_bg.gif) repeat-x bottom left;/* 这里用了一张1*37的图片，做为底部的横线。设成“横向上平铺，底部对齐，左对齐”以保证能始终保持效果 */
}#nav li {
float: left;
margin: 0;
padding: 0;
font-family: "Lucida Grande", sans-serif;
font-size: 55%;
}#nav a {
float: left;
display: block;/*设置对象为块状显示，使得整个按钮都可以点击*/
margin: 0 1px 0 0;
padding: 4px 8px;
color: #333;
text-decoration: none;
border: 1px solid #9B8748;
border-bottom: none;
background: #F9E9A9 url(img/off_bg.gif) repeat-x top left;
}#nav a:hover, body#intro #t-intro a {
/*定义选中和悬停时的按钮样式*/
color: #333;
padding-bottom: 5px;/*多出1px，即覆盖掉按钮下的线*/
border-color: #727377;
background: #fff url(img/on_bg.gif) repeat-x top left;
}相关图片：
nav_bg.gif
off_bg.gif 
on_bg.gif 
文中只给出了选中intro页的方法，在其它页中需要更改body的id。如新建一个同级的about.html，相应代码改成：
<body id="about">
<ul id="nav">
<li id="t-intro"><a href="index.html">Introduction</a></li>
<li id="t-about"><a href="/">About Lance</a></li>
<li id="t-news"><a href="news.html">News & Events</a></li>
<li id="t-sponsors"><a href="sponsors.html">Sponsors</a></li>
</ul>
</body>上面的选择符名称则写成#nav a:hover, body#intro #t-intro a,body#about #t-about a。这表示body的id为intro，则对其下的t-intro应用本样式；这表示body的id为about，则对其下的t-about应用本样式。若有其它页，则相应地增加内容。
这只是最基本的用导航栏，如果四四方方的不符合你的审美观，可以进一步使用“滑动门”技术。推荐参考nobita翻译的《CSS中的滑动门技术》，地址：http://www.w3cn.org/article/translate/2005/112.html
-
2007年01月21日
《无懈可击的Web设计》读书笔记_01 - [Web开发]
第一章 灵活的文字
目前的许多网页采用的相对长度单位，如最常用的像素px。这么做的目的无非就是为了能够精确地控制页面上字体的大小，便于设计出设计师想要的效果。没错，我过去也常常这么做，甚至采用点pt这样的绝对长度单位。因为那时经常采用Fireworks进行页面设计，然后切图导出。在表格布局的情况下，只有精确的文字大小才能保证表格不会拉伸变形影响效果。
但是时过境迁，DIV+CSS的布局方式逐渐替代了表格。而且越来越多的用户开始选用IE以外的浏览器，在国内用Firefox的也越来越多。而这些浏览器遵从于W3C标准设计，既然把字体设成px、pt也一样能改变大小。现在都在推崇用户体验，而给用户自己选择的机会也是其重要的一方面。尤其是在阅读大量文字信息时，根据用户喜好方遍地调整字体大小也是一项重要功能。
书中介绍的方法就是采用“关键字&rdqu...
冯子胡说
二十来岁一老青年，搞计算机的。个高人瘦，能说好侃。
共1页 1
