1、  提供素材：中国地图素材包

2、  要求制作一个本期学习总结网站，整个站点包括：

(1)一个简单login.htm页面（介绍姓名、学号、网站介绍、设计有登陆界面），用自己的姓名做用户名，学号做密码登陆站点。

(2)站点首页是一个中国地图。

标题内容自定，但要做成跑马灯效果（Marquee标记）；

要求对至少4个省或自治区版图做热区超链接，单击后新窗口打开对应的地区介绍页面（介绍其省会/自治区首府，旅游资源，其他特色等等）。

(3)Login.htm页面上要求有一个利用时间轴制作的文本动画（循环播放），动画文字内容就是个人姓名、学号。

(4)每个页面的都有自己的姓名、学号信息出现。

知识点一：登录检测

<form method="post" id="form1" name="form1">

<input type="text" id="username" name="username" placeholder="姓名" required>

<input type="text" id="password" name="password" placeholder="学号" required>

<button class="btn btn-primary" type="submit">立即登录</button>

javascript 验证

<script>

form1.onsubmit = function(e)

var xm=document.getElementById('username');

var xh=document.getElementById('password');

{

    e.preventDefault();   // 取消浏览器的提交行为

if (xm!=='你的姓名' ) //修改为自己的姓名

    {

        alert('姓名错误');

    }

else if (xh!=='你的学号')//修改为自己的姓名

    {

     alert('学号错误');

    }

else

     {

        alert('验证成功')；

        location.assign('跳转页面');//修改为自己的主页

    }

}

</script>

知识点二：Marquee标记

<marquee>跑马灯效果</marquee>

核心参数（HTML 标准属性）

direction：控制滚动方向，默认值 left（向左）。

可选值：right（向右）、up（向上）、down（向下）。

speed：设置滚动速度，值为正整数（单位：像素 / 帧），默认约 2。数值越大，滚动越快（例：speed="5" 比默认快）。

loop：指定滚动循环次数，默认 infinite（无限循环）。

可选具体数字（例：loop="3" 表示滚动 3 次后停止）。

behavior：定义滚动方式，默认 scroll（连续滚动）。

可选值：slide（滚动到边界后停止）、alternate（来回往复滚动）。

辅助参数

width/height：设置滚动区域的宽高，支持像素（px）或百分比（%）。

scrollamount：同 speed，部分浏览器兼容写法，效果一致。

scrolldelay：控制滚动延迟（单位：毫秒），值越大滚动越慢（例：scrolldelay="100"）。