当前位置:首页>>网页设计>>FrontPage>>正文

FrontPage XP样式表的应用

文章出处:网络收集 作者: 发布时间:2006-10-08 收藏到QQ书签
  FrontPage XP可以保证用户设计网页与不同的浏览器兼容,它所提供的样式表(CSS)功能就是其中之一。FrontPage XP使用样式表可以实现网页元素的加宽或紧缩字体间距、设置段落“缩进”和“段落间距”、设置边框和底纹等。FrontPage XP可以创建外部和内嵌式级联样式表,让我们一个一个来做。

创建外部CSS

  这是一种可以应用于多个网页的样式表,也就是说,使网站内的页面链接一个外部的样式表文件,其扩展名为CSS,这样就可以使多个页面使用同一个样式表文件,从而保持了整个页面的主题风格,编辑CSS文件可以在任意的文本处理程序中进行。在FrontPage XP中,提供了CSS文件的建立模板,可以根据需要定制自己感兴趣的模板样式。

1、建立样式

  执行“文件/新建/网页或站点”命令,在“新建网页或站点”任务窗口中,在“根据模板新建”之下,单击“网页模板”,打开“网页模板”对话框。单击“样式表”选项卡,再单击要创建的CSS类型,比如垂柳样式,然后单击“确定”按钮。

  此时,FrontPage XP会创建一个文件扩展名为CSS的新网页,并在“网页”视图模式中将其打开以供编辑,必须保存该网页才能在以后应用这个样式表文件。

  创建CSS后会显示“样式”工具栏,如图1。在此工具栏上单击可以激活“样式”对话框。如果要修改已经保存的样式表文件,可以单击菜单“视图/文件夹”,然后在“文件夹”列表中双击要打开的 CSS文件即可。


图1 样式工具
Google