在Microsoft FrontPage中实现段落样式差异化和符号个性化,可参考以下原创设计方(基于FrontPage 2003版本功能):
一、段落样式差异化实现方
-
自定义字体组合
- 通过【格式】→【字体】为不同段落设置非对称字体组合,例如:
▪ 标题段落:
楷体+深蓝底+1.5倍行距
6▪ 正文段落:
微软雅黑+浅灰背景+首行缩进28pt
15▪ 引用段落:
仿宋体+左虚线边框+内边距10px
5
- 通过【格式】→【字体】为不同段落设置非对称字体组合,例如:
-
动态CSS样式表
在【HTML视图】手动添加代码实现滚动效果:
css<style> .special { font-family: Verdana; text-shadow: 2px 2px 3px FFA500; letter-spacing: 3px; } </style>
应用时用
<p class="5f4a-b007-faf9-2d0d special">
标记特殊段落18 -
交互式段落格式
利用表格嵌套实现视觉分层:
- 插入3列布局表格,设置不同列宽比(如3:5:2)1
- 每列应用不同单元格属性:右列添加
波浪线底纹+浅填充
5
二、个性符号植入技巧
-
矢量符号库调用
- 插入→Web组件→高级控件→插件
- 嵌入第三方符号字体文件(如FontAwesome.woff )9
-
动态符号生成器
html<marquee behior="alternate" scrollamount="5"> <img src="star.gif" width="20"> <font color="FF694">✧原创符号✧</font> </marquee>
通过交替滚动实现符号动态效果16
-
复合符号设计
- 用绘图工具栏绘制
环形文字+渐变填充
的组合图标 - 导出为透明PNG后插入,设置
浮动定位+旋转15°
8
- 用绘图工具栏绘制
三、兼容性增建议
-
多浏览器适配
在【页面属性】→【高级】中勾选
生成兼容性标记
,CSS样式失效10 -
符号备份方
- 重要符号同时保存为
矢量图+位图
双版本 - 在添加备用字体声明18
- 重要符号同时保存为
操作演示(以诗词排版为例)
- 创建三段落:
html
<p class="verse1">昨夜星辰昨夜风</p> <p class="verse2">▶ 画楼西畔桂堂东 ◀</p> <div class="symbol">❁</div>
- 样式表中定义:
css
.verse1 { border-left: 5px solid 84513 } .verse2 { background: url(ink.png) repeat-y } .symbol { position: absolute; top: 120px; left: 30% }
注:建议在【预览视图】实时调试,浏览器可能需启用兼容模式显示动态效果1317
百科知识