网站结构化--飞飞Asp乐园

网站结构化--飞飞Asp乐园http://www.ffasp.com/rss/rss.asp表单项INPUT、SELECT等垂直对齐的方法http://www.ffasp.com/content.asp?newsid=16751.INPUT和图片按钮对齐： <form method="post" action="ccc.asp"> <input type="text" name="title" value=&quoTue, 18 Jan 2011 23:42:06 GMT表单的multipart/form-data和application/x-www-form-urlencoded区别http://www.ffasp.com/content.asp?newsid=1280multipart/form-data和application/x-www-form-urlencoded FORM元素的enctype属性指定了表单数据向服务器提交时所采用的编码类型，默认的缺省值是“application/x-www-form-urlencoded”。 Tue, 04 Nov 2008 15:04:04 GMT应用标准后超链接访问过后hover样式失效的原因http://www.ffasp.com/content.asp?newsid=1184<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh"><head profile="http://www.w3.org/2000/08/w3c-synd/#"><meta http-equiv="content-language" c /&Thu, 31 Jul 2008 09:39:34 GMTCSS浏览器兼容问题整理(IE6.0、IE7.0 与 FireFoxhttp://www.ffasp.com/content.asp?newsid=1178CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加DOCTYPE声名.   CSS技巧1.div的垂直居中问题vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行   2. margin加倍的问题    设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline;    例如：    <#div id=”imfloat”>    相应的css为    #IamFloat{    float:left;    margin:5px;/*IE下理解为10px*/    display:inline;/*IE下再理解为5px*/}   3.浮动ie产生的双倍距离    #box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:inline; //使浮动忽略}    这里细说一下block与inline两个元素：block元素的特点是,总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);Inline元素的特点是,和其他元素在同一行上,不可控制(内嵌元素);    #box{ display:block; //可以为内嵌元素模拟为块元素 display:inline; //实现同一行排列的效果 diplay:table;    4 IE与宽度和高度的问题 IE不认得min-这个定义，但实际上它把正常的width和height当作有min的情况来使。这样问题就大了，如果只用宽度和高度，正常的浏览器里这两个值就不会变，如果只用min-width和min-height的话，IE下面根本等于没有设置宽度和高度。    比如要设置背景图片，这个宽度是比较重要的。要解决这个问题，可以这样：    #box{ width: 80px; height: 35px;}html>body #box{ width: auto; height: auto; min-width: 80px; min-height: 35px;}    5.页面的最小宽度    min-width是个非常方便的CSS命令，它可以指定元素最小也不能小于某个宽度，这样就能保证排版一直正确。但IE不认得这个，而它实际上把width当做最小宽度来使。为了让这一命令在IE上也能用，可以把一个<div> 放到 <body> 标签下，然后为div指定一个类,然后CSS这样设计：    #container{ min-width: 600px; width:expression(document.body.clientWidth < 600? "600px": "auto" );}    第一个min-width是正常的；但第2行的width使用了Javascript，这只有IE才认得，这也会让你的HTML文档不太正规。它实际上通过Javascript的判断来实现最小宽度。   6.DIV浮动IE文本产生3象素的bug    左边对象浮动，右边采用外补丁的左边距来定位，右边对象内的文本会离左边有3px的间距.    #box{ float:left; width:800px;}   #left{ float:left; width:50%;}   #right{ width:50%;}   *html #left{ margin-right:-3px; //这句是关键}    <div id="box">   <div id="left"></div>   <div id="right"></div>   </div>   7.IE捉迷藏的问题    当div应用复杂的时候每个栏中又有一些链接，DIV等这个时候容易发生捉迷藏的问题。    有些内容显示不出来，当鼠标选择这个区域是发现内容确实在页面。解决办法：对#layout使用line-height属性或者给#layout使用固定高和宽。页面结构尽量简单。   8.float的div闭合;清除浮动;自适应高度;    ①例如：<#div id=”floatA” ><#div id=”floatB” ><#div id=”NOTfloatC” >这里的NOTfloatC并不希望继续平移，而是希望往下排。(其中floatA、floatB的属性已经设置为float:left;)   这段代码在IE中毫无问题，问题出在FF。原因是NOTfloatC并非float标签，必须将float标签闭合。在 <#div class=”floatB”> <#div class=”NOTfloatC”>之间加上 <#div class=”clear”>这个div一定要注意位置，而且必须与两个具有float属性的div同级，之间不能存在嵌套关系，否则会产生异常。并且将clear这种样式定义为为如下即可： .clear{ clear:both;}    ②作为外部 wrapper 的 div 不要定死高度,为了让高度能自动适应，要在wrapper里面加上overflow:hidden; 当包含float的box的时候，高度自动适应在IE下无效，这时候应该触发IE的layout私有属性(万恶的IE啊！)用zoom:1;可以做到，这样就达到了兼容。   例如某一个wrapper如下定义：    .colwrapper{ overflow:hidden; zoom:1; margin:5px auto;}    ③对于排版,我们用得最多的css描述可能就是float:left.有的时候我们需要在n栏的float div后面做一个统一的背景,譬如:   <div id=”page”>   <div id=”left”></div>   <div id=”center”></div>   <div id=”right”></div>    </div>   比如我们要将page的背景设置成蓝色,以达到所有三栏的背景颜色是蓝色的目的,但是我们会发现随着left center right的向下拉长,而page居然保存高度不变,问题来了,原因在于page不是float属性,而我们的page由于要居中,不能设置成float,所以我们应该这样解决   <div id=”page”>   <div id=”bg” style=”float:left;width:100%”>   <div id=”left”></div>   <div id=”center”></div>   <div id=”right”></div>   </div>   </div>   再嵌入一个float left而宽度是100%的DIV解决之   ④万能float 闭合(非常重要!)    关于 clear float 的原理可参见 [How To Clear Floats Without Structural Markup],将以下代码加入Global CSS 中,给需要闭合的div加上 class="clearfix" 即可,屡试不爽. &nbspThu, 24 Jul 2008 15:27:01 GMT不同浏览器CSS的hack ,IE6,FF,IE7http://www.ffasp.com/content.asp?newsid=1177不同浏览器CSS的hack ,IE6,FF,IE7　　因为不同浏览器对W3C标准的支持不一样，各个浏览器对于页面的解释呈视也不尽相同，比如IE在很多情况下就与FF存在3px的差距，对于这些差异性，就需要利用css 的hack来进行调整，当然在没有必要的情况下，最好不要写hack来进行调整，避免因为hack而导致页面出现问题。1、 IE6、IE7、Firefox之间的兼容写法：　　写法一：　　IE都能识别*;标准浏览器(如FF)不能识别*；　　IE6能识别*，但不能识别 !important,　　IE7能识别*，也能识别!important;　　FF不能识别*，但能识别!important;　　根据上述表达，同一类/ID下的CSS 　hack可写为：　　.searchInput {　　background-color:#333;/*三者皆可*/　　*background-color:#666　!important; /*仅IE7*/　　*background-color:#999; /*仅IE6及Thu, 24 Jul 2008 15:01:49 GMT网页媒体播放器代码及详解http://www.ffasp.com/content.asp?newsid=1168主程序代码讲解程序代码<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="MediaPlayer1" width="286" height="225"> <param name="AudioStream" value="-1"> <param name="AutoSize" value="-1">  <param name="AutoStart" value="-1">  <param name="AnimationAtStart" value="-1"> <param name="AllowScan" value="-1"> <param name="AllowChangeDisplaySize" value="-1"> <param name="AutoRewind" value="0"> <param name="Balance" value="0">  <param name="BaseURL" value> <param name="BufferingTime" value="15">  <param name="CaptioningID" value> <param name="ClickToPlay" value="-1"> <param name="CursorType" value="0"> <param name="CurrentPosition" value="0">  <param name="CurrentMarker" value="0"> <param name="DefaultFrame" value> <param name="DisplayBackColor" value="0"> <param name="DisplayForeColor" value="16777215"> <param name="DisplayMode" value="0"> <param name="DisplaySize" value="0">  <param name="Enabled" value="-1"> <param name="EnableContextMenu" value="-1"> <!-是否用右键弹出菜单控制--> <param name="EnablePositionControls" value="-1"> <param name="EnableFullScreenControls" value="-1"> <param name="EnableTracker" value="-1">  <param name="Filename" value="http://01.wma" valuetype="ref">  <param name="InvokeURLs" value="-1"> <param name="Language" value="-1"> <param name="Mute" value="0">  <param name="PlayCount" value="10">  <param name="PreviewMode" value="-1"> <param name="Rate" value="1">  <param name="SAMIStyle" value>  <param name="SAMILang" value>  <param name="SAMIFilename" value>  <param name="SelectionStart" value="-1"> <param name="SelectionEnd" value="-1"> <param name="SendOpenStateChangeEvents" value="-1"> <param name="SendWarningEvents" value="-1"> <param name="SendErrorEvents" value="-1"> <param name="SendKeyboardEvents" value="0"> <param name="SendMouseClickEvents" value="0"> <param name="SendMouseMoveEvents" value="0"> <param name="SendPlayStateChangeEvents" value="-1"> <param name="ShowCaptioning" value="0">  <param name="ShowControls" value="-1">  <param name="ShowAudioControls" value="-1">  <param name="ShowDisplay" value="0">  <param name="ShowGotoBar" value="0">  <param name="ShowPositionControls" value="-1">  <param name="ShowStatusBar" value="-1">  <param name="ShowTracker" value="-1">  <param name="TransparentAtStart" value="-1"> <param name="VideoBorderWidth" value="0">  <param name="VideoBorderColor" value="0">  <param name="VideoBorder3D" value="0"> <param name="Volume" value="0">  <param name="WindowlessVideo" value="0">  </object> ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝<object id="player" height="64" width="260" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"> <param NAME="AutoStart" VALUE="-1">  <param NAME="Balance" VALUE="0">  <param name="enabled" value="-1">  <param NAME="EnableContextMenu" VALUE="-1">  <param NAME="url" VALUE="http://1.wma">  <param NAME="PlayCount" VALUE="1">  <param name="rate" value="1">  <param name="currentPosition" value="0">  <param name="currentMarker" value="0">  <param name="defaultFrame" value="">  <param name="invokeURLs" value="0">  <param name="baseURL" value="">  <param name="stretchToFit" value="0">  <param name="volume" value="50">  <param name="mute" value="0">  <param name="uiMode" value="mini">  <param name="windowlessVideo" value="0">  <param name="fullScreen" value="0">  <param name="enableErrorDialogs" value="-1">  <param name="SAMIStyle" value>  <param name="SAMILang" value>  <param name="SAMIFilename" value>  </object>1.avi格式代码片断如下：<object id="video" width="400" height="200" border="0" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"><param name="ShowDisplay" value="/0"><param name="ShowControls" value="1"><param name="AutoStart" value="1"><param name="AutoRewind" value="0"><param name="PlayCount" value="0"><param name="Appearance value="0 value="""><param name="BorderStyle value="0 value="""><param name="MovieWindowHeight" value="240"><param name="MovieWindowWidth" value="320"><param name="FileName" value="/Mbar.avi"><embed width="400" height="200" border="0" showdisplay="0" showcontrols="1" autostart="1" autorewind="0" playcount="0" moviewindowheight="240" moviewindowwidth="320" filename="/Mbar.avi" src="Mbar.avi"></embed></object>2.mpg格式代码片断如下：<object classid="clsid:05589FA1-C356-11CE-BF01-00AA0055595A" id="ActiveMovie1" width="239" height="250"><param name="Appearance" value="0"><param name="AutoStart" value="-1"><param name="AllowChangeDisplayMode" value="-1"><param name="AllowHideDisplay" value="0"><param name="AllowHideControls" value="-1"><param name="AutoRewind" value="-1"><param name="Balance" value="0"><param name="CurrentPosition" value="0"><param name="DisplayBackColor" value="0"><param name="DisplayForeColor" value="16777215"><param name="DisplayMode" value="0"><param name="Enabled" value="-1"><param name="EnableContextMenu" value="-1"><param name="EnablePositionControls" value="-1"><param name="EnableSelectionControls" value="0"><param name="EnableTracker" value="-1"><param name="Filename" value="/mpeg/halali.mpg" valuetype="ref"><param name="FullScreenMode" value="0"><param name="MovieWindowSize" value="0"><param name="PlayCount" value="1"><param name="Rate" value="1"><param name="SelectionStart" value="-1"><param name="SelectionEnd" value="-1"><param name="ShowControls" value="-1"><param name="ShowDisplay" value="-1"><param name="ShowPositionControls" value="0"><param name="ShowTracker" value="-1"><param name="Volume" value="-480"></object>3.smi格式代码片断如下：<OBJECT id=RVOCX classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA width=240 height=180><param name="_ExtentX" value="6350"><param name="_ExtentY" value="4763"><param name="AUTOSTART" value="-1"><param name="SHUFFLE" value="0"><param name="PREFETCH" value="0"><param name="NOLABELS" value="-1"><param name="SRC" value="rm.rm"><param name="CONTROLS" value="ImageWindow"><param name="CONSOLE" value="console1"><param name="LOOP" value="0"><param name="NUMLOOP" value="0"><param name="CENTER" value="0"><param name="MAINTAINASPECT" value="0"><param name="BACKGROUNDCOLOR" value="#000000"><embed src="real.smi" type="audio/x-pn-realaudio-plugin" console="Console1" controls="ImageWindow" height="180" width="240" autostart="true"></OBJECT>4.rm格式代码片断如下：<OBJECT ID=video1 CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" HEIGHT=288 WIDTH=352><param name="_ExtentX" value="/9313"><param name="_ExtentY" value="7620"><param name="AUTOSTART" value="0"><param name="SHUFFLE" value="0"><param name="PREFETCH" value="0"><param name="NOLABELS" value="0"><param name="SRC" value="rtsp://203.*.*.35/vod/dawan-a.rm"><param name="CONTROLS" value="ImageWindow"><param name="CONSOLE" value="Clip1"><param name="LOOP" value="0"><param name="NUMLOOP" value="0"><param name="CENTER" value="0"><param name="MAINTAINASPECT" value="0"><param name="BACKGROUNDCOLOR" value="#000000"><embed SRC type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1" CONTROLS="ImageWindow" HEIGHT="288" WIDTH="352" AUTOSTART="false"></OBJECT>5.wmv格式代码片断如下：<object id="NSPlay" width=200 height=180 classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject" align="right" hspace="5"><param namTue, 22 Jul 2008 22:40:18 GMT61条面向对象设计原则http://www.ffasp.com/content.asp?newsid=1099“你不必严格遵守这些原则，违背它们也不会被处以宗教刑罚。但你应当把这些原则看成警铃，若违背了其中的一条，那么警铃就会响起。” ----------摘抄自《OOD 启思录》--Arthur J.Riel 著鲍志云译 (1)所有数据都应该隐藏在所在的类的内部。 (2)类的使用者必须依赖类的共有接口，但类不能依赖它的使用者。 (3)尽量减少类的协议中的消息。 (4)实现所有类都理解的最基本公有接口[例如，拷贝操作(深拷贝和浅拷贝)、相等性判断、正确输出内容、从ASCII描述解析等等]。 (5)不要把实现细节(例如放置共用代码的私有函数)放到类的公有接口中。如果类的两个方法有一段公共代码，那么就可以创建一个防止这些公共代码的私有函数。 (6)不要以用户无法使用或不感兴趣的东西扰乱类的公有接口。 (7)类之间应该零耦合，或者只有导出耦合关系。也即，一个类要么同另一个类毫无关系，要么只使用另一个类的公有接口中的操作。 (8)类应该只表示一个关键抽象。包中的所有类对于同一类性质的变化应该是共同封闭的。一个变化若对一个包影响，则将对包中的所有类产生影响，而对其他的包不造成任何影响 . (9)把相关的数据和行为集中放置。设计者应当留意那些通过get之类操作从别的对象中获取数据的对象。这种类型的行为暗示着这条经验原则被违反了。 (10)把不相关的信息放在另一个类中(也即：互不沟通的行为)。朝着稳定的方向进行依赖. (11)确保你为之建模的抽象概念是类，而不只是对象扮演的角色。 (12)在水平方向上尽可能统一地分布系统功能，也即：按照设计，顶层类应当统一地共享工作。 (13)在你的系统中不要创建全能类/对象。对名字包含Driver、Manager、System、Susystem的类要特别多加小心。规划一个接口而不是实现一个接口。 (14)对公共接口中定义了大量访问方法的类多加小心。大量访问方法意味着相关数据和行为没有集中存放。 (15)对包含太多互不沟通的行为的类多加小心。这个问题的另一表现是在你的应用程序中的类的公有接口中创建了很多的get和set函数。 (16)在由同用户界面Mon, 26 May 2008 18:09:42 GMT面向对象设计原则http://www.ffasp.com/content.asp?newsid=10981。软件的可维护性与可复用性软件的维护就是软件的再生。系统的设计目标：可扩展性，灵活性，可插入性。可扩展性：新的功能很容易集成到现有的系统中去，而不影响到系统的其他模块。灵活性：允许代码修改平稳的发生。当修改一处时不至于影响到另一处，这样可以缩小维护的代价。可插入性：容易用一个类替换已经存在的类。只要接口一致，更改实现类不影响类的使用者。软件的复用可以提高软件的生产率，并且恰当的复用可以提高软件的可维护性。在以前，复用主要是代码，函数，结构的复用，而现在复用主要针对类，接口，组件等等。但是复用并不一定会保证软件的可维护性。不能因为代码的重复等原因就复用，需要根据具体的情况来分析。要想通过复用来加强系统的可维护性，必须保证复用是支持可维护性的复用。下面的一些设计原则可以用来指导实践。2。开-闭原则（OCP）开闭原则是面向对象可复用的基石。它主要指：一个软件实体对扩展开放，对修改关闭。在设计一个模块的时候，应当是这个模块在不被修改的前提下被扩展。满足这个原则的系统在一个较高层次上实现了复用，也是易于维护的。那如何才能满足开闭原则呢？抽象化是关键。要区分开抽象层和实现层。在一个软件系统中，抽象层应该是相对稳定的，而实现层是可以改变和扩展的。开闭原则也是对可变性的封装原则。找到系统的可变因素，并将其封装起来。把一种可变性封装为一个对象，那么这种可变性的不同表象就是这个类的具体子类。3。里氏代换原则(LSP)里氏代换原则是继承复用的基石：在任何父类出现的地方都可以用它的子类来替代。例如正方形和长方形。正方形是一种特殊的长方形。但是正方形却不Mon, 26 May 2008 17:49:25 GMTSDK的概念和理解http://www.ffasp.com/content.asp?newsid=1064 SDK是Software Development Kit的缩写，中文意思是“软件开发工具包”。这是一个覆盖面相当广泛的名词，可以这么说：辅助开发某一类软件的相关文档、范例和工具的集合都可以叫做“SDK”。具体到我们这个系列教程，我们后面只讨论广义 SDK 的一个子集——即开发 Windows 平台下的应用程序所使用的 SDK。其实上面只是说了一个 SDK 大概的概念而已，理解什么是 SDK 真有这么容易吗？恐怕没这么简单！为了解释什么是 SDK 我们不得不引入 API、动态链接库、导入库等等概念。^_^，不要怕，也就是几个新的名词而已，我也是到了大学快结束的时候才体会到其实学习新知识就是在学习新名词、新概念和新术语。首先要接触的是“API”，也就是 Application Programming Interface，其实就是操作系统留给应用程序的一个调用接口，应用程序通过调用操作系统的 API 而使操作系统去执行应用程序的命令（动作）。其实早在 DOS 时代就有 API 的概念，只不过那个时候的 API 是以中断调用的形式（INT 21h）提供的，在 DOS 下跑的应用程序都直接或间接的通过中断调用来使用操作系统功能，比如将 AH 置为 30h 后调用 INT 21h 就可以得到 DOS 操作系统的版本号。而在 Windows 中，系统 API 是以函数调用的方式提供的。同样是取得操作系统的版本号，在 Windows 中你所要做的就是调用 GetVersionEx() 函数。可以这么说，DOS API 是“Thinking in 汇编语言”的，而 Windows API 则是“Thinking in 高级语言”的。DOS API 是系统程序的一部Tue, 06 May 2008 16:02:13 GMTweb2.0中流行的设计元素：颜色http://www.ffasp.com/content.asp?newsid=1045　　颜色的变化跟人类的智慧一样,是无穷的,每个阶段都会有流行的色彩,有属于一个时代的颜色!WEB2.0是一个概念,它宣扬,定位了一些东西,以用户为中心,群体智慧,分享等等,等等.同时顺应这些需求,一些顶尖的设计师和开发者赋予并领导了一些色彩流行趋势.我凭感觉做了部分归纳和收集,心理没大有底,把能想到的列出来希望跟大家一起探讨>>再做补充吧!★淡淡的浅色系及延伸应用　　此类颜色似乎最早Mon, 14 Apr 2008 18:01:57 GMT