在Frontpage2000中定义CSS样式
说明:目前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的使用来加深理解!
最热门文章推荐:
>· linux软件
>· linux常用命令
>· linux 编程
>· linux gcc
>· linux 游戏
>· linux 播放器
>· linux msn
>· linux u盘
- · Frontpage中的各种回车
- · 值得收藏的精华代码
- · 实现网页制作中“层”精确定位的绝招
- · 网页背景设计全攻略
- · 网页配色之黄金分割法
- · FrontPage2000的映射制作
- · FrontPage2000下载整个网站
- · FrontPage2002扩充插件(五)
- · 网页上传常见问题分析
- · FrontPage2002功能应用八则
- · FrontPage2002扩充插件(六)
- · FrontPage2000做样式表
- · Frontpage制作电子邮件提交表单
- · FrontPage技巧之创建页面
- · FrontPage2002扩充插件(四)
- · FrontPage2002扩充插件(三)
- · FrontPage2002扩充插件(二)
- · 实现页面图片阴影特效技巧三则
- · 网页实现细线边框精彩技巧二则
- · 给你的主页加上彩色边框
- · 网页另类制作小技巧三则
- · 用FrontPage2000制作鼠标光照特效
- · FrontPage制作另类超级链接
- · 使FrontPage与Dreamweaver亲密合作
- · 在网页中实现“细线边框”的两种方法
- · 网页制作的三则经典的实用小技巧
- · 用FrongPage设计网页花样
- · FrontPageXP小诀窍集锦
- · 用FrontPage2000下载整个网站
- · FrontPage2002新增功能应用八则
- · 体验FrontPage2000的映射制作
- · 浅谈从菜鸟到准网页设计师的快速成长过程
- · FrontPage使用技巧之制作网上电影发布步步进(2)
- · FrontPage使用技巧之制作网上电影发布步步进(1)
- · 关于MicrosoftFrontPage2002的应用技巧四则
- · FrontPage2000技巧之轻松制作自己的信息反馈WEB页
- · MicrosoftFrontPage技巧之如何去除超链接的下划线
- · 用Frontpage巧补残缺网页
- · FrontPage 2003九大新功能
- · 在FrontPage 2000中插入Flash动画
- · 提高FrontPage 2002使用效率
- · 用FrontPage 2000创建网页动画
- · 用FrontPage轻松转换图片格式
- · 用FrontPage 2000巧做样式表
- · 在FrontPage2000中添加多媒体
- · Frontpage常见问题
- · Frontpage xp中巧用Ctrl键
- · 关于Microsoft FrontPage 2002的应用技巧四则
- · 让你的照片开口说话--CrazyTalk
- · Premiere6.0神童教程之字幕制作
- · 用[Photo硬派]制作特效月下飞鸟图
- · MyPhotoZip图片压缩的革命
- · 图像多功能一体机
- · 与PS媲美的绘图软件PaintShop
- · 鼠绘技术内幕完全接触-效果篇
- · 相片修饰精品小汇
- · 玩转造型:相片修改也疯狂
- · 使用CorelDRAW11.0制作玻璃按钮
- · 3D/VR游戏制作软件GameStudio简介
- · 用CorelDraw绘制中国画荷花
- · Coreldraw12新功能简介
- · CorelDRAW特色滤镜show
- · Coreldraw12新功能简介
- · 创建WindowsXP图标
- · 用GIFAnimator5.0让网页更生动
- · 好用的Medi@show的电子影集
- · GIFAnimator5.0轻松动画制作
- · Sony公司优秀广告欣赏
- · ACDSee在教学中的应用
- · 微软Windows徽标做法一例
- · 设计中该如何选择图像格式?
- · 作图初学者钢笔工具的快速入门
- · 用PhotoFamily制作电子相册
- · 好用的Medi@show的电子影集
- · 用GIFAnimator5.0让网页更生动
- · 创建WindowsXP图标
- · 轻松动画制作--GifAnimator
- · Coreldraw12新功能简介
- · 3D/VR游戏制作软件GameStudio简介
- · 使用CorelDRAW11.0制作玻璃按钮

