14级15web前端大作业代码说明书

1、14 级 15 级（包括 15 级端大作业代码说明书）WEB 前一、学号专业：学 号 ： 2014051603064专 业 ： 计 算 机 科 学与 技 术：学号专业：2014051603064计算机科学与技术二、WEB 大作业的首页地址和平时作业地址等：大作业 的首页 地址：1.WEB平时实验作业地址：2.大作业ZIP文件云盘：3.ht/s/1mhnAZKc三、大作业在本地虚拟机上的文件夹结构：服务器文档根目录 d:wwwgrwzindexjsImgcsszhejiushiwo.Indexjiatingdiandi.Indexxuexiaoshenghuo.Index zhijiaojiyi

2、.Index四、大作业功能介绍:功能说明：这个个人主要是用来向别人全方位的展示我，从出发到我的家庭，到我就读的大学，再到以支教经历为的相册（希望通过这个相册展示出大凉山积极而又贫穷的一面，以此来吸引的人来关注大凉山，关注苦难的彝族同胞）。这个网页展示出了我的具体信息，更展示出了个人专业技能。操作说明：当打开首页界面后，有五个，分别对应首页、这就是我、家庭点滴、学校生活、支教，想浏览哪个界面便可以点击哪一个按钮。在“这就是我”界面中使用了文字，点击“空间：吃着那条去跑步”时便可进入空间。在“家庭点滴”界面，点击右边的第二个牛肉面就可以浏览到各式各样的牛肉面，点击“牛肉面”便可看到好馊百科的牛肉面

3、介绍。在“家庭点滴”界面，点击右边的第三个发菜就可以浏览到各式各样的临夏小吃，点击“发菜”便可看到好馊百科的发菜介绍。在“学校生活”界面，点击“信息获取”到重庆师范大学的。优点：运用了一定的网页设计技巧，如文字、设置为圆角、给添加边框等。对情况有一定的介绍，详细的介绍了大学以及家乡和家庭，相册里的支教能一定程度上引起大家对大凉山的关注。缺点：界面整体效果不够美观，技术应用不够熟练。对自介绍不够明确。一些想法未能很好的展示出来。五、界面效果图说明：这是首页，简单大方，点击不同按钮不同的界面。这是“这就是我”，放了自己的红色背景寸照，清晰，但是感觉有点吓人。旁边配有一定的文字说明，主要是我个人的简

4、介。这个是“家庭点滴”界面，左右两边分别呈现了家人、家乡美食等，并配有相应的文字说明，中间的文字分别介绍了家乡，我家的情况和家人对期望，也介绍了对自己的期望。1“学校生活”界面对重庆师范大学做了相应的介绍。图文结合，一目了然。“支教”以为主，配有辅助性的文字说明。整体效果大方美观，是整个网页中比较出彩的一点。六、代码模块说明1、index 文件功能说明：首页主要展示了我最喜欢的一首诗致橡树，以此来表达生活理念。2、zhejiushiwo.index 文件功能说明：该页主要展示了个人信息：、就读学校、所在学院、等。3、jiatingdiandi.index 文件功能说明：该页主要介绍了家乡、家乡

5、美食以及家庭成员。4、xuexiaoshenghuo.index 文件功能说明：该页主要介绍了我就读的大学重庆师范大学。图文结合，美观大方。5、zhijiaojiyi.index 文件功能说明：该页制作了一个相册，介绍了我在大凉山支教的一些情况。七、代码粘贴：1、index文件代码粘贴：grwz!-bodybackground-color:#e9fbff;margin:0px; padding:0px;tabanner商河图1.jpg)background:url(img/repeat-x;width:100%;height:100px;tabtnbackground:url(img/butt

6、on1_bg.jpg)repeat-x; width:100%;#navigationmargin:0px; padding:0px;list-style-type:none;height:100px; font-size:22px;#navigation litext-align:center; width:100px; height:50px;background:url(img/button1.jpg)repeat-x;floeft;#navigation li a padding:10px 0px; text-decoration:none; display:block;#naviga

