静态网页设计制作中的布局模式

来源:百度知道 编辑:UC知道 时间:2024/06/08 20:04:45
静态网页设计制作中的布局模式主要有哪些?每种模式的优缺点是什么?
网站设计常用的软件Dreamweaver、flash、photoshop、fireworks及其功能介绍。

静态网页的布局模式主要有:
1、表格布局
2、层布局
3、div+css样式表布局
4、布局表格等
备注:
1、表格布局容易把握,是最简单的一种总局方式,适用于初学者。
设计网页的第一步是设计版面布局。所谓布局,就是以最适合浏览的方式将图片、文字以及表单等元素排放在页面的不同位置。网页设计常用布局方法是表格布局。另外一种方便的工具,就是使用框架。框架的作用就是把浏览器窗口划分为若干个区域,每个区域可以分别显示不同的网页。
案例:①在网页中插入表格,不显示边框只用来布局;②在单元格内插入文字、·图片,设置丰富的效果;③通过拆分单元格或者插入嵌套表格来细化某些单元格内部的布局。
2、层布局较难把握,经常会受屏幕的分辨率影响,网页中很少用,主要用于浮动广告。
3、div+css样式表布局,难度较大,作者需了解一定数量的html代码。是应用较广泛的一种,也是最难的一种布局。

静态网页主要有:表格布局、层布局、div+css样式表布局以及布局表格等。
表格布局容易把握,是最简单的一种总局方式,适用于初学者。
层布局较难把握,经常会受屏幕的分辨率影响,网页中很少用,主要用于浮动广告。
div+css样式表布局,难度较大,作者需了解一定数量的html代码。是应用较广泛的一种,也是最难的一种布局。
Dreamweaver和Frontpage都是网设计软件,提供可视化设计和代码设计,较直观,几乎能达到所见即所得的程度。
flash主要制作动画广告等。
photoshop和fireworks两者都是图形处理工具,不过fireworks几乎被photoshop替代了,因为photoshop几乎覆盖了fireworks的所有功能,其图处理能力远远在fireworks之上,是现代平面设计中不可缺少的软件。

建议用CSS布局。

Dreamweaver:设计网站就全靠它了。

flash:这个还用说吗?

PS:图像处理

FW:适合网页图片处理。。。