分享
 
 
 

HTML高级技巧之一

王朝html/css/js·作者佚名  2008-05-18
窄屏简体版  字體: |||超大  

1、图象的略图编辑

图象的略图指把图象按原比例缩小,可作为原图的预览,这在网络速度比较慢时可快速地显示图片的概图。FrontPage 98中,可以完成这样一个功能,即当访问者点击一个到照片的链接后,在照片下载的过程中,网页上首先出现照片的略图,直至原照全部出现。步骤如下:首先制作略图。先将照片复制作为制作略图之用。在FrontPage 98Editor中选中照片,执行"右击/image properties/Appearance",选中"Specify Size"(指定尺寸)和"Keep Aspect Ratio"(保持纵横比),按要求确定照片的宽和高即可完成略图的制作。然后单击原照进入"Image Properties/General"菜单,在"alternative representation"(替换显示)栏中的"Low-Res"(略图)框里填入略图的位置,在Text文本框中填入说明文字,单击"Ok",完成

2、图象的热点区域设置

图象的热点指把图象分为几个可点击区域,单击图象上的每个区域,点击图片的某个区域就可链接进入相关链接的页面。这个效果是怎么实现的呢?方法如下:选中图象,然后运用图象工具栏中的"Rectangle"矩形)、"Circle"(圆周)和"Polygonal"(多边形)三个工具钮选取区域,一旦选中了既定的区域,FRONTPAGE就会弹出一个对话框,让你输入所要连接的页面的URL。

3、图片重叠效果实现

这种效果具体实现的步骤如下:(1)先画一个表格,把图象放到表格里;(2)在表格里面点击鼠标右键,单击(表格属性),把(布局)中的(边框线宽度)、 (单元格边的间距)改成0;(3)再单击(使用背景图象)右侧的(浏览)按钮,选择自己喜欢的图象,利用图象插入功能插入图片,就可以使两幅图象重叠了。假如表格的背景为蓝天白云,表格里的图象为一只正在飞翔的小鸟,我们通过这种效果合成的画面一定是很美妙的。

4、动态广告标题编辑

我们经常在网页上看到动态广告标题,要实现这个效果,我们可以通过FRONTPAGE内置的(标题广告管理器),先把要依次播放的广告图片排好,然后使页面处于(HTML)的状态,找到这样的一段代码:appletcode=″fprotate.class″codebase=″_fpclass″,删除 codebase=″_fpclass″代码,同时把在x:ProgramFilesMicrosoftFrontPagefpclass目录下的一个叫 fprotate.class文件拷贝到你所在的目录下,就可以实现广告图象轮流播放的效果了。

5、动态按钮编辑

这是我们在网上常见的一种效果,当鼠标移到一个按钮上,按钮的颜色立即发生变化,动感非常之强。这个效果可以通过FrontPage里预先定制的功能来轻松实现。具体步骤为单击(Insert)("插入")→(Active elements)("活动组件")→(Hover Button)("动态按钮"),出现对话框,对话框上提供的选项可以设置按钮上的文字,链接方向、按钮的变幻颜色等等。实际上更为常用的是,可以事前准备两幅大小相同的图片,然后选择对话框的(Custom)("定制")选项,使鼠标所到之处,图标即随之发生变化。

6、链接样式表(即风格样式单)的编辑

现在,许多主页都采用了一种简洁的文本超链接形式,而当鼠标点上这些链接的时候,这些文字链接的字体、大小发生一些动态变化,这小小的变化会使整个页面看起来动感奇佳。实际上,用风格表(stylesheet)便可以轻松地实现这个功能,步骤如下:如前所述,打开"Format"(格式)菜单中的 "Style sheet"(风格表)选项,在文本框中的HTML代码中插入"a:hover",结果如下示"","hover"意为"停悬",即指光标停悬在超级链接上。下面,打开"style"菜单,你就可以选择当鼠标箭头移到文本超链接时文字的变化啦!可选的选项有很多,这里我们简单地设置字体为楷体,颜色为红色,字体风格为斜体,文本修饰为下划线(功告成,这样,当鼠标箭头移到有超链接的文字上时,文字的字体变执行 Text/Decoration/Underline),单击"OK"按钮,大T为楷体,颜色为红色,字体风格为斜体,文字下面还会出现一条下划线

7、重定向效果编辑

