实验一 Web 客户端编程

最新推荐文章于 2020-12-17 20:55:03 发布

小Ｃ的快乐星球

最新推荐文章于 2020-12-17 20:55:03 发布

阅读量300

点赞数

分类专栏： JavaWeb实验文章标签： html web html5

本文链接：https://blog.csdn.net/weixin_45068278/article/details/109283636

版权

本文档介绍了如何使用HTML、CSS和JavaScript进行Web客户端编程。实验目标包括理解HTML基本结构，掌握文本、图像、链接、表格和表单的标记，以及CSS的创建与应用。此外，还要求通过JavaScript实现用户注册界面的格式检查功能。

摘要由CSDN通过智能技术生成

一、实验目的及要求

使用HTML超文本标记语言制作简单页面，要求通过实验能够掌握HTML文件的基本结构和文档的创建、编辑及保存。
验证并掌握HTML超文本标记语言的文本、图像、超链接、表格、表单等标记的使用。

通过实验掌握层叠样式表CSS的创建及应用，掌握在网页中插入层叠样式表CSS的常用方法，掌握层叠样式表CSS的主要基本属性的使用。
通过实验了解JavaScript的编程规范及基本语法，能够分析JavaScript程序的功能，可以在网页制作中使用JavaScript程序。

二、实验内容及步骤

1）使用frameset标签，以及搭配使用DIV+CSS，设计并布局一个简单的页面。
2）在其中的一个页面里面，开发一个用户注册界面，要求：使用JavaScript检查格式是否正确。

框架如下
主页.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<frameset cols="150,*"> 
<frame name="left" src="a.html"> 
<frameset rows="250,*"> 
<frame name="upper_right" src="b.html"> 
<frame name="lower_right" src="c.html"> 
</frameset> 
</frameset> 
</html>

a.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>a.html</title>
</head>
<body>
<div id="header"></div>
<div id="navigator">
   <ul= id="navigator">
   <li><a href="#