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) 语义验证:重复密码与密码不一致要警示。