模块1 建设基础一、填空题1. 全球信息网2. html、htm3. 域名、空间4. cascading style shee，被称为层叠样式表或级联样式表5. 记事本、HotDog Professional、HomeSite、UltraEdit、WYSIWYG Web Builder 8.1、Dreamweaver、Frontpage6. uniform resource locator7. HTML、HTML8. W3C9.JavaScript二、简答题1.写出URL包含的3部分容的作用。
答：URL通常包括3部分，第一部分是Scheme，告诉浏览器该如何工作；第二部分是文件所在的主机；第三部分是文件的路径和文件名。
2.网页和有什么区别？答：网页是上的某一个页面，它是一个以扩展名为html或htm 的文件，向浏览者传递信息的载体，以超文本和超媒体为技术，采用HTML、CSS、XML、JavaScript等语言来描述组成页面的元素，并通过浏览器进行解释，最后把结果信息通过浏览器在网页上显示出来。
（website）是指Internet上的一个固定的面向全世界发布消息的地方，由域名（也就是地址）和空间构成，通常包括主页和其他具有超文件的页面。
3.写出开发的基本流程。
答：1.建设前的市场分析2.建设的目的及功能定位3.技术解决方案4.容及实现方式5.进行网页设计6.选择网页设计的工具7.费用预算8.测试9.维护10.发布与推广模块2 Web标准及其构成一、填空题1. W3C和ECMA2. 表现标准语言主要包括CSS，行为标准语言主要包括对象模型（如W3C DOM）、ECMAScript3. eXtensible HyperText Markup Language、文档结构二、简答题1.什么是Web标准？为什么要使用Web标准来开发网页？答：Web标准不是某一个标准，而是一系列标准的集合。
Web标准是由W3C（world wide web consortium）和其他标准化组织制定的一套规集合。
包括3方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准语言主要包括对象模型（如W3C DOM）、ECMAScript等。
采用Web标准的主要原因是表现与容分离技术，使用表现与容分离技术的好处主要有以下几方面：（1）高效率的开发与简单维护（2）信息跨平台的可用性（3）降低服务器成本（4）便于改版（5）加快网页解析速度（6）与未来兼容（7）更好的用户体验2.简述HTML与XHTML的区别。
答：（1）与XHTML相比，HTML是不够严谨的一门语言。
在强调表现与容分离的Web标准时代，HTML的语法模式已经不能满足需求，取而代之的是新一代的XHTML，它的结构与表示更加严谨。
（2）XHTML是一门面向结构的语言，其设计目的不像HTML仅仅是为了网页设计与表现。
XHTML的设计目的并不是为了最终表现，它主要用于对网页容进行结构设计，其严谨的语法结构有利于浏览器进行解析处理，它是一门面向文档结构的设计语言。
3.Web标准由哪几方面构成？各方面的作用是什么？答：Web标准由一系列架构分明的技术（结构、表现和行为）组成。
各组成部分以及各部分的作用如下：（1）结构结构用来对网页中用到的信息进行整理与分类。
用于结构化设计的Web标准技术主要有两种：XHTML和XML。
（2）表现表现技术用于对已经被结构化的信息进行显示上的控制，包括版式、颜色、大小等样式控制。
W3C创建CSS标准的目的是希望以CSS 来描述整个页面的布局设计，与HTML所负责的结构分开，使站点的构建及维护更加容易。
（3）行为行为是指对整个文档部的一个模型进行定义及交互行为的编写，用于编写用户可以进行交互式操作的文档。
行为标准也包括两部分：DOM和ECMAScript。
4.如何改善现有？答：现在，大部分的设计师依旧在采用传统的表格布局、表现与结构混杂在一起的方式来建立。
学习使用XHTML+CSS的方法需要一个过程，使现有符合标准也不可能一步到位。
最好的方法是循序渐进，分阶段来逐步达到完全符合标准的目标。
（1）初级改善●为页面添加正确的DOCTYPE●设定一个名字空间（Namespace）●声明你的编码语言●用小写字母书写所有的标签●为图片添加 alt 属性●给所有属性值加引号●关闭所有的标签（2）中级改善●用CSS定义元素外观●用结构化元素代替无意义的垃圾●给每个表格和表单加上id模块3 XHTML基础一、填空题1. （1）文档类型声明DOCTYPE （2）文件头部head。
2. （1）Transitional（过渡类型）（2）Strict（严格类型）（3）Frameset（框架类型）3. （1）<或<4. （1）color （2）size5. （1）嵌套（2）交叉6. （1）结束标签7. （1）小写8. （1）<html>9. （1）对齐方式（2）水平对齐二、设计题1.<html><body><p align="left"><font size="30" face="隶书" color="red"> This text is bold.</font></p></body></html>2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><title>【春】</title></head><body bgcolor=" 00FF00"><h2 align="center">春</h2> <font size="3" face="仿宋_GB2312" >春，是一年四季之首，万物生长的季节。
植物萌芽生长，动物交尾繁殖，农夫下地播种。
古代把“历史”叫做“春秋”，那是因为庄稼春生秋熟，“春生”相当于历史之因，“秋熟”相当于历史之果，春来秋去的循环就是时间，而事件的因果循环就是历史。
春季开始是在立春（2月2～5日），春季结束在立夏（5月5～7日）。
在欧美，春季从中国的春分开始，到夏至结束。
在爱尔兰，2月、3月和4月被定为春季，在南半球，一般9月、10月和11月被定为春季。
另有朱自清的散文《春》和巴金的小说《春》以及其他一些文学艺术作品。
</font><br/><bgsound src="Halo.mp3" loop="-1">（注意：这里src属性设置音乐文件的位置，loop属性设置播放次数，-1代表无限循环播放，如果要设定次数直接写上对应数字即可。
）</body></html>模块4 导航设计一、填空题1. （1）（2）<a>和</a>。
2. （1）锚3. （1）水平分割（2）垂直分割4. （1）rows5. （1）整数(或像素)（2）百分比6. （1）<iframe>7. （1） <iframe></iframe>8. （1）占浏览器窗口的40% 200 剩余浏览器窗口值9. （1）不显示框架边框10. ( 1) body二、简答题1.根据源的不同，超分成哪几类?答：超主要分为文本超和图像超。
按照路径的不同,网页中超一般分为以下3种类型: 部,锚点和外部.2.什么是锚？锚的作用是什么？答：锚是指页面的，通过使用name属性创建一个文档部的书签，实现在一个页面的跳转。
3.什么是框架？框架在网页中的作用是什么？答：框架是浏览器窗口中的一个区域，可以独立显示一个网页的容。
作用：框架可以把浏览器窗口分成几个独立的部分，每部分显示单独的页面，页面的容是互相联系的。
如3框架网页，顶端框架显示网页标题，下面左右两个框架，左边显示导航栏，右边显示目标网页。
单击左边框架导航栏中的超级，在右边框架里显示超级的对象。
容非常多的网页不宜采用框架式结构，所以大中几乎所有的网页都不是框架式网页（或分开显示页面而可以不同时刷新、提高访问速度、可固定一个不需要变动的页面不随着连接而刷新）三、设计题略模块5 网页中表格和表单的运用一、填空题1. （1）<table></table> （2）<td></td>2. （1）整数像素值3. （1）<tr></tr>4. （1）color （2）size5. （1）设置表格标题，并将标题放置表格下方。
6. （1）表格中的一行数据、（2）建立单元格、（3）表头单元格信息7. （1）rowspan ( 2 ) colspan8. （1）Type二、简答题1.简述表单的作用。
答：通过表单元素，服务器可以收集用户的信息，传递给服务器程序；服务器程序对用户信息进行处理，从而达到与用户互动的效果。
2.简述表单method属性值get和post的区别。
答：(1)两者的工作方式不同，post方式浏览器将与action属性中指定的表单处理服务器建立连接，一旦建立连接，浏览器就会按分段传输的方法将数据发送给服务器。
get方式浏览器会与表单处理服务器建立连接，然后直接在一个传输步骤中发送所有的表单数据。
(2)get方式会把表单参数数据直接附在表单的action URL之后，两者之间用问号进行分隔，暴露在浏览器地址栏里，不宜发送敏感数据（如密码）；而post方式参数数据作为单独的事务传输给服务器进行处理时，传输时进行数据加密，在服务器读参数时，需对这些参数进行解码，安全性较高。
(3)get方式发送的数据量有一定限制，一般不超255个字符；而post方式发送的数据量则大得多，可以看做无限制，在网页上发表留言或者文章等通常采用post方式。
三、设计题1.主要部分代码：<form action="form_action.asp" ><p>请选择要上传的文件:</p><p><input type="file" name="pic" accept="image/gif,image/jpeg" /></p></form>2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><body><p>请选择应聘岗位(可多选)：</p><select name="position" size="7" multiple="multiple"> <option value="ceo">总经理</option><option value="bj">企业策划</option><option value="sh">技术经理</option><option value="yt">项目经理</option><option value="dl">程序员</option><option value="sh">企业管理人员</option><option value="yt">人事管理人员</option><option value="dl">市场营销顾问</option><option value="other">系统管理员</option></select><p>请选择您希望工作地点：</p><select name="area"><option value="">请选择</option><option value="bj"></option><option value="sh"></option><option value="yt"></option><option value="dl"></option><option value="other">其他</option></select><p>求职类别：<input type="radio" name="sex" value="male" checked="checked" />专职<input type="radio" name="sex" value="female" />兼职</p> <p> <input type="checkbox" name="apple" value="apple" />是否需要提供食宿</p><input type="submit" name="Submit" value=" 提交按钮 " /> </body></html>模块6 CSS基础一、填空题1. 选择器（selector）、声明（declaration）、选择器、声明2.<head> </head>3.<link> .css4.高、近、高5．id选择器、class选择器6.分号二、简答题1.简述id选择器和class选择器的区别。