如前端大作业代码说明书

1、1415（15）WEB端大作业代码说明一1415（15）WEB端大作业代码说明一、代码说明书的必要性10 0 3二、学号姓名专学号：2014051603009 专业：计算机科学与技术 姓名：姚星学号姓名专业：2014051603009 姚星如计三、WEB 大作业的首页地址和平时作业链接地址等1、WEB HYPERLINK /grwy/index1.html 2 HYPERLINK /h0/index.html 3ZIP 四、大作业在本地虚拟机上的文件夹结构xampp g r w j c s 六、大作业功能介绍（最好不要超过 2000 字操 作 说 明 ： 你 可 以 直 接 在 浏 览 器 地

2、 址 框 里 面 打 开 此 链 接 g r w j c s 六、大作业功能介绍（最好不要超过 2000 字操 作 说 明 ： 你 可 以 直 接 在 浏 览 器 地 址 框 里 面 打 开 此 链 接 HYPERLINK /grwy/index1.html 七、界面效果图说明整个界面在创新的基础上采用传统的排版方采用古页主要是文字性的介绍加了自己的一寸照片采用古页主要是文字性的介绍加了自己的一寸照片去。第二页主要采用图文混排的方式，把母校简单的介绍了一三页主要是照片展示，有一个相框走动，看起来特别炫酷。整个页就好像是一副字画。美不胜收八、代码模块说 HYPERLINK /grwy/index