7、tion li a:link, #navigation a:visited color:#526d00; #navigation li a:hoverlicolor:#;background:url(img/button2.jpg) no-repeat;#content1text-align: center; font-size:40px;background: url(img/bg9.gif) ; color: #566F89; background:;text-shadow: 1px 1px 0 #E4F1FF;#content2 text-align: center; font-size

8、: 25px;background: url(img/bg9.gif) ;text-shadow:,0 0 4px #0 0 5px #,0 0 4px#,0 0 5px #ff00de,00 8px#ff00de;color: #f3f;#left#footerclear:width:both; font-size: 12px;100%;padding: 3px 0px 3px 0px;text-align: center; margin: 0px;background-color: #b0c/*img border:1px red dashed;/*给banner添加虚线框*/-cells

9、pacing=0cellspacing=0首页这就是我家庭点滴学校生活支教致橡树 作 者 ：舒 婷我 如 果 爱 你绝 不 学 攀 岩 的 凌 霄 花 ，借你 的 高枝来炫 耀 自 己 ；我 如 果 爱 你绝 不 学 痴 情 的 鸟 儿 ，为 绿 荫 重复也藉也单不调 的 歌止 像 泉曲源；，常 年 送 来 清 凉 的 慰；不 止 像 险峰，增 加 你 的 高 度 ，衬 托你甚甚不我的根的至至威日春仪 。光。雨。，这 些 都 还 不 够 !必形，须象紧是和握你你在近站旁在的 一 株 木 棉 ，做 为 树 起 。；叶 ，相 触 在 云 里 。每有你像我又一人有戟有像阵 风过，都 相 互 致 意

10、，但 没，听 懂你 的 铜的 言 语。刀 、像 剑 ，也枝铁干 ，像；我英分红勇担硕的寒的火潮花炬朵 ，像沉 重 的 叹 息 ，。、风 雷、霹 雳；共 享 雾 霭 、流 岚 、虹 霓。仿佛分离，却 又相 依 。这坚爱也才贞是就不你伟在仅坚大这爱持的里你的爱 情 ，：伟 岸 的 身 躯 ，位 置 ，足 下 的 土 地 。爱重庆师范大学计算机与信息科学学院2014级计算机科学与技术2、zhejiushiwo.index 文件代码粘贴：zhejiushiwo!-bodybackground-color:#e9fbff;margin:0px; padding:0px;tabanner商河图1.jpg)

