网页制作中半角空格的发现
有不少朋友问，在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。他可以制作一个始终浮动在屏幕顶端的下拉菜单。
第１步：将下列代码复制到网页的标签之间：
<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>
第２步：将下面的代码复制到<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>
第３步：添加菜单的内容。编辑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为主菜单的菜单标记，其余同前。
第４步：上传菜单文件。将 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 |
7611
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
