一些前端学习过程的自测练习题

目录

页面设计部分

[1 设计一个简单的学院网站首页;](#1 设计一个简单的学院网站首页;)

2.按照图示要求完成简单的登录页面

3.完成如下网站设计

4.完成如下网站设计(练习页面布局)

[5 利用下面素材,设计一个满足H5规范的网页(移动端页面练习):](#5 利用下面素材,设计一个满足H5规范的网页(移动端页面练习):)

Javascrip部分

[1 写一个表单,包含 姓名,学号,邮箱,手机号;提交时,做客户端验证(javascript);](#1 写一个表单,包含 姓名,学号,邮箱,手机号;提交时,做客户端验证(javascript);)

[2 DoM练习:动态添加新元素](#2 DoM练习:动态添加新元素)

3.

[4 做一下如下的轮换图效果;](#4 做一下如下的轮换图效果;)

5用myFocus库,重做上面的效果;

[6 Js处理数据;](#6 Js处理数据;)


页面设计部分

1 设计一个简单的学院网站首页;

规格:1024×768;注意各浏览器的兼容性;页面效果如下

2.按照图示要求完成简单的登录页面

素材如下

3.完成如下网站设计

所需数据如下,复制到TXT文件

蓝桥知识网

首页

热门技术

使用手册

知识库

练习题

联系我们

更多

蓝桥云课

随时随地丰富你的技术栈!

加入我们

人工智能

人工智能亦称智械、机器智能,指由人制造出来的机器所表现出来的智能。通常人工智能是指通过普通计算机程序来呈现人类智能的技术。

前端开发

前端开发是创建 WEB 页面或 APP 等前端界面呈现给用户的过程,通过 HTML,CSS 及 JavaScript 以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。

后端开发

后端开发是实现页面的交互逻辑,通过使用后端语言来实现页面的操作功能,例如登录、注册等。

信息安全

ISO(国际标准化组织)的定义为:为数据处理系统建立和采用的技术、管理上的安全保护,为的是保护计算机硬件、软件、数据不因偶然和恶意的原因而遭到破坏、更改和泄露。

© 蓝桥云课 2022

京公网安备 11010102005690 号 | 京 ICP 备 2021029920 号

4.完成如下网站设计(练习页面布局)

5 利用下面素材,设计一个满足H5规范的网页(移动端页面练习):

Javascrip部分

1 写一个表单,包含 姓名,学号,邮箱,手机号;提交时,做客户端验证(javascript);

验证:不为空,学号只能是数字;邮箱必须包含@;手机号必须是合法的;

2 DoM练习:动态添加新元素

3.

注意下面有第三题需要用到的代码

资源绑定处下载

4 做一下如下的轮换图效果;

图片自己找一下;鼠标停留在数字上时,轮换图切换;

5用myFocus库,重做上面的效果;

第三方库的使用;

6 Js处理数据;

用js定义一个工资表对象,包括员工编号,姓名,基本工资,奖金,合计工资,扣税,实际发放等属性,并赋值(至少5个员工);然后在前端html页面上,将这一组数据,通过网页表格的方式显示出来;

相关推荐
是一个Bug8 小时前
Agent(智能体)应用 的入门学习路径
学习·机器学习
2301_809051148 小时前
Linux 网络编程 学习笔记
linux·网络·学习
eggcode9 小时前
【Qt学习】Linux(ARM架构)在线安装Qt6.x
linux·qt·学习·arm
_李小白10 小时前
【android opencv学习笔记】Day 26: 滤波算法之低通滤波与图像缩放插值
android·opencv·学习
Bechamz11 小时前
大数据开发学习Day43
大数据·学习
happymaker062613 小时前
SpringBoot学习日记——DAY06(整合MyBatisPlus的其他功能)
java·spring boot·学习
星夜夏空9914 小时前
FreeRTOS学习(3)——FreeRTOS的移植与剪裁
学习
嵌入式×边缘AI:打怪升级日志14 小时前
硬件清单与学习进度存档
学习
Engineer邓祥浩16 小时前
软件设计师备考 第0章 题型分布、示例、学习路线
学习·职场和发展