目录：
实验要求
实验代码
1.注册
2.登录
3.主页
4.个人简介
5.我的理想
6.我的生活
7.学习内容
总结
实验要求
实验一 基于CSS+HTML+JS开发简单个人网站
实验学时：4 实验类型：设计
一、目的与任务
目的：熟悉在静态网页制作基本流程，熟练应用CSS+HTML+JS。
任务：使用CSS+HTML+JS，开发简易个人网站。
二、内容、要求与方法步骤
1、个人网站分为四个部分：注册页面，登录界面，主界面，以及分界面。
1）注册页面需要使用到用户名及密码等信息，用到的标签有表格、文本框、单选按钮、复选按钮、下拉列表框等基本的标签；登录界面需要输入用户名和密码；
2）登陆成功后，可利用javascript判断输入用户名和密码的正确性，输入正确，则利用form标签中action转向主界面，如果输入不正确，可用警告框提醒用户：“输入不正确，再次输入”；
3）主界面类似图1-1，采用四个盒子分别代表个人简历，我的理想，我的生活，学习内容。每个盒子都采用float浮动。
图1-1 主界面
个人简历界面：主要是css3实体样式；同样采用了四个盒子分别介绍四个内容。如图1-2，具体内容自定。
图1-2个人简历界面
我的理想界面：列举我的理想，可以使用无序列表或者表格排列。
我的生活界面：主要内容采用展示照片墙或者视频来体现。
学习内容界面：采用list-style:none的有序列表。
具体操作步骤：
1）准备网站需要的素材：图片和视频；
2）可利用记事本或者Jbuilder编写各个页面。
3）注意各页面之间的转向或者链接关系
4）打开浏览器，观察各个页面运行结果。
2、实验安排方式：上机编码。
3、实验结果展示，包括代码（可分栏展示）和效果图。
实验代码
1.注册
注册比较简单，只是做了一个注册的页面。
注册 注册
年级班级：
性别: 男 女
已有账号？请登录
2.登录
登录密码为1 2，这里有一个错误我没有解决，但是无影响。
登录 登录
没有账号？请注册
3.主页
主页 欢迎来到我的主页
个人简介 我的理想 我的生活 学习内容
4.个人简介
个人简介 点此返回我的主界面？返回
个人简介
个人信息
*姓名：包包大人
*性别：女
*家乡：
*民族：汉族联系方式
*电话号码：*
*QQ：*
*微信：*
*地址：*兴趣爱好
*喜欢包包夫人
*打游戏
*拍照
*喝奶茶特长技能
*干饭
*暂时无
*无
*无
5.我的理想
我的生活二 点此返回我的主界面？返回
我的理想
-
理想生活
家人平安健康，生活幸福美满
近期目标
学好专业知识
6.我的生活
我的生活二 照片墙
点此返回我的主界面？返回
-
超级喜欢包包大人
-
可爱猫猫
-
最喜欢的偶像
-
生日聚餐
-
2021年中秋节收到的月饼
-
2020年武汉玩纪念
-
和室友聚餐
-
包包大人开车
7.学习内容
学习内容 点此返回我的主界面？返回
#每日学习内容#
总结
j2ee老师布置的实验，简单的个人网站，以上附代码和实现界面，虽然我分了七个点，但是每个界面用的代码都是差不多的，对了，图片和代码记得放在同一个文件夹下，因为我淋过雨，所以为有缘看到的学弟学妹撑伞，我水平很低，仅供参考。