用Frongpage设计花样网页

Author: 月亮 Date: 2001年 39期

?牐牸际踉诮剑嘉诜⒄梗成系幕ㄑ比灰惨惶焯斓馗鲜摈至恕T凇肮龆址薄ⅰ芭苈淼啤币殉善匠5慕裉欤成匣鼓鼙涑鲂禄ㄑ穑?
  #1?牐?1.用FrontPage可视化编辑样式表
  ?牐犇阋欢?见过许多主页上有这样的链接,它并不像普通链接总是带下划线,当鼠标指上去时,链接文字就会变色并出现下划线,这都是样式表的功劳!
  ?牐犛肍rontPage打开要编辑的html文件,使用选单命令“format(格式)”>“stylesheet...(样式...)”打开“format stylesheet(样式格式)”对话框,这里显示了当前文件内联样式表的内容,你可以在<!--...-->之间添加或修改样式表语句。如果要添加新的样式语句,首先要输入标签(如:a:link、a:hover、a:active、a:visited,它们分别表示:正常情况下未访问过的、鼠标接近时、鼠标点击时、访问过的链接的样式)。然后,把光标停在这个标签末尾,点击对话框左下角的“style...(样式...)”按钮,进入“style(样式)”对话框,在这里你可以根据需要设置多种样式属性。如果要更改某个标签的样式,只要光标停在相应标签后面的一对大括号中代码的任意位置,然后按“style...(样式...)”按钮进行修改即可。
  ?牐犖颐抢纯匆桓隼?:为我们希望鼠标移动到链接上时,文字背景变为黄色,文字本身变为红色且无下划线。先在<!--...-->之间输入a:hover,然后把光标停在它末尾,按“style...(样式...)”按钮进入“style(样式)”对话框,在“colors(颜色)”页中设置“foreground color(前景颜色)”为红色,“background?燾olor(背景颜色)”为黄色,在“text(文本)”页中设置“decoration(修饰)”为“none(无)”,然后确定。这时,FrontPage已将代码{background-color:rgb(0,0,128);color:rgb(255,255,255);text-decoration:none}添加到a:hover标签后面,是不是比自已编容易得多?
  #1?牐?2.制作弹出式窗口
  ?牐犛行矶嗤吃诖蚩氖焙颍岬鲆桓鼋闲〉拇翱冢允竟愀婊蛞恍┳钚滦畔ⅰU庵值鍪酱翱谥谱骱芗虻ィ灰谕炒氲?<body>标签后面插入以下类似代码即可:
  ?牐?<script language="javascript">
  ?牐爓indow.open('url','窗口名','属性列表');
  ?牐?</script>
  ?牐犉渲小皍rl”是在窗口中显示的html文档的地址:“窗口名”可任意起一个,但不要用中文;“属性列表”是一个用逗号分开的各个属性值的字符串,它确定了弹出窗口的外观与状态。常用属性有:
  ?牐爐oolbar(是否显示工具栏)、location(是否显示地址栏)、directories(是否显示常用链接)、status(是否显示状态栏)、menubar(是否显示选单条)、scrollbars(是否使用滚动条)、resizable(是否可改变大小),这些属性值等于1时表示是,等于0或不将此属性加入列表时表示否。此外,还有width(窗口宽)、height(窗口高)、top(与屏幕上边的距离)、left(与屏幕左边的距离)等属性用于对弹出窗口大小和位置的控制。