分享
 
 
 

FrontPage2002:样式表的应用

王朝html/css/js·作者佚名  2006-12-16
窄屏简体版  字體: |||超大  

一、三种添加CSS的方式

在FrontPage 2002里可以通过三种方式给网页增加样式表。

1. 页面链接一个外部的样式表文件,这种方法可以使多个页面使用同一个样式表文件,方便保持页面的主题。步骤:启动FrontPage 2002,然后依次点“文件”、“新建”、“网页”,打开格式菜单栏里的样式选项。在样式设置窗口中,有FrontPage 2002自带的很多样式表供你参考和修改,在左侧选中欲进行样式调整的有关HTML内容,在右边点击新建,创建样式,然后运用。当然如果你对CSS熟悉的话,你也可以使用空白的样式表,自己重新创建一个,方法是在列表选项中选择用户自定义。

图5.1

2. 通过在FrontPage 2002中创建一个样式表单,此时样式表就是网页的一部分,直接位于HTML文档的之间。这个实际上不算创建,只要把已经创建好的样式表直接复制下来,然后选择网页编辑器的“html”选项,然后粘贴到HTML中〈HEAD〉之间就可以了。

3. 通过使用内含样式表元素,单独指定样式表。在FrontPage 2002编辑一个页面的时候,只要选中要发生变化的文字或图像等有关内容,然后点击右键,选择网页属性中的样式按钮就可以随时随地进行可视化操作了。

图5.2

二、内含式样式表的使用

下面就以修改美化一个搜索框为例,给大家介绍一下内含式样式表的使用。

现在就开始我们的美化之路。打开FrontPage 2002,新建页面。插入WEB组件中的搜索框。接下来就先对输入框进行处理。用鼠标左键选中那个最长的输入框,然后点击右键,选择表单域属性,出现文本框属性。

然后点击“样式”,接着选择格式中的边框按钮,出现边框与阴影对话框。

因为要保持表格的统一,我们在“设置”中选择“自定义”,然后选择“样式”中的“实线”。最重要的就是应用边框的设置。点击方框,四周出现的四个小按钮分别代表着文本输入框的四条边框。为了和文本输入框外面的表格统一,这里的宽度也选择为“1”,然后“确定”。

接着用鼠标左键选中搜索按钮,点鼠标右键,选择“超链接属性”就会出现窗口。

选择“样式”按钮,再选择编号方式,再选择“浏览”插入任何美观的搜索图片。

用鼠标左键选中页面中的搜索帮助四个字,然后再点击右键,选择“网页属性”,弹出Windows窗口。

选择“背景”选项,然后选中“启用超链接翻转效果”,然后点“翻转样式”弹出新的Windows窗口。

图5.3

在这里我们可以一目了然地设置要实现的翻转效果。为了突出“搜索帮助”四个字,我们把字体设置成12pt,这样当鼠标放上去的时候,字体就会从9pt变成12pt,从而让用户看得更清楚。接下来我们还可以根据自己的爱好来设置喜欢的颜色以及其他样式。通过内含式样式表的使用,我们很轻松地美化了搜索框。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有