《网络信息编辑》教案第十一章xt.doc

第十一章 网页设计与制作一、思考题1. 常见的页面布局技术有哪些，请举例说明？常用的页面布局技术有：div+CSS页面布局、表格页面布局、框架页面布局、透明GIF页面布局和Flash页面布局等。（1） div+CSS页面布局div是HTML中的一个元素，div+CSS是一种网页的布局方法，这种方法有别于传统的table布局，真正达到了W3C内容与表现相分离的效果。（2）表格页面布局表格布局几乎成为页面布局的一个标准，它的优势在于能够对不同对象加以处理，而又不用担心它们之间的影响。表格的每一个单元格都可以放置不同文本和图片，且内容极易对齐。当把表格边界设置为0时，读者就看不到表格边框了，只会看到表格单元格内放置的内容。表格布局的缺点是：当用了过多表格时，页面代码的可读性和可维护性就会下降，且页面下载速度会受到影响。（3）框架页面布局框架也可以用于页面布局，但由于它们通常是在导航中扮演着重要角色，因此现在使用该技术进行页面设计的网站越来越少。框架页面以左上角对齐，每一个框架部分都可以独立控制（表格单元格就不可以单独控制）。从布局上考虑，框架结构不失为一个好的方法。框架技术也可以设置边框为0，使浏览读者也看不到框架边框。2. 导航设计应遵循的原则是什么？三次点击规则；结构清晰和逻辑性强；学习和借鉴成功导航；导航系统应该包含多种导航；精心设计导航外观；使用规范化、大众化的导航条名称；突显当前导航条；网站徽标和名称放在主页的左上方。3. HTML网页的基本结构包含哪几个部分？一个HTML文档是由一系列的元素和标签组成的，元素名不区分大小写，HTML用标签来规定元素的属性和它在文件中的位置。HTML超文本文档分为文档头和文档体两部分，其中，文档头用表示，主要是对这个文档进行一些必要的定义，文档体用表示，文档体中才是要显示的各种文档信息。4CSS选择符的分类有几种？HTML标签选择符；类选择符；伪类选择符5. 采用表格布局时，为使网页内容能够适应各种不同宽度的浏览器，要如何设置布局表格的属性？想让表格大小随着IE等浏览器窗口大小的变化而变化时，表格的宽度计量单位可选择“%”6. 在Dreamweaver CS4中，如何添加表格对象？插入表格：在Dreamweaver CS4中插入表格的方法有两种：一种是在菜单栏中选择【插入】【表格】菜单，另一种是在Dreamweaver CS4工作界面的右侧【插入】选项卡中选择【表格】图标，均可进入插入表格菜单。在“插入表格”菜单中，可以设置表格的行数、列数、表格宽度、边框粗细、单元格边距、单元格间距等参数，点击确定即可插入一个表格。7. 请简述用Dreamweaver CS4创建web站点的工作流程？利用Dreamweaver CS4创建web站点的工作流程有：规划网站、建立页面及素材存放、创建网页框架和内容、网站测试、网站发布等五个步骤。8. 在Dreamweaver CS4中，调用CSS的方法有哪几种？在HTML中使用层叠样式表有四种方法：将一个外部样式表链接到HTML文件上、在HTML标签中加入CSS样式、将样式表植入HTML文件中、将一个外部样式表输入到HTML文件中。二、案例分析答：（只需要说出自己的分析，本题并没有标准答案）当前对于网页制作是选择传统的表格还是用新型的div+css布局?说法各有不同。一部分说还是用表格比较好，开发快，容易控制，浏览器兼容也好些；另一部分认为DIV好，是以后的发展趋势。我的设计思路是：使用DIV等布局元素来制作页面的布局设计，定位，色块，图片等。使用表格，UL等这样的元素来显示页面中需要展示的数据。因为div不会像表格一样，在IE下要将整个表格下载完后才全部显示内容(firefox不会)，所以用表格来布局显然是不合适的，尤其是数据量大时，在IE下用表格会发现慢的多。而DIV就好多了，当然,DIV也起整理数据的作用。2