3、1.html !doctype meta charset=utf-个人主页style bodybackground-margin:0 /*背景.chara2 background-text-font-/*左边文字padding-padding-font-padding-right:15px;/*右边的文字p.leftcontentpadding-padding-text-font-size: text-padding-padding: margin: 1px text-align: font-padding-right:15px;/*右边的文字p.leftcontentpadding-padd

4、ing-text-font-size: text-padding-padding: margin: 1px text-align: left: /*给图片加链接文字left: font-family:font-size: /*给图片加链接文字.afont-size: 25px; font-color: margin: 0px 0px 0px /*链接文字的样式aTEXT-DECORATION:none/*去掉了超链接下的下划线.wrappermargin: 0 .sharpmargin: 10px auto 0;float: .contentheight: 159px;overflow: 0p

5、x left: font-family:font-size: /*给图片加链接文字.afont-size: 25px; font-color: margin: 0px 0px 0px /*链接文字的样式aTEXT-DECORATION:none/*去掉了超链接下的下划线.wrappermargin: 0 .sharpmargin: 10px auto 0;float: .contentheight: 159px;overflow: 0px .content1height: 99px;overflow: left: 0px ; border-radius: -webkit-border-radi

6、us: -moz-border-radius: border-radius: -webkit-border-radius: -moz-border-radius: .sharp b:emptydisplay: none;/*蓝色边框#FFF5FA;border-color:#000000;/*/*边框加圆角text-align: font-family:font-size: padding: margin: 0 width: background-moz-border-radius: .sharp b:emptydisplay: none;/*蓝色边框#FFF5FA;border-color:

7、#000000;/*/*边框加圆角text-align: font-family:font-size: padding: margin: 0 width: background-background-color: margin:0 padding: width: border: 1px dashed /*背景框table align=center cellpadding=1 div class=sharp div img src=img/beijing1.png / id=block1href=./grwy/index2.html class=a旧时光href=./grwy/index3.ht

8、ml class=a 永远的记忆table align=center cellpadding=1 div class=sharp div img src=img/beijing1.png / id=block1href=./grwy/index2.html class=a旧时光href=./grwy/index3.html class=a 永远的记忆href= HYPERLINK /m/7niaqyx /m/7niaqyxclass=adiv table width=900px align=center cellpadding=0 td width=200px div class=sharp

9、b b div b b 姚星如活泼可爱，美丽大方。td 个人信息div class=sharp b b div b b 姚星如活泼可爱，美丽大方。td 个人信息姓名：姚星如br性别：女br民族：汉br籍贯：甘肃定西br学历：大学本科br学校：重庆师范大学br基本资料电话号码brQQ：2651169635 br 电子邮箱： HYPERLINK mailto:2651169635 2651169635 brB425 br邮政编码：401331 br微博br微信：W2651169635 br兴趣爱好电子邮箱： HYPERLINK mailto:26

10、51169635 2651169635 brB425 br邮政编码：401331 br微博br微信：W2651169635 br兴趣爱好活泼开朗。乐于助人。同学眼中的开心果、老性格优点家人介绍女、我们是有爱的一家子。我的挚爱href= HYPERLINK /m/NbMr63q /m/NbMr63q点击此处必有惊喜。img src=img/beijing.png 星如版权所有，违版必究。 HYPERLINK /grwy/index2.html !doctype meta charset=utf-img src=img/beijing.png 星如版权所有，违版必究。 H

11、YPERLINK /grwy/index2.html !doctype meta charset=utf-个人主页style bodybackground-margin:0 /*背景padding: margin: 1px text-align: left: /*给图片加链接文字left: font-family:font-size: /*给图片加链接文字.afont-size: 25px; font-color: margin: 0px 0px 0px left: /*给图片加链接文字left: font-family:font-size: /*给图片加链接文字.afont-size: 25

12、px; font-color: margin: 0px 0px 0px /*链接文字的样式aTEXT-DECORATION:none/*去掉了超链接下的下划线.wrappermargin: 0 .sharpmargin: 10px auto 0;float: .contentheight: 159px;overflow: .content1height: 99px;overflow: hidden; margin-left: border-radius: -webkit-border-radius: -moz-border-radius: border-radius: -webkit-bord

13、er-radius: -moz-border-radius: .sharp b:emptydisplay: none;/*蓝色边框#FFF5FA;/*绿色边框/*边框加圆角text-align: font-family:font-size: border-radius: -webkit-border-radius: -moz-border-radius: border-radius: -webkit-border-radius: -moz-border-radius: .sharp b:emptydisplay: none;/*蓝色边框#FFF5FA;/*绿色边框/*边框加圆角text-ali

14、gn: font-family:font-size: padding: margin: 0 width: height: background-/*父眶background-color: margin:0 padding: width: /*子框.wrappermargin: 0 .sharpmargin: 0px auto 0;float: .sharp1margin: 0px auto 0;float: .contentheight: 122px;overflow: border-radius: -webkit-border-radius: -moz-border-radius: .sha

15、rp b:emptydisplay: none;/*蓝色边框.color1.contentbackground: #FFF5FA;/*绿色边框/*边框加圆角padding: width: /*子框.wrappermargin: 0 .sharpmargin: 0px auto 0;float: .sharp1margin: 0px auto 0;float: .contentheight: 122px;overflow: border-radius: -webkit-border-radius: -moz-border-radius: .sharp b:emptydisplay: none;/

16、*蓝色边框.color1.contentbackground: #FFF5FA;/*绿色边框/*边框加圆角p.content /* 正文内容 line-letter-spacing: 20px; /* 正文行间距 float:left; /* 左侧图片混排 margin:20px 20px 20px 20px; /*float:right; /*margin: 30px 30px 30px span.first /* 首字放大 font-font-family:font-margin: 5px 5px 0px color:#090; /* 首字颜色 .demo width: margin: 1

17、0px padding: 10px; color: float:right; /*margin: 30px 30px 30px span.first /* 首字放大 font-font-family:font-margin: 5px 5px 0px color:#090; /* 首字颜色 .demo width: margin: 10px padding: 10px; color: font: bold 45pxArial, Lucida Sans, text-transform: text-align: .demo3 text-shadow: 0 0 5px #FFF ,0 0 40px #

18、FFF, 0 0 70px 10px #FFF, 0 0 15px #FFF, table align=center cellpadding=0 div class=sharp div img src=img/beijing1.png / img src=img/beijing.png 主页href=./grwy/index2.html class=a旧时光table align=center cellpadding=0 div class=sharp div img src=img/beijing1.png / img src=img/beijing.png 主页href=./grwy/in

19、dex2.html class=a旧时光href=./grwy/index3.html class=a 永远的记忆href= HYPERLINK /m/7niaqyx /m/7niaqyxclass=adiv div table width=900px align=center cellpadding=0 我的母校div class=sharp div class=content img src=img/xiaomen.jpg alt=header / 通193994渭县立初级中学，1942div class=content img src=img/xiaomen.jpg alt=header

20、 / 通193994渭县立初级中学，1942年改制为普通高级中学，20077定西市示范性普通高中。div class=sharp1 div class=content img src=img/jiaoxuelou.png alt=header 学4558440521591.7%73（3），9893224248654980div class=sharp class=b3 div class=content img src=img/xiaoyuan.png / class=b7 学校先后被国家体委、国家教委授予先进单 class=b3 div class=content img src=img/x

21、iaoyuan.png / class=b7 学校先后被国家体委、国家教委授予先进单德建设先进单位”等荣誉称号。div class=sharp1 div class=content img src=img/xiaozhi.png alt=header / 学411558440521591.7%73（3级教师），989224248654980div class=sharp div class=content img src=img/bangong.png alt=header / 通193994 div class=content img src=img/bangong.png alt=head

22、er / 通193994学，1979，19852006，20077通过市级示范性普通高中验收，被命名为定西市示范性普通高中。img src=img/beijing.png 星如版权所有，违版必究。 HYPERLINK /grwy/index2.html 九、代码粘贴1、XXX 2、XXX 3、XXX 4、XXX 十、大作2、XXX 3、XXX 4、XXX 十、大作业个人总结（至少 1000 字自从来到重庆师范大学计算机学院，期待着学到实用的技术，学期学了网页设计以后才感觉我学到了个实验敲出都是一个新的惊喜。虽然熬了无数个夜晚，但我想说这都是值得的当同龄人忙着在空闲时间聊天打游戏的时候我们在敲实

23、验是一种旁人无法体会的幸福。这一切，首先要感谢的是我们的戴老师他在开学之前就已经开始熬夜写 ppt，两千多张 ppt，用了无数个为了让同学们学到更多的到更加前沿的信息和识。他的伟大我们有目共睹，当然了，我们也很争气，没有辜负老对我们的期望，大作业做出来的那一刻，就证明了一切。一个个的做的那么出色。相信老师看了我们的大作业，也会很欣慰的说实刚开始的时候我敲实验的时候都不知道代码的意思就觉敲代码很枯燥，很无聊。但是慢慢的就懂了，就想老师说的当你时不懂没有什么大不了，只要你时时刻刻想着，就算在睡觉的时候大脑也会时时刻刻思考一个不经意的时你就会突然大脑也会时时刻刻思考一个不经意的时你就会突然明白是么回事当把基础篇学完的时候就觉得看代码不在是那么的吃了。然后兴趣就逐渐浓厚，课前预习，跟着老师的节奏，课后及时完当前实验。当然了，坚持是最重要的。我最深刻的记忆就是元旦的时候，其他同学都出去跨年了，而我们寝室三个都在寝室敲代码到半夜还没吃饭中途吃了点水果继续敲个过程痛并快乐着当人生中的