上机实验练习

在网站制作、成都网站制作中从网站色彩、结构布局、栏目设置、关键词群组等细微处着手，突出企业的产品/服务/品牌，帮助企业锁定精准用户，提高在线咨询和转化，使成都网站营销成为有效果、有回报的无锡营销推广。创新互联建站专业成都网站建设十年了，客户满意度97.8%，欢迎成都创新互联客户联系。

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

1. 按要求设计网页

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

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

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

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

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

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

1. 超级链接

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

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

1. 列表——导航栏

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

1. 表单

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

1. 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样式，菜单栏需要用为伪类选择符。

1. JavaScript

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

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

（2）  有效性验证：

a) 用户名不能为空；

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

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

你是否还在寻找稳定的海外服务器提供商？创新互联www.cdcxhl.cn海外机房具备T级流量清洗系统配攻击溯源，准确流量调度确保服务器高可用性，企业级服务器适合批量采购，新人活动首月15元起，快前往官网查看详情吧

网站栏目：对外经济贸易大学前端设计与开发期末考试答案-创新互联
当前地址：http://azwzsj.com/article/djeoeg.html