mxr - 2008-6-28 9:19:00
（说明：本文来自于网络，供大家分享。）
说明：目前Frontpage的最新版本是FrontpageXP(Frontpage 2002)，本文是以Frontpage2000讲述的，但本文所描述的方法在FrontpageXP中基本上是适用的！另，这里面讨论的只是Frontpage2000中如何定义CSS，至于有关CSS的知识请参阅有关资料。
当很多人发现在DW4中定义CSS很方便的时候，开始报怨FP2000不能定义CSS，甚至就此抨击FP2000如何的不好。事实上，在FP2000中定义CSS是很容易的，甚至在某些方面比DW4中定义更方便！
定义HTML标记的样式
在Frontpage2000下，选择菜单“格式/样式”，会弹出一个定义样式的窗口，在CSS列表下拉菜单（位于左下）中，选“所有的HTML标记”， 这时在左边的列中会出现大部分常用的HTML标记，选中一个，然后点右下的“修改”， 会弹出一个“修改样式”窗口，在该窗口左下方有一个“格式”按钮，点击该按钮，会出现一个下拉菜单，一共有五个选项：
字体：顾名思义，这里就是定义字体的地方。
段落：跟“字体”差不多，点进去后根据提示定义就可以了。
边框：定义边框和背景等，根据提示定义就可以了。进入后有有“；边框”和“阴影”两个选项卡，在“边框”中定义边框，在“阴影”中定义前景和背景。
编号方式：共有三个选项卡，根据字面意义去定义就可以了。
定位：这就是CSS定位啦，但一般用在具体的网页元素当中。
是不很容易？当然，定义这些您最好要有一定的CSS的基础，不然您可能不知道定义的是什么。但是您只要了解一些语法规则就可以喽，剩下的就让Frontpage2000去做吧！
有两个较为特殊的：
1、在网页任何位置点击鼠标右键，选“网页属性”，在属性面板的下侧有一个“样式”按钮，在这里可以定义body的样式，这样定义在形式上是内嵌式的，事实上这跟直接定义body是没有什么区别的，因为一个网页中只有一个body。
2、仍然在“网页属性”面板当中，选“背景”选项卡，在中上的位置有一个“启用超链接翻转效果”，选中它前面的复选框，然后点击它下面的“翻转样式”按钮，就可以定义一些字体了，事实上这样定义的是a:hover(即鼠标县停到超链接时的样式 )。
定义class或ID
这个仍然是在菜单“格式/样式”中，在右下的“列表”中选择“用户定义的样式”，这时，你以前定义的标记会出现在右侧的列表中。下面我们开始定义一个class(伪类)，点击右下的“新建”按钮，在最上面的“名称（选择器）”中输入一个名字，比如“.mycss”，注意，前面有一个“.”表明是定义一个class（如果定义ID前面是“#”），但在引用时并不算名字的一部分，只有“.”(或“#”)后面的才做为名字“！”名字!
取好名字后，就开始定义格式了，仍然点“格式”按钮，剩下的就跟上面所讲述的方法一样啦！这里就不再赘述。至于如何在网页的具体元素中引用我们接下来就会讲述。
定义内嵌式的样式
在大部分的属性面板的下侧，都会有一个样式按钮，点击后，就可以定义内嵌式的CSS样式了。比如，先建一个表格，在表格的一个单元格中点击左键，选择“单元格属性”，在属性面板中有一个“样式”按钮，点击后，在下侧有一个“格式”按钮，点进去后就可以定义样式喽！笔者认为：Frontpage2000提供的这种方式来定义内嵌式的样式大大方便了我们的工作，是个不错的功能。
接下来我们看看如何引用一个已经定义好了的class(或ID)，仍以单元格为例，在“单元格属性”面板中，点击“样式”，在样式面板的中上部，左侧是“类”下拉菜单，在这里面就可以选择我们定义好了的类了。在右侧是“ID”，不过这里面不是下拉菜单，而是一个单行文本框，需要我们手动的敲进去我们定义好了的ID，注意不要带“#”。
这里我们主要是针对对Frontpage2000和CSS有一定基础的朋友讲的，所以讲得较为粗略，希望在阅读的时候能够结合Frontpage2000的使用来加深理解！
**********************************
frontpage样式问题
◆用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（与屏幕左边的距离）等属性用于对弹出窗口大小和位置的控制。
cznfh - 2008-10-19 11:07:00
谢谢楼主分享.:Z1 :Z1
zy088 - 2008-12-31 19:58:00
[flash]http://zy088.814e.com//sucai/flash/manhua/好帖子265-300.swf[/flash]