用FrongPage设计网页花样

  技术在进步,思维在发展,网页上的花样当然也要一天天地赶时髦了。在“滚动字符”、“跑马灯”已成平常的今天,网页上还能变出新花样吗? 

  ◆制作鼠标指针指在上面时会变化的动态按钮

  在FrontPage中通过选单命令:“insert(插入)”〉“active elements(active单元)”〉“hover botton(动态按钮)”,可以制作动态效果的按钮。但是,这种按钮效果是基于javaapplet小程序的,它有速度慢、不能显示提示文本、鼠标指针不能变为手形等缺点。这里介绍用dreamweaver 2.0制作基于javascript的动态按钮的方法。

  在制作这种按钮效果之前,首先要为每个按钮制作两张不同的图片,一张是正常情况下要显示的图片,另一张是鼠标指针停留在按钮上时要显示的图片。图片命名时最好有规律,比如两张图片名分别是botton.gif、botton_1.gif。

  首先在FrontPage中插入第一张图片,并设好超级链接,文件保存后用dreamweaver调入(如果熟悉dreamweaver,可以不要FrontPage“帮忙”)。单击已插入的第一张图片选中它,点击“behaviors(行为)”窗口(如果未显示,按f8显示它)中的+号按钮,在选单中选“swip image(交换图片)”打开对话框,按“browse(浏览)”按钮选择第二张图片,最后点“ok”确定。这样,一个动态效果按钮就做成了,简单吧。

  ◆用FrontPage可视化编辑样式表

  你一定见过许多主页上有这样的链接,它并不像普通链接总是带下划线,当鼠标指上去时,链接文字就会变色并出现下划线,这都是样式表的功劳!

  用FrontPage打开要编辑的html文件,使用选单命令“format(格式)”〉“stylesheet...(样式...)”打开“format stylesheet(样式格式)”对话框,这里显示了当前文件内联样式表的内容,你可以在〈!--...--〉之间添加或修改样式表语句。如果要添加新的样式语句,首先要输入标签(如:a:link、a:hover、a:active、a:visited,它们分别表示:正常情况下未访问过的、鼠标接近时、鼠标点击时、访问过的链接的样式)。然后,把光标停在这个标签末尾,点击对话框左下角的“style...(样式...)”按钮,进入“style(样式)”对话框,在这里你可以根据需要设置多种样式属性。如果要更改某个标签的样式,只要光标停在相应标签后面的一对大括号中代码的任意位置,然后按“style...(样式...)”按钮进行修改即可。

  例子:你希望鼠标移动到链接上时,文字背景变为黄色,文字本身变为红色且无下划线。先在〈!--...--〉之间输入a:hover,然后把光标停在它末尾,按“style...(样式...)”按钮进入“style(样式)”对话框,在“colors(颜色)”页中设置“foreground color(前景颜色)”为红色,“background color(背景颜色)”为黄色,在“text(文本)”页中设置“decoration(修饰)”为“none(无)”,然后确定。这时,FrontPage已将代码{background-color:rgb(0,0,128);color:rgb(255,255,255);text-decoration:none}添加到a:hover标签后面,是不是比自已编容易得多?

  ◆制作弹出式窗口

  有许多网页在打开的时候,会弹出一个较小的窗口,显示广告或一些最新信息。这种弹出式窗口制作很简单,只要在网页代码的〈body〉标签后面插入以下类似代码即可:

  〈script language=″javascript″〉

  window.open(′url′,′窗口名′,′属性列表′);

  〈/script〉

  其中“url”是在窗口中显示的html文档的地址;“窗口名”可任意起一个,但不要用中文;“属性列表”是一个用逗号分开的各个属性值的字符串,它确定了弹出窗口的外观与状态。常用属性有:

  toolbar(是否显示工具栏)、location(是否显示地址栏)、directories(是否显示常用链接)、status(是否显示状态栏)、menubar(是否显示选单条)、scrollbars(是否使用滚动条)、resizable(是否可改变大小),这些属性值等于1时表示是,等于0或不将此属性加入列表时表示否。此外,还有width(窗口宽)、height(窗口高)、top(与屏幕上边的距离)、left(与屏幕左边的距离)等属性用于对弹出窗口大小和位置的控制。

时间: 2025-01-26 17:30:02

用FrongPage设计网页花样的相关文章

网页制作 用FrongPage设计网页花样

设计|网页 技术在进步,思维在发展,网页上的花样当然也要一天天地赶时髦了.在"滚动字符"."跑马灯"已成平常的今天,网页上还能变出新花样吗? 制作鼠标指针指在上面时会变化的动态按钮 在FrontPage中通过选单命令:"insert(插入)"〉"active elements(active单元)"〉"hover botton(动态按钮)",可以制作动态效果的按钮.但是,这种按钮效果是基于javaapplet

设计网页总结的10个小技巧

