中半角空格的发现
有不少朋友问,在HTML模式下打的空格键,为什么不起作用。或者在留言板、论坛页面打的空格,也都不起作用。因为这是微软的IE浏览器人为规定的,这是一种HTML规则。
我们知道,Unicode码和ASCII码包括了所有的字库,它们和十进制编码的排列顺序也是一样的。十进制编码的HTML格式是&#数字;,例如在HTML模式下输入“我”,IE浏览就会出现“我”字。然后,我用JavaScript做了循环程序,让它从0到10万显示十进制码。经过很长时间,终于有一天不经意发现了这个半角空格,它的十进制码是,令人兴奋的是,这个字符可以直接应用,可用于复制粘贴,而且不会被留言板像某些字符一样转化为十进制码。这个字符只占一个字节,哈哈!这个字符没有办法用输入法打出,只有用粘贴的方法。效果如:
这就是它的演示效果。用键盘输入的半角空格,它对应的十进制码是 ,已命名实体是 ,而我们今天要用到的这个半角空格是,可以看出它们的不同。
我曾想过,让留言板里提交的留言当中的空格全都替换为,但是我很快就打消了这个念头,比如当有朋友讨论HTML代码的时候,<a href>,假如<a 后面的空格是的话,这段HTML就不能运行了。今天提到的这个空格,它的作用是完全替代HTML代码下的 。请从上面的演示效果复制。最后,让我们再一次对比它们的不同吧,HTML模式下的代码:
键盘的空格:我 们 的空格:我们
在网页中显示的效果如:
我 们我们时实现浏览器状态栏中的滚动字幕
在Dreamweaver 中按下F8键,在Behaviors窗口中选取Behaviors,单击“+”号,再选取“Set Text→Set Text of Status Bar”,最后在弹出的对话框中写上你想在状态栏出现的文字就可以了。
时如何在网页中加入EMAIL链接并显示预定的主题
代码写法如下:< a href=“mailto:yourmail@xxx.xxx?Subject=你好”>Send Mail< /a>如何在中加入书签,在页面内任意跳转
在源代码中需要插入书签的地方输入,在调用的地方输入Top,其中的top是你设定的书签名字。在Dreamweaver中用菜单的「Insert」-「Name Anchor」命令插入书签,调用时,在Link中输入#top,top为书签名。如果要在多个页面之间任意跳转,方法与上面类似,不过做链接时要在书签名前加上网页文件名,如:other.htm#top,这样一来就会跳转到other.htm页面中的top书签处。
如何为设置背景音乐
代码:< EMBED src=“music.mid”autostart=“true”loop=“2”width=“80”height=“30”>src:音乐文件的路径及文件名;autostart:true为音乐文件上传完后自动开始播放,默认为false(否)loop:true为无限次重播,false为不重播,某一具体值(整数)为重播多少次 volume:取值范围为“0-100”,设置音量,默认为系统本身的音量 starttime:“分:秒”,设置歌曲开始播放的时间,如,starttime=“00:10”,从第10开始播放 endtime: “分:秒”,设置歌曲结束播放的时间 width:控制面板的宽height:控制面板的高controls:控制面板的外观controls=“console/smallconsole/playbutton/pausebutton/stopbutton/volumelever”·console:正常大小的面板
·smallconsole:较小的面板·playbutton:显示播放按钮·pausebutton:显示暂停按钮·stopbutton:显示停止按钮·volumelever:显示音量调节按钮hidden:为true时可以隐藏面板
中如何改变浏览者的鼠标形状
这是通过编辑样式表来实现的。具体方法是:选择“文字(text)->定制样式(CSS Style)->编辑样式表(Edit Style Sheet)”,弹出编辑样式表窗口,在其中选择“新建(new)”。接着选择“建立一个定制的样式(Make custom style),给这个样式表起名,单击确定。编辑该样式表,选择扩展项(extension),在右边的光标项(Cursor)中选择要出现的指针效果即可。:最经典的下拉菜单
说起网页上的下拉菜单,最最经典的就是微软风格的下拉菜单。凡是去过www.microsoft.com网站的看官都对这个简洁明快的下拉菜单垂涎不已。然而无奈的是复杂的代码让人望而生畏,记得论坛上经常有人询问这种菜单怎么做。现在我们就来介绍这个菜单如何制作。第一种方法我们使用smartmenu。他可以制作一个始终浮动在屏幕顶端的下拉菜单。
第1步:将下列代码复制到网页的标签之间:
<style>
<!--all.clsMenuItemNS{font: bold x-small Verdana; color: white; text-decoration: none;}.clsMenuItemIE{text-decoration: none; font: bold xx-small Verdana; color: white; cursor: hand;}A:hover {color: red;}--></style>第2步:将下面的代码复制到<body>标签的右边,位置紧挨着<body>标签:
<script language="JavaScript" src="menu.js">
/*Static Top Menu ScriptBy Constantin Kuznetsov Jr. (GoldenFox@bigfoot.com) Featured on Dynamicdrive.comFor full source code and installation instructions to this script, visit Dynamicdrive.com*/</script><script language="JavaScript" src="menucontext.js"></script><script language="JavaScript">showToolbar();</script><script language="JavaScript">function UpdateIt(){ if (document.all){ document.all["MainTable"].style.top = document.body.scrollTop;setTimeout("UpdateIt()", 200);}}UpdateIt();</script>第3步:添加菜单的内容。编辑menucontext.js文件,所有的菜单选项都在这里设置。默认的menucontext.js里面的内容,比较复杂我现在把代码精简出来。给大家做一个说明。整个代码如下:
function showToolbar()
{ // AddItem(id, text, hint, location, alternativeLocation);// AddSubItem(idParent, text, hint, location); //主菜单定义menu = new Menu();menu.addItem("multimedia", "多媒体", "多媒体软件", null, null);menu.addItem("image", "图像处理", "图像处理软件", null, null); //多媒体子菜单定义menu.addSubItem("multimedia", "Macromedia公司", "Macromedia公司", "http://www.macromedia.com");menu.addSubItem("multimedia", "5D多媒体", "5D多媒体", "http://www.5dmedia.com");//图像处理子菜单定义
menu.addSubItem("image", "Adobe公司", "Adobe公司", "http://www.adobe.com");menu.addSubItem("image", "Corel公司", "Corel公司", "http://www.corel.com");menu.addSubItem("image", "Metacreation公司", "Metacreation公司", "http://www.metacreations.com"); //结束菜单定义menu.showMenu();}上面的例子中制作的是一个有两个主菜单的菜单。一个主菜单为多媒体,一个主菜单为图像处理。主要靠两个命令来制作Additem为添加主菜单项目。格式为AddItem(菜单标记, 文本说明, 文本提示, 位置,替换位置)。AddSubItem为添加子菜单项目,idparent为主菜单的菜单标记,其余同前。
第4步:上传菜单文件。将 menu.js和menucontext.js文件上传到和网页文件同一目录下。这样就完成了所有的操作。
压缩软件让你的网页缩水
你是否总为自己的网页太大而苦恼不已,想尽一切办法为它减肥呢,本来漂亮的图片被压的惨不忍睹,各种Java特效不敢用,Flash也不敢多用,但还有没有其他方法压缩网页呢?
其实你有没有想过Html文件本身也是可以压缩的,因为Html文档中有很多无用的字节,不要小看这些字节,当他们集少成多的时候,网页也会跟着变大不小。所以今次我们会跟大家介绍一些Html压缩软件。
Advanced HTML Optimizer
这是一个高级的HTML优化程序,经过它优化后的HTML文件可以将缩小20%甚至更多,这样就可以节省不少下载/上载时间。经过处理后的页面在浏览器中的效果和未压缩前的效果并无差别。另外处理后的页面还实现了简单的加密!另外ASP文件也同样可以经过它的压缩,只不过优化后的文件编辑起来变得困难。
首先在goEway里将软件下载到自己的硬盘上,解压安装后打开。
打开Opions,先对各项优化选项进行设置有四个选项,分别是General(常规),Optimization(优化),Advanced(高级选项),Backup(备份)。常规和高级选项基本上不用自己再去设制,按照默认的选项就可以了。值得留意的是在优化选项中,左右两个窗口分别是移去标签和对标签之间不进行压缩。正因为有了右边的这个选项,当你在<script>..</script>等选项边打了勾后,软件进行压缩时将不会对改变这部分语句。所以本软件不会像其他某些同类型软件一样造成压缩后的网页变形,或者造成HTML语法上的错误,使一些Javascirpt程序无法运行。
中特效文字的快速制作软件
对于网页制作者或者从事平面设计的初级用户来讲,使用Photoshop等专门工具制作特效文字是需要花费时间的,而通常我们可能只需要一些简单的特效字,那么有没有简单快速的方法呢?相信您看了下面的介绍就会发现,原来制作特效文字是非常简单的,即使没有专业的工具也没受过专门培训,同样可以快速地制作出专业效果的特效字。
FontTwister是一个非常小巧的工具,只有1MB多一点。但是软件提供的特效字制作功能却非常强大,对特效文字的显示速度和显示效果也很好。在制作标题文字方面效果也非常好。而且软件的用法相当简单。如果你对特效文字的制作没有特殊要求,使用这个工具是完全适用的。对于特效字制作,FontTwister采用的是套用软件提供的现成模板文件,用户可以根据软件自带的模板文件,进行后期的编辑和修改,使之成为自己需要的文字结果档案。
不过FontTwister是共享软件,软件提供有使用限制的试用版本。如果没有注册,生成的文件中会有“Trail version”字样,这样会影响到输出效果图。如果想要做出完美的特效文字,就得去注册了。该工具提供了良好的Internet支持,在软件的官方网站点http://www.neuber.com/twister提供了多种模板文件下载,通过模板文件就可以轻松创建出各种特效文字了。
文件大小:1.32MB
软件性质:共享软件 下载地址:http://www.neuber.com/twister<?xml version="1.0" encoding="utf-8"?>
<!-- deeplinking/UpdateURLExample.mxml --><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" historyManagementEnabled="false" creationComplete="init();"> <mx:Script> <![CDATA[ import mx.events.BrowserChangeEvent; import mx.managers.IBrowserManager; import mx.managers.BrowserManager; import mx.utils.URLUtil; private var browserManager:IBrowserManager; private function init():void { browserManager = BrowserManager.getInstance(); browserManager.addEventListener(BrowserChangeEvent.APPLICATION_URL_CHANGE, logURLChange); browserManager.init("", "Welcome!"); } public function updateTitle(e:Event):void { browserManager.setTitle("Welcome " + ti1.text + " from " + ti2.text + "!"); } private function updateURL(event:Event):void { var s:String = "panel=" + event.currentTarget.selectedIndex; browserManager.setFragment(s); } private function logURLChange(event:BrowserChangeEvent):void { ta1.text += "APPLICATION_URL_CHANGE event:\n"; ta1.text += " url: " + event.url + "\n"; // Current URL in the browser. ta1.text += " prev: " + event.lastURL + "\n"; // Previous URL. } ]]> </mx:Script> <mx:TabNavigator id="tn" width="300" change="updateURL(event)"> <mx:Panel label="Personal Data"> <mx:Form> <mx:FormItem label="Name:"> <mx:TextInput id="ti1"/> </mx:FormItem> <mx:FormItem label="Hometown:"> <mx:TextInput id="ti2"/> </mx:FormItem> <mx:Button id="b1" click="updateTitle(event)" label="Submit"/> </mx:Form> </mx:Panel> <mx:Panel label="Credit Card Info"> <mx:Form> <mx:FormItem label="Type:"> <mx:ComboBox> <mx:dataProvider> <mx:String>Visa</mx:String> <mx:String>MasterCard</mx:String> <mx:String>American Express</mx:String> </mx:dataProvider> </mx:ComboBox> </mx:FormItem> <mx:FormItem label="Number:"> <mx:TextInput id="ccnumber"/> </mx:FormItem> </mx:Form> </mx:Panel> <mx:Panel label="Check Out"> <mx:TextArea id="ta2" text="You must agree to all the following conditions..."/> <mx:CheckBox label="Agree"/> </mx:Panel> </mx:TabNavigator> <mx:TextArea id="ta1" width="580" height="400"/>运行一下就明白了。</mx:Application>[教程] 发布你的资源文件(release your class resource)-Flex篇
2009-10-28 13:22
发布你的资源文件(release your class resource)-Flex篇
中在实际中主要用于发布美工swf素材资源,发布swc是有缺陷的,就是会把文档类(就算你在时间轴写代码也会自动生成一个)也囊括进去,代码库会不够纯粹发布swc还是看flex的开启你的Flex(以Flex3 beta2为准),新建一个Flex Libary Project这里跟生成一个flex或者as project都是差不多的Next:Main Source Folder就填写src,用于存放资源代码文件(通用做法)Classes区目前还是没有东西的Assets是资源设定,设定哪些资源囊括进去哪些不囊括Source Path跟Libary Path都跟Flex的一样,要用到就设置下在src文件夹下建立org/as3cn/MagicianzrhCodeLib/文件夹就ok啦(大家自己建自己的类库吧)新建一个Actionscript Classpackage org.as3cn.MagicianzrhCodeLib{ public class FlexSWC{ public function FlexSWC(){ trace("I think you should try the public function 'testTrace'"); } public function testTrace():void { trace("I think it's ok now"); }}}只要一保存,默认会Build Project下,看看你的bin文件夹是不是多了个swc--就是它啦因为我自己FDT+Flex一起的,所以我的没有设置为Built Project Automatically,那就在菜单Project中Build下就ok了到这一步,这个类库就生成好了,可以拿去用,如果有FDT的,只要在一个FDT项目添加这个swc查看下就ok了,跟Flash创建的swc比就是少了文档类好了,现在查看下项目属性PropertyFlex Library Build Path:现在Classes就有东西啦,其实这里就是选中你要Build哪些as文件Flex Library Compiler:这里设定编译属性,比较爽的,具体编译指令还得查看下帮助文档,还好跟Flex2的差不多,其实我也不知道Flex3的加了哪些,大家知道告诉下我啦如果想编译成swf,那还用as project就可以了当然你可以用命令行官网上说:开始菜单中程序中知道Adobe的Adobe Flex3 SDK Command Prompt用mxmlc命令如下mxmlc path_to_project\src\your document class.as -output path_to_project\bin\yourSwfName.swf就ok啦就像编译java一样,要加命令也可以再这里加的可以发现,现在的Flash就是为Flex提供美工素材的,swf方便下载,载入在把文档类调入当前域,swc用于代码输出和管理 |