11、background:url(img/repeat-x; width:100%; height:100px;tabtnbackground:url(img/button1_bg.jpg)repeat-x; width:100%;#navigationmargin:0px; padding:0px; list-style-type:none; height:100px;font-size:22px;#navigation litext-align:center; width:100px; height:50px;background:url(img/button1.jpg)repeat-x;fl

12、oeft;#navigation li a padding:10px 0px; text-decoration:none; display:block;#navigation li a:link, #navigation a:visited color:#526d00; #navigation li a:hoverlicolor:#;background:url(img/button2.jpg)repeat;#content1 text-align: center; padding: 20px;no-#footerclear: both; font-size: 12px;width: 100%

13、;padding: 3px 0px 3px 0px; text-align: center; margin: 0px;background-color: #b0c;.flashfloat: left;padding-right: 20px; padding-left: 300px;cellspacing=0cellspacing=0首页这就是我家庭点滴学校生活支教：所在学校：重庆师范大学所在学院：计算机与信息科学学院专业：计算机科学与技术学号： 2014051603064所学内容：Flash视频制作、网页制作、数据库原理、计算机网络 .未来规划：语文老师br歌、看书、写作、运动个人：听/生日：

14、八月二十三br码：1652777847星座：天秤座号 ：/br座右铭：既然选择了远方，那就要风雨兼程条去跑步 div重庆师范大学计算机与信息科学学院3、jiatingdiandi.index 文件代码粘贴： border:1px solid #00406c;p.leftcontenta:hover; a:link;color:#001671;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;h4text-decoration:underline; color:#0078aa;padding-top:15p

15、x;font-size:16px;-cellspacing=0首页这就是我家庭点滴学校生活支教和姥爷是世界上最慈祥的老人。一生经历了许多的苦难，在他八十年的人生里，他光明磊落，虽然是一个普通人，但在我心目中，他是最刚强的人。是一个既严肃又幽默的人，在家庭中他扮演着一家之主的角色，所以难免凶悍。但他不不总是板着脸，他也喜欢模仿，喜欢讲笑话。辛苦赚钱养家，我却从未向他表达过谢意。我知道，有些爱，的确以。出口才可母上大人是世界上最能干的人，命运没能让她接受良好的教育，但她以爱教育了我和弟弟。我啊？是不是很漂亮家乡家乡是地处西北的临夏自治，所州，那里的以呢，我对奇怪的属于聚居在少数民族地区的文化有一定

16、的了解，就像很多学生我从来都不感到奇怪，因为呀，有那么一个民族，对饮食有着特殊的要求，他们有虔诚而坚定的信仰。我很幸运这样有一个多种文化共存的临夏。这里经济虽然拖了的后腿，但家乡人民都在为建设更好的临夏而努力奋斗。临夏有很多特色小吃，河沿面片、发子面肠、酿皮子、甜等，的东乡手抓、三台的碗子、粿粿等是非常好吃的。临夏人将一种精细的饮食方式发展为了一种文化。小家 在2015年3月份以前呢，家一共有五口人，家虽不大，却也其乐融融。只是呢，没能陪伴走更长的路，知道他累了，他踏上了累了，即使舍不得，也家很普通，如中国千千万他最终的归途。知道得让他去。万的农村家庭一样，父母务农、打工，赚钱养家供孩子读书，

17、幸运的是，我和弟弟以前并不是留守儿童，的童年时期，父母都在离不远的市区里打工。现在亦是如此。父母勤劳朴实，他们是的榜样。做人弟弟小我三岁，正在读高二。他选择的是理科，擅长数学和物理，英语和语文常常拖他的后腿，我相信他能走的比我更远。爱与期望每一个父母都希望自己的孩子健康的成长生活，好。父母对父母亦是希望我和弟弟能够成长的更并不严苛，放养式的教育让我和弟弟在的家庭环境下长大。也非常疼爱，我考上大学时他非常高兴，他一直希望能够好好读书，有一份稳定的工作。现在看来，我多多少少都让他有点失望。而呢，比较喜欢看文学类书籍，我希望自己 以后可以成为一名语文老师。在三尺讲台上，用语言之美和孩子们一起成长。我

18、小学和初中的班对人生有很大的影响，我希望 自己也能成为他们那样的人。弟弟我弟弟是不是很帅呀？弟弟不仅长得帅，个头也很高呢，他身高175（还会继续长高哟），喜欢打篮球，乒乓球打的也很好，我完全不是他的对手呀。希望弟弟能的度过他的高中生活。ahref=http:-6885993.html/doc/6672152牛肉面=_bl很多人都知道兰州牛肉面，却不知临夏也有牛肉面，而且遍布各地的牛肉面馆有很大一部分是临夏人开的呢。“唯有爱与美食不可辜负”。家庭和故乡，是最深的牵挂。imgsrc=img/facai.pnga href=http:-5632225.htmlclass=pic1/doc/53950

19、73发菜=_bl是的，你没看错，就是发菜，谐音“发财”，这道菜在临夏是一道很重要的菜。宴席上，上的第一道菜必定是它。这代表着临夏人对美好生活的希冀。重庆师范大学计何算机与信息科学学院 2014级计算机科学与技术昌娣4、xuexiaoshenghuo.index 文件代码粘贴：xuexiaoshenghuo!-bodybackground-color:#e9fbff; margin:0px; padding:0px;tabanner商河图1.jpg)background:url(img/repeat-x; width:100%; height:100px;tabtnbackground:url(

20、img/button1_bg.jpg)repeat-x; width:100%;#navigationmargin:0px; padding:0px; list-style-type:none; height:100px;font-size:22px;#navigation litext-align:center; width:100px; height:50px;background:url(img/button1.jpg)repeat-x;floeft;#navigation li a padding:10px 0px; text-decoration:none; display:bloc

