三剑客之HTML,CSS,JS

大家好，我是一童，昨天一同学发给了我一个做网站建设的课设，要求如下：

1. 网站建设
   （1）主题自定，积极向上，生活学习各个方面均可；
   （2）主题要与“过程二”一致，注意保持完整性；
   （3）网页内容必须是自己做的，不能抄袭，不能由拷别人的屏组成；如网上下载的图片请用PS等工具去除LOGO等信息；
   （4）网站电子数据自行保存到放假前。
2. 文件（夹）名
   （1）整个网站放在一个命名为“学号姓名(1)”文件夹中；
   （2）文件要分类管理，所有素材和网页分类存放在相应文件夹（例如”img”、“web”）中；
   （3）主页名index.htm，文件及文件夹名字不能用中文；
   （4）网页个数至少2个；
   （5）整个网站大小在25MB以下；
   （6）网页中不用的word、txt等素材要求删除掉。
3. 表格布局
   （1）至少2个网页都要求使用表格布局；
   （2）表格在网页中居中对齐。
4. 导航，超链接
   （1）导航必须非常明确、清晰、醒目；
   （2）每个网页都能链接到其它网页(尤其是第二页应该有返回首页的超链接)；
   （3）所有超链接必须正常准确，不能无效；
   （4）图像超链接在图像旁边(如下边)有文字标注。
5. 各种媒体
   （1）每个网页必须图文并茂；
   （2）媒体格式统一使用常见格式；
   （3）所有图片、媒体在网页中都能正常显示；
   （4）在素材文件夹中不存在网页中没有使用的各种媒体素材；
   （5）文字应用使用CSS设置；
   （6）文字清晰明了，与背景要有一定反差。
   对于小白的我来说，实在是。。。但答应别人的还是要尽力去做到，下面分享一下我的经验，如何在几小时内学习“三剑客”。
   首先我借了舍友的html入门设计，仔细看例题，研究架构，了解基本的语法与格式，然后上网找一些经典的案例进行分析，对你要做的东西先要有一些想法，然后构建框架，一步步实现。开始想的比较天真，一定要做一个高大上，炫酷无比的的网站，现实很残酷，理想当然很丰满了，后来，你懂得。
   之后，参考了一下github网站的代码，然并卵，后来在国内的一些网站上找了合适的素材，在此基础上进行修改，开始真的很陌生，看着看着它似乎懂你了，最后还存在一个问题没有解决，插入音乐无法在跳转页面时继续播放，只能再首页播放，百度了一下，说是要frame框架，因为时间紧迫，所以也没有慢慢去研究，若那位大佬看到的话麻烦分享一下,谢谢！弄了一通宵的“成果”，虽然很简洁，但还要最后分享一下，哈哈哈！
   文件我分享了，自己动手下载吧，免费滴！