对外经济贸易大学--2022年前端页面设计与开发机考

1.配置一个Nginx Web服务器，使得在浏览器地址栏输入localhost，可以打开默认主页。（自己下载nginx web服务器文件）把配置详细过程截图。

2.按要求设计网页

用html语言按照下图样式写一个网页，要求

1）    文件命名为index.html，网页名称为“HTML作业”

2）    头部有meta部分，字符集采用“utf-8”

3）    网页有背景颜色（不要求和示例颜色一样）

4）    网页中包含水平线（水平线长度占80%）、文字注释/注音标记（不是两行靠提升下降高度实现），字体修饰（分别有黑体，斜体，上标和下标，隶书等字体），至少有函数形式的数学公式；

5）要有背景音乐，背景音乐文件要小，提交时背景音乐文件和网页文件要压缩成一个文件上传。注明支持的浏览器类型

3.超级链接

用给定的文件包完成指定文件夹support，product，resource中default，contents， hours，tips等网页中要求的所有超级链接，要求head头部有相关meta说明和自己的信息。（一定要用给定的文件包做链接，所有链接都要做）

附：相关文件，超级链接作业.rar

4.列表——导航栏

用无序列表制作导航栏，使得鼠标悬浮在导航选项时改变颜色，点击可以跳转到所链接页面。

5.表单

按下图样式编写表单网页代码，外边框可以没有。（注意：这是两个表单！互不相关）

6.CSS+DIV网页布局

用DIV+CSS技术开发网站，网页结构如下图所示，菜单栏manu（示例中已经有4个链接）链接的导航内容在导航栏窗口nav中显示，这些导航文件存放在nav文件夹下。

其中，header高度为200px，内容为logo图片，菜单栏至少3个栏目，如新闻、体育、娱乐等，鼠标放到栏目上时改变背景颜色，点击栏目时，相应栏目包含的内容出现在窗口nav中，点击这些标题，相关内容在窗口article中显示。Nav和article窗口高度占页面70%，nav窗口宽度200px。Footer窗口高度为200px，其内容为版权信息，开发者信息等。所有的CSS样式存放在css文件中，css文件存放在CSS文件夹中。

提示：需要多个网页，页面不能用框架集，要用CSS+DIV样式，菜单栏需要用为伪类选择符。

7.JavaScript

下面的实验针对一个简单的用户注册要求进行验证，界面如下。

（1）       必填项验证：用户名、密码、重复密码是必填项。（注意：必填项说明文字要带*）

（2）  有效性验证：

a)      用户名不能为空；

b)      密码和重复密码不能要一致；

c)      语义验证：重复密码与密码不一致要警示。