21、k;#navigation li a:link, #navigation a:visited color:#526d00; #navigation li a:hoverlicolor:#;background:url(img/button2.jpg)repeat;#content1 text-align: center;no-.tufloat: left; padding: 20px;#left#footerclear: both; font-size: 12px;width: 100%;padding: 3px 0px 3px 0px; text-align: center; margin:

22、 0px;background-color: #b0c/*img border:1px red dashed;/*给banner添加虚线框*/-cellspacing=0cellspacing=0首页这就是我家庭点滴学校生活支教重庆师范大学信息获取重庆师范大学创办于 1954年，坐落在历史文化名城重庆。校园面积2800亩,包括大学城校区、沙坪坝老校区和北碚校区。大学城校区位于市规划建设的重庆大学城内，背靠的缙云山，地势平坦开阔，恢宏现代；沙坪坝老校区、北碚校区绿树成荫，雅致和谐。50多年来，虽几经调整，学校始终认真党和国家的教育方针，坚持正确的办学方向，秉承“自强不息，躬行师道”的重师精神，践

23、行“厚德、笃学、砺志、创新”的校训，立足重庆、面向西部，突出教师教育特色，多层次、多形式办学，多服务社会，不断提高办学水平，一个集学前教育、小学教育、中等教育、高等教育、继续教育、教育、特殊教育和海外华文教育师资培养培训为一体的较为完备的教师教育体系已经形成。历经50多年的办学实践，学校形成了“立教无 类，育师有道，构建完备教师教育体系，矢志服务巴蜀基础教育”和“修己，朋辈互喻，推行五自教育，熔铸学生优秀特质”的鲜明特色。学校是重庆市依校示、重庆市文明、重庆市德育工作先进集体、重庆市园林式、重庆市十佳市容整洁、重庆市森林校园。学校是“侨务华文教育基地”、“教育部重点建设职教师资培训”两个国家级

24、市级培训依托。学校是重庆市普通中小学教师、重庆市幼儿教育教师市级研修培训基地、重庆市特殊教育教师市级培训、重庆市汉语国际推广培训。学校抢抓机遇，建设大学 城新校区，拓展办学空间，为师生创造良好的工作、学习和生活条件。教学基本设施设备先进。三个校区各有1个，教学科研仪器馆，纸质总量226万册，中外文期刊35000余种（含电子期刊），中外文数据库29个，特藏文献93560册。馆实行“全天候、全开放、大流通、大阅览”和“藏、借、阅、咨”区。的管理模式。校园网覆盖连接三个校学校现有全日制在校生27000余人，其中全日制本专科生22000余人，研究生2000余人。有教职工1980余人，其中专任教师137

25、0余人，正高教师190余人、副高教师、博士420余人、博士学位教师230余人，具有学位教师占70%，博士生导师11人，生导师275人。有“新世纪百千万工程”国家级人选获得者3人、国家级中青年有突出贡献1人、“教育部新世纪优秀支持计划”入选者2人、“中国青年科技奖”获得者、教育部“高校青年教师奖”获得者、教育部“优秀青年教师资助计划”入选者、享受政府特殊津贴和重庆市“巴渝学者”特聘教授等19人、“优秀教师”4人、“重庆市名师奖”教师4人、重庆市学术技术人及后备人选41人。重庆师范大学级计算机科学与技术计何算机与信息科学学院昌娣2014zhijiaojiyi!-bodybackground-col

