您现在的位置: 捷凌网安 >> IT基础 >> 网页设计 >> Frontpage >> 正文
Frontpage中网页字体的美化研究

作者:佚名 责任编辑:左决 点击数: 更新时间:2008-4-13 3:35:07

  我设计第一篇网页的时候,就遇到了字体的设置问题。我发现如果用软件约定的字体大小,则显示效果会很难看的。

  我是用FrontPage2000作网页,在这个微软大加宣传的网络软件里,文本的设置居然是如此令人失望,可能有它的难处,我不知道。总之,当我研究了半天之后,我明白过来:在显示器上,中文字体的字号,最保险的,是9pt,11pt也不错。

  如果你在Word或Excel里设置文本的大小,可很容易找到这两种字号。但在FrontPage里,甭想!除非你手工设置“格式”菜单里的“样式”。在“样式”对话框里,你可以对网页的各个部分进行较为自由的“修改”。修改的内容就是格式,包括“字体”、“段落”、“边框”、“编号方式”和“定位”五种。实际上,这些格式内容,在“格式”菜单里就有的。

  但在“样式”设置当中,可以得到更大的自主权。不信你就试试。在某一表格内先随便写一段中文,然后打开“格式”菜单里的“字体”设置对话框。看看在字体大小选择中,是否有9pt?没有。直接写上9pt行吗?不行。没辙了?别急,请进入“样式”对话框试试,此对话框的左边是“样式”内容选择,也就是说,让你选择你想手工设置的具体内容。

  比如你可以选择“td”,即对表格内容进行设置。“样式”对话框的右边有一个“修改”按钮,进入“修改”后,就看到左下角那个讨厌的“格式”按钮了。里面就是上边谈到的五种选择。我们选“字体”。在这个字体对话框中,你可以输入自己想要的字体大小值,直接输入“9pt”,再一路“确定”回来,看看页面上的字体是否听话?

  好了,我们总算找到一种完全通过菜单选定字体大小的方法。用这种方法,你可以设置各种尺寸的字体。(这下微软又有理了:谁说我们的软件没摆脱编码的麻烦?)然而,这还不算麻烦么?

  实际上,如果你对编码这玩意儿不抱成见,肯用心去研究一下,它也不见得有多吓人。还是以上面这个例子来说吧,我们自定义“td”即表格的字体大小为9pt。那么,它的编码是什么样的呢?转到软件界面左下角的HTML显示窗,你将看到网页的HTML编码。一般都叫它HTML代码。

  在代码的上方,区之间,有一句“td{ font-size: 9pt }”。这就是我们刚才费半天劲设置的“表格样式”代码。

  现在,我可以告诉你简单的结果了:在网页字体的大小设置上,只须在每页的区之间加入以下一段代码即可。

  关键的问题倒是:究竟我们可以在网页上用几种大小的字体?也就是说,显示器上的网页中,有几种字号是美观的。9pt是公认的字号,绝大多数网页都用它,11pt也好看。问题似乎解决了,可是假如你有一段文字想设置得比9pt更小,咋办?用8pt或7pt行吗?如果你的显示器“桌面显示字体”是大字体,那你会觉得可行。然而且住!大多数不是1024×768分辨率的17英寸显示器,而是800×600或者640×480的14英寸或15英寸的。

  他们的“桌面显示字体”往往是小字体,这时,8pt或7pt的显示效果会很难看,而且基本上看不清。有别的办法吗?有! 办法很简单,告诉你另一种大小的字体表示法,即:“12px”。它比9pt字号要小,而且在不同的显示器上,看上去都挺好。所以,你只要将上面代码中的9pt改为12px就行了。但你可能会问:我不想要整张网页都改成12px,而只想让某一段文字是12px,那又如何办呢? 对单独文本的改动可用这样的方法:在这一段文本的开头位置(我是指在代码页),加入这样一句代码:

  如此,这一段文字就是12px的小字体了,OK!

  最后,捎带着讲一下“粘贴代码”的问题。你肯定会拿这些代码去粘贴的,因为很方便。我们在制作网页时,常常需要这样的粘贴。在粘贴代码时,如果你的代码是直接从其它网页上copy的,则在粘贴时软件很有可能把代码看作文本,这时,代码不起作用,而且,你会在网页上看到你刚粘贴上的代码。如果是这种情况,可以先将copy的代码粘贴到写字板上,再copy一次,然后贴入网页代码区内,问题将得到解决。
  • 上一篇文章:

  • 下一篇文章:
  •  
    最进更新
    普通文章Photoshop打造“红心中国”,04-30
    普通文章微软下一代通信系统发布:UC04-14
    普通文章新浪UC使用教程:UC好友名单04-14
    普通文章查找UC好友的两种方式04-14
    普通文章新浪UC团体—建立你的网上家04-14
    普通文章新浪UC2006新版五大功能改进04-14
    普通文章在新浪UC里在线K歌 生动又有04-14
    普通文章想把新浪UC玩得更好 看四大使04-14
    普通文章新浪UC 2006 Beta 新功能抢先04-14
    普通文章新浪UC2006 Beta操作全攻略04-14
     
    推荐文章
    推荐文章Maya轴点设置制作滚动的立方04-13
    推荐文章Maya 建模顶点法线软硬边04-13
    推荐文章MAYA在广告中的替换技术04-13
    推荐文章介绍Maya 中的UV编辑器04-13
    推荐文章Painter手绘精美水彩荷花04-13
    推荐文章交换动画特效制作04-13
    推荐文章幻影动画特效制作04-13
    推荐文章使Director创作过程自动化04-13
    推荐文章3D建模软件Blender04-13
    推荐文章用3DS MAX制作波浪文字效果04-13
     
    热点文章 
    推荐文章Maya轴点设置制作滚动的立方04-13
    推荐文章Maya 建模顶点法线软硬边04-13
    推荐文章MAYA在广告中的替换技术04-13
    推荐文章介绍Maya 中的UV编辑器04-13
    推荐文章Painter手绘精美水彩荷花04-13
    推荐文章交换动画特效制作04-13
    推荐文章幻影动画特效制作04-13
    推荐文章使Director创作过程自动化04-13
    推荐文章3D建模软件Blender04-13
    推荐文章用3DS MAX制作波浪文字效果04-13

    | 设为首页 | 加入收藏 | 联系站长 | 广告服务 | 友情链接 | 版权申明 | 网站地图 |

    在线交流 捷凌网安主群:51649627
    Copyright 2007-2008 © 捷凌网安. All rights reserved.
    备案序号:蜀ICP备08001812号