上机实验练习
1.配置一个Nginx Web服务器,使得在浏览器地址栏输入localhost,可以打开默认主页。(自己下载nginx web服务器文件)
2.按要求设计网页
用html语言按照下图样式写一个网页,要求html网页边框代码
1)    文件命名为index.html,网页名称为“HTML作业”
2)    头部有meta部分,字符集采用“utf-8”
3)    网页有背景颜
4)    网页中包含水平线、文字注释/注音标记,字体修饰(黑体、斜、上标下标,隶书等字体),有数学公式;
3.超级链接
完成给定文件夹support,product,resource中default,contents, hours,tips等网页中要求的所有超级链接,要求head头部有相关meta说明和自己的信息。
附:相关文件,超级链接作业.rar
Html课程表设计作业
4.用html语言写一个课程表网页,要求
1)主页文件命名为kcb.htm,网页名称为“我的课程表”
2)包括课程表标题,边框,跨行跨列单元格
3)网页有背景音乐(背景音乐添加方法在百度查)
4)Head中关键字有自己的姓名
注意:作业提交需要把所有文件(网页文件,音乐文件)压缩成zip格式后一同提交。学会使用搜索引擎,如百度解决不会的问题。
参考样例
5.列表——导航栏
用无序列表制作导航栏,使得鼠标悬浮在导航选项时改变颜,点击可以跳转到所链接页面。
6.框架网站
框架设计作业
用frameset设计一个框架网网站,要求包含多个框架窗口,其中,导航栏的链接在主窗口显示,导航栏至少有3个超级链接,文字图片内容可以自选。
7.表单
按下图样式编写两个表单网页代码,要求在注册表单点击注册按钮后打开论坛入口表单。
8.CSS+DIV网页布局
用DIV+CSS技术开发网站,网页结构如下图所示,菜单栏manu链接的导航内容在导航栏窗口nav中显示,这些导航文件存放在nav文件夹下。
其中,header高度为200px,内容为logo图片,菜单栏至少3个栏目,如新闻、体育、娱乐等,鼠标放到栏目上时改变背景颜,点击栏目时,相应栏目包含的内容出现在窗口nav中,点击这些标题,相关内容在窗口article中显示。Nav和article窗口高度占页面70%,nav窗口宽度200px。Footer窗口高度为200px,其内容为版权信息,开发者信息等。所有的CSS样式存放在css文件中,css文件存放在CSS文件夹中。
提示:需要多个网页,页面不能用框架集,要用CSS样式,菜单栏需要用为伪类选择符。
9.JavaScript
下面的实验针对一个简单的用户注册要求进行验证,界面如下。
(1)    必填项验证:用户名、密码、重复密码、邮箱是必填项。
(2)  有效性验证:
a)    用户名不能以数字字符开始,只能以字母开始,且长度大于等于6个字符,小于等于20个字符;
b)    密码和重复密码不能和用户名相同,且长度大于等于6个字符,小于等于20个字符;
c)    邮箱地址符合地址的基本语法。
d)  语义验证:密码和重复密码必须相同。