网页制作中半角空格的发现
有不少朋友问,在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 Script
By Constantin Kuznetsov Jr. (GoldenFox@bigfoot.com)
Featured on Dynamicdrive.com
For 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
http://www.diamond-s.net/webdesign/web_facture/2004030908.htm
<?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篇
http://www.actionscript3.cn/magi ... ss-resourcefle.html |