如何在Frontpage中定义CSS样式.doc

如何在Frontpage中定义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的使用来加深理解!
用FrontPage2000做样式表
Dreamweaver以其强大的功能正在扩张到更多“网虫”的硬盘里，然而Dreamweaver并非每个功能都那么出色。至少，在样式表（CSS)设置方面就显得太专业，让这些英文不好的“虫虫”们大伤脑筋。经过N次下载、安装，到头来我才发现原来最好的早已在自己的手中，那就是被我封存很久的——FrontPage2000。下面就让我带领大家一块来分享“傻瓜”化软件带来的快乐吧。一、三种添加CSS的方式在FrontPage2000里可以通过三种方式给网页增加样式表。1.页面链接一个外部的样式表文件，这种方法可以使多个页面使用同一个样式表文件，方便保持页面的主题。步骤：启动FrontPage2000，然后依次点“文件”、“新建”、“网页”，打开FrontPage2000的新建对话框，选择“样式表”选项。在这些样式表中有FrontPage2000自带的很多样式表供你参考和修改。当然如果你对CSS熟悉的话，你也可以使用空白的样式表，自己重新创建一个。2.通过在FrontPage2000中创建一个样式表单，此时样式表就是网页的一部分，直接位于HTML文档的之间。这个