a1565815261的博客

一、实验目的 a.熟悉jQuery 的运用； b.熟悉html布局； c.熟悉css和css3样式的编写 二、实验内容 制作一个网页（1-2个页面即可），本次实验可基于实验四或者实验一进行改进： 1.需要使用jQuery里的至少两种方法，并请注释，例如jQuery事件，添加元素，删除元素等等。 2. 建立一个Txt文档，文档中请你标注下参考了哪些网站。 3. 如果你会vue，react，AngularJs等基于js的技术，可以用这些技术替换jQuery。 三、实验报告要求 报告在课程学习平台上提交，内容以源代码形式上交。

一、实验目的 a.熟悉JavaScript 的运用； b.熟悉canvas 的使用方法。 二、实验内容 1.参考网上教程，基于canvas设计一个页面，主题不限。 三、实验报告要求 报告在课程学习平台上提交，内容包括设计的1源代码2实验总结：包括制作这个网页参考的网页网址、遇到的问题和解决方法、心得体会等。

a.熟悉JavaScript 的运用； b.熟悉canvas 的使用方法。 1.参考网上教程，基于canvas设计一个页面，主题不限。 报告在课程学习平台上提交，内容包括设计的1源代码2实验总结：包括制作这个网页参考的网页网址、遇到的问题和解决方法、心得体会等。

a.练习创建简单的WEB项目文件结构； b.熟悉DIV＋CSS网页的写法； c.熟悉JavaScript 事件在页面中的运用。 1．Html部分采用form的形式编写。 2．Css部分参考上图，但是不限于上图，可以发挥自己的想象，例如加背景图，对上图的展现形式做优化等等。 3．注册按钮点击后，出来弹出框，弹出框信息为注册成功或者注册失败（注册失败以后，点击弹出框的确定按钮，对应提示框有相应信息，参考第4点）。 4．Js部分需要考虑用户名不能为空，用户名长度4-16个字符，用户名只能由大小写字母、下划线、数字0-9组成。密码不能为空，密码长度4-16个字符。确认密码不能为空并且需要判断与上面的密码是否一致。邮箱不能为空，必须包含@符号、必须包含.符号、@和.符号不能在一起、@符号必须在.之前。如果出现上述问题，点击注册按钮后必须出现相应提示信息。例如，下面提示用户名不能为空。

a.掌握Grid或者flex布局的使用方法。 b.熟悉css3的使用方法 其中： 图标请自己找类似的，或者换成你喜欢的照片。 如果上面的布局太简单，请设计一个你喜欢的类似上面风格的页面。

制作一个网页（1-2个页面即可），内容自定义（例如你最欢的书籍，照片，动植物，食物，商品，旅游景区或者偶像等）： 1.需要对网页进行设计，可以使用传统的div+css设计，里面的元素可以使用position定位，或者float定位，或者flex布局。 2.需要使用css3中的至少两种效果，并且用到css3的地方请注释，例如阴影效果，动画效果，2D转换，3D转换，css3过渡等等。 3.要求css样式写在head的style里，或者新建一个css文件写在里面。图片放在单独建立的文件夹下。 4.可以使用框架，框架类型不限。

1)平时和访问过的链接都没有下划线并且显示为黑色字，设计样式上让每行的偶数链接显示绿色字并且没有下划线。 2)鼠标移动到链接上方时链接文字显示下划线和蓝色字，点击(按下)链接时链接文字显示下划线并且变为红色字。 参考下图 设计一个注册页面 添加样式使得：被聚焦的输入域背景变为黄色，单选或多选的选中项的文字显示为红色字；disabled（保存，退出，复位）按钮的字体显示为灰色字；textarea中选中的文字颜色变为白色，背景变为蓝色

a.熟悉HTML和HTML5文档的创建及文档结构。 b.熟悉HTML5网页的制作，练习使用HTML5新增文档结构标签。 c.熟悉CSS的使用。 设计一个类似下图的网页