IT产品热门报价
 手机 更多>>
 笔记本 更多>>
 数码产品 更多>>
 电脑硬件 更多>>
HOT: 泡泡堂 人体摄影
·北京 ·上海 ·广州
·杭州 ·深圳 ·苏州
·天津 ·西安 ·合肥
·南京 ·重庆 ·宁波

·手机 ·笔记本
·电脑硬件 ·MP3
·数码相机 ·DV
·品牌机 ·办公产品
·网络产品 ·服务器
·投影机 ·人体摄影
·两只蝴蝶 ·魔兽世界
·梦幻西游 ·Photoshop
·网际快车 ·天堂2
·Firefox ·QQ
首页 >> 学院 >> 网页制作 >> 网页制作FrontPage
在Frontpage2000中定义CSS样式 [网页制作FrontPage]
视觉中国
2004-11-29 23:47: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
打印此页 投稿与建议 返回顶部

相关文章
IT产品报价快速通道
手机 诺基亚 摩托罗拉 索尼爱立信 三星 西门子 飞利浦 LG 松下 NEC 阿尔卡特 三菱 联想 波导 迪比特 明基 夏新 多普达 南方高科 科健 中桥 大唐 东信 首信
笔记本 IBM 惠普 戴尔 东芝 索尼 华硕 富士通 宏碁 联想 NEC 三星 LG 苹果 明基 松下 夏普 方正 清华紫光 清华同方 长城 TCL 清华同仁 优派 神舟 七喜 夏新 思登 联宝 微星 京东方 腾龙 海尔 NETBOOK 顶星 八亿时空
数码相机 佳能 索尼 尼康 柯尼卡美能达 柯达 富士 奥林巴斯 卡西欧 松下 宾得 三星 理光 明基 爱国者 联想 拍得丽
数码摄像机 索尼 松下 佳能 夏普 三星 JVC 掌上电脑 惠普 奔迈 神达 索尼 联想 华硕 快译通 铂杰 宏碁
MP3 艾利和 三星 苹果 MPIO 创新 JNC 索尼 爱华 爱欧迪 WeWa!! 爱国者 天诺思 朝华 魅族 大恒 丹丁 昂达 联想 明基 友拓 松日 奥美嘉 优百特 台电 爱琴 HUU ANN 现代 纽曼 金美达 中恒 万城 德劲 Netac 方正 科旗 太阳花 爱基 锐拓 YEP DiGiME 北奥 Beto 领域 道勤 可欧 Ninon 德易城 比萨 歌美
品牌机 联想 惠普 戴尔 IBM 苹果 宏碁 方正 清华同方 七喜 实达 长城 神舟 TCL 海尔
服务器 IBM Sun 惠普 英特尔 浪潮 曙光 联想 方正 清华同方 日电 华硕 微星 长城 戴尔 AblestNet 宏碁 致荣 五舟 金品 大恒 越海扬波 宝德 睿智 八亿时空 智翔
焦点 人体摄影 两只蝴蝶 魔兽世界 梦幻西游 泡泡堂 小游戏 五笔 BT 封神榜 热血传奇 Photoshop PP点点通 网际快车 天堂2 Firefox QQ
·Netscape 8.0五大特点
·珍惜眼前 《我和他》
·Google 体验自定义新闻
·常见进程Explorer和Svchost
·千招百式让你的ADSL跑得更快
·三大网络安全在线检测服务
·腾讯QQ全资收购FOXMAIL
·让IT首席顾问专家进驻QQ
·用PS制作精美的简历封面
·11px及10px的清晰汉字字体
·通通透透了解Cookies
·教你如何制作映像文件
·Ghost最小化克隆的两个误区
·恶搞改编Flash歌曲Top10
·光良又一部力作 《童话》
·笔记本电脑性能优化技巧