以上只是说明了几种目前比较流行的框架结构,实际中,可以根据需要设计出更复杂、更新颖的框架结构(见图乙5)。当然,并不是所有的网页页面都是有框架的,无框架的网页往往都具有相当鲜明的个性。它将网页的内容很好地融入到图片当中,给人一种与众不同的感觉。许多著名的大公司、大学以及个人站点都采用无框架结构,但是这种网页在设计的时候就需要很高的美术基础了。比如世界最著名的卡通公司迪斯尼公司的主页。 随着网页技术的发展,可以在网页上嵌人的对象越来越多,比如说视频、flash 动画 、ActiveX 控件等 ,但是在网页布局的时候 , 最基本的元素仍然是文字和图片。在布局时,可以把任何除文字与图片之外的对象都当成是一幅图片去对待,所如何编排文字和图片的位置就成了网页布局的关键。熟悉网页制作的人在拿到网页的相关内容后,也许很快就可以在脑子里形成大概的布局,并且可以直接用网页制作工具开始制作。但是对不熟悉网页布局的人来说,这样做有相当大的困难,张家口网站建设所以这时,就需要借助于其他的方法来进行网页布局。第一是以用于工的方式在纸上画草图,这种方法可以大概地描绘出网页的框架,但是也只能到此为止,不能再进行更细的工作,如配色、摆放文字和图片等。 第二是用专业制图软件来进行布局,建议使用 Photoshop 0 Photoshop 是一个非常优秀的图片处理工具。用它可以像设计一幅图片、一幅招贴画、一幅广告一样去设计一个网页的界面,然后再考虑用网页制作工具如何去实现这个网页。选用 Photoshop→是因为它对图片的超强处理功能,可以制作非常精美的图片;二是因为 Photoshop中层的概念,可以将网页中的各个部分放置在不同的层中,很方便地进行页面布局。 用 Photoshop形成一个网页的大概原型之后,就得用适当的网页布局技术来实现这个网页了。通常网页布局有三种技术,分别是帧布局、表格布局和层布局。 1.帧布局 帧 (Frame ) ,实际上对应的是HTML语言中的( frame)标记。帧布局就是将-个网页分成互不重叠的几个部分,张家口网站制作每个部分是一个帧,每个帧对应一个网页。采用帧布局最大的好处就在于可以随意调整各个帧在页面中所占的比例,并且在网页显示时,拖动一个帧的攘动条只会攘动该帧的网页而不会影响其他帧。但是帧也有→个缺点,就是当帧所对网页的内容超过帧的范围时,会自动出现滚动条,这非常容易破坏页面的美观。如网页,是由左右两个帧组成的,左边的帧由于内容太多而出现了滚动条。现在的网页不像以前那么流行使用帧来布局,但是帧布局仍是一种非常有效的网页布局技术。在后面将用到的 Dreamweaver对帧有非常强的技术支持,通过它可以很容易地进行帧布局。 2. 表格布局 表格(Table ) ,在 HTML 语言中对应( table)标记。表格布局是最常用的一种页面布局技术,现在大部分的网页都采用表格作为基本的布局技术。表格最大的好处就在于可以根据你的需要将页面分成任意大小的单元格,而且在单元格内可以嵌入任何网页对象,包括表格本身,并且在对每个单元格中的对象单独操作时,不会影响其他单元格中的对象。相比于帧布局,表格布局虽然也将网页分隔成互不重叠的区域,但实际上还是一个整体的页面,不会像帧一样出现滚动条。 3. 层布局 层(layer)是一个较新的概念。层最大的优点就在于将布局从平面扩展到空间,可以像三明治→样将层一个个重叠起来。而且层可以用像数为单位精确地定位其在页面中的位置。还可以通过一定的设置来控制层是否显示以及层与层之间的叠加次序。由于微软公司和网景公司各自定义了层的标记,所以在应用中,层有两种对应标记,一种是,还有→种是(layer)。不同的浏览器对层的支持也不一样,Internet Explorer 4. 0 和Netscape Navigator 4. 0 及它们的更高版本均支持使用 div标记建立的层,但只有 Navigator支持用 layer和 ilayer标记建立的层。所以应用层布局时特别需要注意所用的层对不同浏览器的兼容。
|