您好,今天是: ·加入收藏·设为首页·联系站长
洛歌教程网--本站提供(PS教程)
站内搜索:
当前位置:洛歌教程网 >> 网站建设 >> FrontPage制作技术 >> 浏览文章  
巧用FrontPage:样板主题(Theme)的设计技巧
作者:admin 来源:网络 文章点击数:

 

  1、字体的设置

  与Microsoft Word等文字处理软件不同,在HTML语言中你无法精确定义每种字体大小,它只提供七种设置,而这七种设置具体大小是由Web浏览器而非网页设计者来控制的。

  在为一个样板主题选择字体时,你还必须考虑到你所采用的字体的通用性,如果你为样板主题的标题安排了“琥珀”字体,在网页上应用这个样板主题很有可能达不到预期的效果,因为很多浏览你的网页的用户很有可能恰好没有安装这种字体!如果你使用了不太常见的字体,除了少数几种Windows系统字型如Arial, Times New Roman ,Courier New,宋体和黑体之外的字体,你还必需为你所选的字体准备一个或几个替代字体,以备用户机器中没有安装你的首选字体时,可以采用你的第二选、第三选字体。

  2、图案的设计

  合适的图案会为你的网页锦上添花,标题和按钮的图案质量直接影响着网页的美观。在为样板主题设计图案时,应考虑以下问题:

      
  • 色彩的和谐  
  • 图案的通用性  
  • 动画的趣味性
  3、文字的安排

  在样本主题中的图案上一般是没有文字的, 标题与按钮上的文字是在具体应用于某个网站时,根据用户网站的组织图的安排来填写。在设计样本主题时,我们需要为标题与按钮上的文字指定字体、颜色等属性。

  在设计一个上面要安排文字的图案时,我们需说明文字的这些属性:

      
  • 文字的字体   
  • 文字的颜色   
  • 水平对齐方式   
  • 垂直对齐方式
  样本主题中上面安排有文字的图案必须以GIF格式保存。

  4、透明像素的使用

  在样本主题中每个图案的具体大小是固定的,当你为样本主题准备的图案的尺寸较小时,需在四周填上透明的像素,以保证你所设计的样本主题在具体应用中不会改变网页的页面布局和安排。

  所有的导航按钮(顶层、水平和垂直)是被紧密地排列在一起的,如果你喜欢它们之间有一定间隔,也可通过填上一些透明的像素来实现。

  5、动态效果的使用

  网页上的动态效果主要包括两种实现方式: GIF动画和动态按钮。合理地应用动态效果会使你的网页更加活泼而有生气,但也会由于文件较大而影响网页下载的速度。所以每个样本主题的网页标题、水平分隔线、标目符号中最好只有一个采用GIF动画, 图像采用GIF89a 格式。

  配置一个动态按钮时,除了象配置其它普通按钮一样,给按钮定义相应文本属性和一个按钮图案外,还需给它再额外定义两个图案,一个在鼠标指针在按钮经过时, 按钮图案变化时使用;另一个是表示按钮巳被按下的图案。

  6、样本主题的 INF 文件

  每个样本主题都由两个扩展名为INF 的文件来管理和控制。一个是每个样本主题特定的INF文件.inf,这个文件的指令只控制这一个样本主题,另外,还有一个顶层的文件themes.inf ,它的指令控制着安装于计算机上的所有样本主题。FrontPage 样本主题中定义的文字字型均默认是windows-1252字符集中的,如果网页保存在其它字符集中,需在themes.inf 文件中加以说明。

  每个样本主题都有特定的INF文件.inf 。

  例如 arcs.inf 文件的内容如下:

  [info]
  title=Arcs  样本主题显示的名称
  codepage=1252  这个文件所采用的Windows 代码集
  version=01.01  样本主题的版本号
  readonly=true  是否允许修改




人支持

发表评论】【告诉好友】【打印此文】【收藏此文】【关闭窗口
  最新文章
  热门文章
  推荐文章

| 设为首页 | 加入收藏 | 关于本站 | 联系站长 | 友情链接 | 版权申明 | 雁过留声 |

Copyright◎ 2003-2007 www.logooe.com All Rights Reserved Contact us

Email:liyushuai755#163.com QQ:65557616

版权归作者所有,如果无意中侵犯了您的版权,请来信告知,本站将再3个工作日内删除。

备案序号:琼ICP备06003564号

 


Free

本站(洛歌教程网)提供如下信息:PS教程,PhotoShop教程,SoftImage 3D教程,AutoCAD教程,maya教程,3ds max教程,平面设计欣赏,ImageReady教程,Illustrator教程,Coreldraw教程,Flash教程,freehand教程,fireworks教程,图像辅助