下面是我在设计网页时得出的一些技巧,希望对您有所帮助. 1.尽可能的使用路径和形状图层. 这样你可以在后面想修改时,可以从容的修改.   2.图层样式,是你的好朋友. 双击图层,你可以对它进行各种效果:渐变,阴影,色彩重叠.这样做可以更容易的修改.比如一个 客户说:"这个可以改为蓝色的吗?" 3.在文字图层上使用尖锐的文字. 因为这样更能容易让用户看的清楚.当字体小于12象素时,尽可能的使用尖锐字体.如果字休很小时,就设置文字的属性为无.如下图:   4.在选择字体时,尽可能的使用&q

如何设计网页才能让用户有“参与感”?

  参与感一词最近很火,也是打动用户一个非常有效的表现手法,今天阿里的同学从这个角度聊聊如何设计网页,利用空间法则.抽象法则和换角度法则给用户更多的愉悦感和融入感,非常有料的一篇教程,来涨姿势吧. 遇到的问题 在设计运营类需求时,我们采用的比较常规的设计形式是先设计一个漂亮的头图然后再将信息内容进行排版填充,当遇到页面中的文字元素比较繁冗时,大量内容的堆砌不仅很容易让用户浏览时产生疲劳,而且设计师在这个过程中也会容易陷入在传统框框里无法突破,在设计时感到枯燥乏味.越做越无趣.平时采集设计灵感时我

技巧:div+css设计网页时浮动问题的解决方法

css|浮动|技巧|解决|设计|网页|问题 前我最常用的方法有两种: 方法一: 使用块级clear,即声明一个块的类属性为.clear {clear:both;} 方法二: 使用内联元素清理,比如说在主浮动内容后跟一个内联元素. .inlineclear {clear:both;}<span class="inlineclear"></span> 方法三:使用双层div嵌套 #pubpage {display:block;clear:both;}#main {d

Javascript设计网页中的下拉菜单

javascript|菜单|设计|网页|下拉 在网页制作时,为了更好地组织信息,使显示的信息分类明确.层次清晰,网页制作者往往费尽心机.常用的方法有用树型结构显示信息,用表格进行网页布局,用框架(frame)组织页面等等.但对于习惯了Windows操作系统的用户来说,利用菜单操作可以算是最自然的方法了.下面我们就来看一下怎样在网页中设计下拉式菜单. 下拉式菜单由若干个显示在窗口顶部的主菜单条和各个菜单条下面的子菜单组成.每个子菜单往往还包含几个子菜单项.通常,只有菜单条显示在窗口中,并且当鼠标指

网站制作初学解惑之怎样设计网页

初学|设计|网页 怎样设计网页? 在网页设计的认识上,许多人似乎仍停留在网页制作的高度上.认为只要用好了网页制作软件,就能搞好网页设计了-- 在网页设计的认识上,许多人似乎仍停留在网页制作的高度上.认为只要用好了网页制作软件,就能搞好网页设计了. 其实网页设计是一个感性思考与理性分析相结合的复杂的过程,它的方向取决于设计的任务,它的实现依赖于网页的制作.正所谓"功夫在诗外",网页设计中最重要的东西,并非在软件的应用上,而是在我们对网页设计的理解以及设计制作的水平上,在于我们自身的美感以

网页制作最常见问题:怎样设计网页

设计|网页|问题 怎样设计网页 在网页设计的认识上,许多人似乎仍停留在网页制作的高度上.认为只要用好了网页制作软件,就能搞好网页设计了-- 在网页设计的认识上,许多人似乎仍停留在网页制作的高度上.认为只要用好了网页制作软件,就能搞好网页设计了. 其实网页设计是一个感性思考与理性分析相结合的复杂的过程,它的方向取决于设计的任务,它的实现依赖于网页的制作.正所谓"功夫在诗外",网页设计中最重要的东西,并非在软件的应用上,而是在我们对网页设计的理解以及设计制作的水平上,在于我们自身的美感以及

入门:HTML设计网页中的字体的问题

设计|网页|问题 你可能正建立自己在网上的家-WEB页,又或者它已经被你安置在网络某一角里.无论出于什么目的,你都希望有更多的指导,告诉你该如何更好的布置家. 在目前许多的指导中,他们都在诉说,应该加一点声音或者一个说话的场地.的确我们都需要它,但我希望关心更多WEB家里底层的东西,比如如何把字体弄的漂亮些,或者让页面颜色变的活泼些,让访问者增加"看欲",还有更多你曾经都没有关注的细微之处.今天,我们首先来探讨页面的字体. 一.HTML中定义字体 字体的确是很好打交道的,一开始制作页面

&amp;#106avascript设计网页中的下拉菜单

菜单|设计|网页|下拉 在网页制作时,为了更好地组织信息,使显示的信息分类明确.层次清晰,网页制作者往往费尽心机.常用的方法有用树型结构显示信息,用表格进行网页布局,用框架(frame)组织页面等等.但对于习惯了Windows操作系统的用户来说,利用菜单操作可以算是最自然的方法了.下面我们就来看一下怎样在网页中设计下拉式菜单. 下拉式菜单由若干个显示在窗口顶部的主菜单条和各个菜单条下面的子菜单组成.每个子菜单往往还包含几个子菜单项.通常,只有菜单条显示在窗口中,并且当鼠标指针指向菜单条时,菜单条