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

目录

页面设计部分

[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页面上,将这一组数据,通过网页表格的方式显示出来;

相关推荐
Ziky学习记录3 小时前
从零到实战:React Router 学习与总结
前端·学习·react.js
sensen_kiss3 小时前
INT303 Coursework1 爬取影视网站数据(如何爬虫网站数据)
爬虫·python·学习
red_redemption4 小时前
自由学习记录(116)
学习
r i c k5 小时前
数据库系统学习笔记
数据库·笔记·学习
野犬寒鸦5 小时前
从零起步学习JVM || 第一章:类加载器与双亲委派机制模型详解
java·jvm·数据库·后端·学习
浅念-6 小时前
C语言编译与链接全流程:从源码到可执行程序的幕后之旅
c语言·开发语言·数据结构·经验分享·笔记·学习·算法
ZH15455891316 小时前
Flutter for OpenHarmony Python学习助手实战:API接口开发的实现
python·学习·flutter
爱吃生蚝的于勒6 小时前
【Linux】进程信号之捕捉(三)
linux·运维·服务器·c语言·数据结构·c++·学习
奶茶精Gaaa6 小时前
工具分享--F12使用技巧
学习
久邦科技7 小时前
奈飞工厂中文官网入口,影视在线观看|打不开|电脑版下载
学习