Dreamweaver CS4设置页面布局

Company website layout
Company website layout (Photo credit: guidosportaal)

制作网站开始,从规划,建立网站架构,做好模版后,大可以尝试用Dreamweaver CS4来设置页面的布局。好多时候,你定会浏览很多网站的页面而从中你会发觉到哪页面有固定的色彩,图案背景,文本字体,字体大小,颜色等等,这统统都能在Dreamweaver 当中能设定你所需要的布局设定的。

设置外观CSS

Dreamweaver CS4 之页面分成有好几个类别,其中的设置外观(CSS)一些设定可将页面相关属性自动成为CSS样式。

  • 页面文字 – 选择字体之外,还可以把字体加粗或斜体
  • 字体大小 – 页面字体大小单位,默认为(px)
  • 字体颜色 – 文本背景颜色
  • 背景颜色 – 这里可设置网页背景颜色;默认为白色,如设定你自己选择的颜色是,如输入#FFFBBB十六进颜色码便可
  • 背景图像 – 输入图像的路径,给网页背景设置图像。在这里请大家注意要把图像的相对路径,以免出现问题。另外,对于图像的重复方式中有“重复”,“不重复”,“横向重复”和“纵向重复”
  • 在页面窗口的右下方,设定页面边距有上,下,左同右四个方式,这来设定网页在浏览器四边边框的距离,但这设定只有IE 浏览器才能支持该项设置。

设置外观(HTML

 

设置外观(CSS)跟设置外观(HTML)基本上是一样的,但“外观(HTML)只会在页面主体的代码标签<body>中添加相应的属性,而不会生成CSS样式。

设置链接(CSS

 

  • 链接文字 – 超链接文本的字体
  • 大小 – 超链接文体字体的大小
  • 链接颜色 – 文体超链接的颜色
  • 以访问链接 – 网页中访问过的超链接的颜色
  • 活动链接 – 网页中激活过的超链接的颜色
  • 变换图像链接 – 鼠标移动到超链接时所转变的颜色
  • 下划线样式 – 鼠标移动到超链接时所采用的下划线显示形式

 

设置标题(CSS

 

  • 设定标题1-5级标题文字字号和颜色

设置标题和编码

 

  • 设置页面的标题 – 这对网页内容并没有大的影响,不过,若果在浏览网页时,标题栏中显示网页的标题,可令访客知道该网页的信息,而收藏网页时,亦会把该标题栏于收藏夹内
  • 文档类型 – 一般建议设定为XHTML 1.0 Transitional
  • 编码 – 建议设置为 Unicode (UTF-8),也可选择其它的文字编码,如简体中文(gb2312)

设置跟踪图像

 

制作网页之前,或许会绘制一幅设计草图,而跟踪图像只是编辑网页时一个辅助工具,在编辑时纔有效,对于HTML编码并没有任何影响。在这儿不做多介绍。

Advertisements