对外经济贸易大学前端设计与开发期末考试答案-创新互联

上机实验练习

网站制作、成都网站制作中从网站色彩、结构布局、栏目设置、关键词群组等细微处着手,突出企业的产品/服务/品牌,帮助企业锁定精准用户,提高在线咨询和转化,使成都网站营销成为有效果、有回报的无锡营销推广。创新互联建站专业成都网站建设十年了,客户满意度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://myzitong.com/article/djeoeg.html