当你的网站换个新地方时,把你以前旧的地址存入书签的用户,现在并不一定知道,这样你就面临着失去大量用户的危险。FrontPage98可以帮助你很简单地解决这个问题。在FrontPage 98中,打开你的主页,选择(File)("文件")→(Page Properties)("属性")→(Custom)

("定制")→(System Variables)("系统变量")→(Add)("添加"),在Name框中输入变量名如refresh,在Value框中输入参数如:10;URL =http:∥WWW.XXX.COM/INDEX.HTML,最后确定,就实现了重定向的功能。参数中10表示当前网页完全下载后延迟10秒种;第二项表示重定向的新地址。通过这个效果用户访问你的以前的主页10秒钟后浏览器会自动转向你新的主页地址

8、制作表单邮件

通常我们在主页中创建一个美观的表单是基于你的主页服务器上有一个表单处理程序(form handler),如果没有,则这个表单程序往往不能正常运行。经过实践,我发现FrontPage 98中也可以完成一个最简单的提交和处理表单计算结果的设置,那就是通过电子邮件来完成。方法如下:打开主页,在FrontPage 98 Editor中执行(Insert)("插入")→(Form Field)("表单区域")→(One-Line Text Box)("一行文本框"),把表单的样式和基本属性设置好后,注意要设置按钮类型为"Submit"(提交)这一项。右击此按钮,打开"Form Properties"(表单属性)对话框,选中"Send to others/Custom ISAPI,NSAPI,CGI,orASP Script"这一项,然后打开"Options"(选项)对话框,在"Action"(动作)框中输"mailto: yourname@servername?邮件主题",在"Method"(方式)框中选"Post"(邮寄),在"Encoding type"(编码类型)框

中输入"text/plain",确定后即告完成。

9、页面定制效果编辑

我们经常能看见,当打开一个新页面时,本来普普通通毫无奇特之处的网页,但由于加入一点淡入淡出的效果使人眼前为之一亮。FrontPage98的(Format)(格式)菜单条下的(Page Transition)(页面转换),就为你提供了这一类页面效果,而且还不止一种哩。单击(Format)

(格式)→(Page Transition)(页面转换),(Event)栏中有四个事件:Page Enter(进入页面)、Page Exit(页面退出)、Site Enter(输入网址)和Site Exit(离开网站),任选其一。(Duration(Seconds))表示选定事件的发生时间;Transition Effect(转换效果)一项,是十几种各不相同、美观大方的页面效果,例如选择了Blend,那就会出现前面提到的那种特殊效果。如果选择了Box Out,那么当进入页面时,就会像一只盒子由里向外慢慢扩散,非常好看!如果你有耐心的话,不妨多试几种,以便能找到一种称心如意的效果。

10、动态背景制作

当你用浏览器访问某些站点时,你会注意到在该页面右下方有个图标不会随滚动条的移动而改变位置,始终存在于固定位置。这个效果是用CSS(样式表)得到的,用FrontPage98可以很容易的实现。在FrontPage98中,选择(File)→(Page Properties)→(General)→(Style),在

弹出的对话框中,选择"Colors"标记;在"Background Image"框中填入图像的路径与文件名,"Attachment"框中,选择"Fixed"(表示此图像将固定位置),在"Repeat"框中,选择"No Repeat"(表示图像不会重复出现),在"Vertical"和"Horizontal position"中选择图像的水

平和垂直位置;最后按下确定键后,你会看见你的图像在屏幕上重叠出现,不要紧,这是因为编辑器不支持Dhtml,你只需存盘,然后用浏览器预览,你就会看到奇妙的效果出现了。

11、如何使你的主页自动被搜索引擎收录

你一定为了让你的网站名扬天下而去各个搜索引擎注册吧?在网上有很多机器人,它们自动搜寻关键字,我们只要在我们的网站上设立这样的关键字,就有可能被它们找到。<head><meta http-equiv="keywords"content="yancheng,science,technolodgy,information,network,

politics,economic,charset=gb2312"></head>其中CONTENT这个属性主要让你放置一些你主页里的关键词,而且这些关键词最好容易使人想到。

12、如何强制浏览器浏览信息时必须从服务器中读取

我们有时希望刷新时重新下载网页,而不是从缓存中读取旧的文件,为了解决这个问题,你可以在你的网页的部分中加入以下HTML源代码就可以了:

<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有