网页设计问答题

1. 布局方式对比

表格布局属于传统布局，将这个页面看成一个不显示边框的表格，利用单元格进行页面内容的分布，各浏览器支持性好，但是不方便改变页面布局

框架布局整个页面为框架搭建而成一个框架集，由框架的构成表示页面布局方式，多个页面分别链入各个框架，允许局部更新某个页面内容，减少信息流通量，便于通用信息的一次修改，但是不支持搜索引擎，不利于信息传递

层布局是标准页面布局，整个页面由多个块组成，每个块代表一个信息单元，进行单独定位，最终组合成页面效果，这种布局方式最灵活，可以即时更换页面布局，但是浏览器支持差异性较大，导致页面信息显示不正确。

动态效果实现

2 页面动态效果

页面动态效果是对象、事件和动作的组合

对象、事件及动作

•对象是指浏览器及页面中的各元素

•事件是浏览器负责生成的消息，指示该页的用户执行了某种操作，不同的浏览器，不同的对象可引发的事件会有不同

•动作是由JavaScript和HTML代码组成的，该代码能执行各种特殊任务，如弹出一个信息框、播放一段音乐等。

行为是Dreamweaver的一种内置工具，动态响应用户操作，以便改变当前页面效果或执行特定状态。行为有3个重要组成部分：对象、事件和动作。事件是用户的操作，对象是用户操作时所对应的页面元素，动作是变化的过程。任何一个动作都需要一个事件激活，两者相辅相成。

•

3.静态网页的处理过程—请求/响应

•服务器启动Web服务器软件后，在服务器上就产生了一个守护进程，一直监听服务器TCP80端口的来自客户端使用浏览器发出的HTTP请求

•客户端使用浏览器输入HTTP：//站点域名或站点IP地址通过Internet访问一个站点，即客户端向Web服务器发出一个HTTP请求。

•服务器的守护进程侦听到TCP80端口有请求后，Web服务器就讲该网站的主页文件作为应答信息再通过Internet发回给客户端的浏览器

•客户端浏览器到主页文件后，解释网页中的HTML语言，将网页中包含的信息一次显示在屏幕上，客户就可以在客户端的显示器上看到要访问网站的主页信息了

动态网页的处理过程

4．定位属性说明

static (静止)：元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。

relative (相对)：元素框偏移某个距离。元素仍保持其未定位前的形状，它原本所占的空间仍保留。

Absolute(绝对)：元素框从文档流完全删除，并相对于其父层非静止定位块位置定位。元素原先在正常文档流中所占的空间会关闭，就好像元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。

Fixed(固定): 元素框的表现类似于将position 设置为absolute，不过其包含块是屏幕本身。IE6不支持该属性

5．设计与制作的流程

•策划网站结构，搜集整理相关资料。

•绘制网站结构草图，规划各个功能模块与整体布局。

•使用Photoshop制作网站页面（首页和二三级页面）。

•使用Fireworks或Photoshop切割网站界面，将页面切割成html格式。

•使用Dreamweaver对整个html网站进行优化，设置css样式，根据需求插入flash。