26、or:#e9fbff; margin:0px; padding:0px;tabanner商河图1.jpg)background:url(img/repeat-x; width:100%; height:100px;tabtnbackground:url(img/button1_bg.jpg)repeat-x; width:100%;#navigationmargin:0px; padding:0px; list-style-type:none; height:100px;font-size:22px;#navigation litext-align:center; width:100px; h

27、eight:50px;background:url(img/button1.jpg)repeat-x;floeft;#navigation li apadding:10px 0px; text-decoration:none; display:block;#navigation li a:link, #navigation a:visited color:#526d00;#navigation li a:hoverlicolor:#;background:url(img/button2.jpg)repeat;#content1 text-align: center;no-#left #foot

28、erclear: both; font-size: 12px;width: 100%;padding: 3px 0px 3px 0px;text-align: center; margin: 0px;background-color: #b0c/*img border:1px red dashed;/*给banner添加虚线框*/-首页这就是我家庭点滴学校生活支教.wrapperwidth:98%; margin:0 auto;.sharp width:30%;margin:20px auto 0;floeft; margin-right:2%; .contentheight:180px; o

29、verflow:hidden;border:solid 1px;.contentborder-radius:10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;.sharp b:empty /*蓝色边框*/display:none;.color1 .contentbackground:#EFF7FF;border-color:#96C2F1;/*绿色边框*/.color2 .contentbackground:#F0FBEB; border-color:#9BDF70;/*绿色边框*/.color3 .contentbackgro

30、und:#EEFAFF; border-color:#BBE1F1;/*绿色边框*/.color4 .contentbackground:#border-color:#E3E197;/*粉色边框*/.color5 .contentbackground:# border-color:#F8B3D0;/*黄色边框*/.color6 .contentbackground:# border-color:#FFCC00;/*/;5FA;FF7;.color7 .contentbackground:#EEFAFF;border-color:#BBE1F1;/*绿色边框*/.color8 .contentb

31、ackground:# border-color:#E3E197;/*粉色边框*/;.color9 .contentbackground:#EFF7FF;border-color:#96C2F1;/*绿色边框*/.color10 .contentbackground:#F0FBEB; border-color:#9BDF70;/*绿色边框*/圆角边框.wrapperwidth:98%; margin:0 auto;.sharp width:22.5%;margin:20px auto0;floeft; margin-right:2%; .contentwidth:250px;height:18

32、0px;overflow:hidden; border:solid 1px;.contentborder-radius:10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;.sharp b:empty /*蓝色边框*/display:none;.color1 .contentbackground:#EFF7FF;border-color:#96C2F1;/*绿色边框*/.color2 .contentbackground:#F0FBEB; border-color:#9BDF70;/*绿色边框*/.color3 .contentb

33、ackground:#EEFAFF; border-color:#BBE1F1;/*绿色边框*/.color4 .contentbackground:#border-color:#E3E197;/*粉色边框*/.color5 .contentbackground:# border-color:#F8B3D0;/*黄色边框*/.color6 .contentbackground:#;5FA;FF7;border-color:#FFCC00;.color7 .contentbackground:#EEFAFF;border-color:#BBE1F1;/*绿色边框*/.color8 .contentbackground:#border-color:#E3E197;/*粉色边框*/;.color9 .contentbackground:#EFF7FF;border-color:#96C2F1;/*绿色边框*/.color10 .contentbackground:#F0FBEB; border-color:#9BDF70;/*绿色边框*/不能忘却的难与希望并存啊大凉山的苦忘不了这一段岁月，如童啊，在苦难中依旧微笑啊般纯净的孩忘不了这一群朋友，翻山越岭不为普度众生，只为那深处苦难的孩子们啊重庆师范大学计算机与信息科学学院大作业个人总结在写这个个人总结的时候我是很开心的，至少