通行证: 用户 密码 域名空间  下载中心 社区论坛 信息公告 my小屋
联系我们
设为首页
加入收藏

 

qq,asp,php,jsp,xml,sql,.net,编程 程序 网页图象 建站经验 私服
首页 | 新闻资讯 | 编程开发 | 网页设计 | 图形图象 | 网络媒体 | 网站模板 | 数 据 库 | 投稿
论坛 | 操作系统 | 系统优化 | 网络安全 | 黑客技术 | 硬件学堂 | 硬件报价 | 服 务 器 | 地图
专题 | 应用软件 | 聊天通讯 | q q 专栏 | 建站经验 | 在线工具 | 站长club | 注 册 表 | 旧版
社会 | 游戏娱乐 | 设计欣赏 | 疑难解答 | 社区论坛 | 韩国素材 | 素材图库 | 广告服务 | 服务
当前位置:首页>>网页设计>>frontpage>>正文 新版上线![旧版]
注:打开慢时请稍等

frontpage xp直通车第4站——样式表的应用

http://www.iyit.net  日期:2006-5-27 9:44:07  来源:转载   点击:
参加讨论】frontpage xp直通车第4站——样式表的应用--: frontpage xp可以保证用户设计网页与不同的浏览器兼容,它所提供的样式表(css)功能就是其中之一。frontpage xp使用样式表可以实现网页元素的加宽或紧缩字体间距、设置段落“缩进”和“段落间距”、设置边框和底纹等。frontpage xp可以创建外部和内嵌式级联样式表,让我们一个一个来做。

创建外部css

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

1、建立样式

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

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

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


图1 样式工具

2、编辑样式

我们再来看看如何编辑样式。单击“样式”工具栏上的“样式”按钮或者在“格式”菜单上单击“样式”命令,进入“样式”对话框,如图2所示。


图2 在此编辑样式表

在样式列表中,包含了多个样式,其中“a:link”表示对链接文本有效,“a:active”表示对激活链接有效,“a:visited”对已访问文本有效,“a:hover”表示当鼠标处于悬停状态时有效。

首先在左侧的“样式”框中,单击要修改的样式类型,比如“a:link”,然后在下方的“列表”中选择“用户定义的样式”选项,需要注意的是,如果此时要修改标准html标记,可以选择“html 标记”。接着在样式列表中双击“a:link”样式,打开“修改样式”对话框,如图3。如果要设置对齐方式、缩进或段落间距,可以选择“段落”,设置边框和底纹可以选择“边框”,设置项目符号和编号的样式,可以选择“编号”。完成设置后,关闭所有对话框返回到css文件。这样我们就完成了一个样式的设置,可以将设置好的样式直接应用到网页文件指定的文字、段落中。


图3 在此设置样式的格式

返回主界面后,执行菜单“文件/保存”命令,将此样式保存为link.css备用。

创建内嵌式css

在“网页”视图中,执行“格式/样式”命令,打开样式对话框,然后单击“新建”按钮,在“名称”框中输入新样式的名称为“.pal”,然后在“样式类型”下样式选择为“段落”。然后单击“格式”,再按照前面介绍的方法设置新样式的格式特征,比如字体、段落等。

应用样式

首先我们在“网页”视图中,打开需要应用样式表(css)的网页,然后在“格式”菜单上,单击“样式表链接”,打开“链接样式表”对话框,单击“添加”按钮,在打开的“选择样式表”对话框中,选择刚才建立的css样式文件,单击“确定”后,即可将其添加在“url”列表中。如果选中“所有网页”选项,可以将样式文件应用到网站所有网页中,选择“当前网页”只会在当前编辑网页中使用。另外,如果要将样式应用于网页上段落或者文字,首先可以选择要应用样式的文字,然后在工具栏的样式列表框中选择要应用的样式名称即可。

到站提示:样式在网页设计过程中比较常见,巧妙地使用样式不但可以使网页更加美观,而且还可以很好地规范站点中网页的显示效果。下一站,我们将利用frontpage xp给我们的网页设计表单。



编辑:黑鹰 [发送给好友] [打印本页] [关闭窗口] [返回顶部]
上一篇:frontpage xp直通车第5站——表单的设计
下一篇:frontpage xp直通车第3站——网页的布局
转载请注明来源:www.iyit.net
特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。

 相关文章
最新更新 热点排行 推荐新闻
用frontpage轻松转换图片格式 
用frontpage 2000制作鼠标光照特效
用frontpage 2000创建网页动画
用frontpage 2000巧做样式表
提高frontpage 2002使用效率
用frontpage轻松转换图片格式 
用frontpage 2000制作鼠标光照特效
用frontpage 2000创建网页动画
用frontpage 2000巧做样式表
提高frontpage 2002使用效率
用frontpage 2000使图像“减肥”
在frontpage 2000中插入flash动画
用frontpage 2000下载整个网站
在frontpage2000中添加多媒体
用frontpage 2000制作共享边框网页
在frontpage 2000中插入flash动画
用frontpage轻松转换图片格式
用frontpage 2000巧做样式表
用frontpage 2000制作鼠标光照特效
用frontpage 2000使图像“减肥”
优秀公益广告作品欣赏(8)
java数据类型转换
windows xp专业版iis连接数的更改
新开放qq免费挂级网站
优秀公益广告作品欣赏(7)
免费在qq上看在线电影电视听音乐
office2007简体中文版浮出水面 美图抢
qq珊瑚虫外挂4.0版本发布!
web服务器配置全攻略(三)
免费把qq炫铃设为本机qq的系统提示音
msn8.0下载
如何在win20003中更好的玩游戏
qq收费头像免费使用的方法 
微软将在华推分期付款,充值卡pc 可低价
 amd处理器am2测试 风扇竟运行7分钟
exeplorer.exe错误的问题的总结、解决
asp.net 2.0 中的异步页功能应用
硬盘坏道修复及数据恢复宝典
免费登录搜索引擎入口大全
搜索引擎注册九大秘法
 友情链接
设置首 页 - 版权声明 - 广告服务 - 关于我们 - 联系我们 - 友情连接
copyrights © 2004-2006 iyit.net all rights reserved.
网站合作、广告联系qq:147007642、466949678
易特网络技术 点击这里给我发消息