14級(jí)web前端大作業(yè)代碼說明書

1、14 級(jí) WEB 前端大作業(yè)代碼說明書學(xué)號(hào)：2014051609008專業(yè)：14 級(jí)職教師資：康紅梅1、WEB 大作業(yè)的首頁地址:2、平時(shí)實(shí)驗(yàn)作業(yè)地址:3、大作業(yè) ZIP 文件云盤：ht/s/1mhcdW5i一、大作業(yè)在本地虛擬機(jī)上的文件夾結(jié)構(gòu)：服務(wù)器文檔根目錄 d:wwwgrw zIndex.htmljsi m a g e scssshiguangzhou.htmlphoto.html二、大作業(yè)功能介紹（最好不要超過 2000 字）功能說明：介紹個(gè)人信息，展示個(gè)人學(xué)校和操作說明：個(gè)人首頁 時(shí)光軸 相冊(cè)優(yōu)點(diǎn)：詳細(xì)的展示出個(gè)人的信息，簡潔缺點(diǎn)：沒有太多的技術(shù)性三、界面效果圖說明：四、代碼模塊說明

2、1、index.html 文件功能說明：顯示個(gè)人信息2、shiguangzhou.html 文件功能說明：顯示學(xué)校的基本信息，采用圖文混排，點(diǎn)擊可以打開學(xué)校主頁3、photo.html文件功能說明：展示朋友及家人的，鼠標(biāo)移到照片上上可以將放大顯示五、代碼粘貼：1、index.html 文件代碼粘貼：康紅梅的個(gè)人/*背景bodybackground-image:url(images/1.jpg);*/background-ition:0% 0%;tabannerbackground:url(images/重師風(fēng)光.jpg) no-repeat; width:100%;*/*bannerbackg

3、round-size:auto;pfont-size:20px;color:#;p.titlefont-size:18px;font-weight:bold;text-align:left;color:#59340a;img/*邊框*/border:1px solid #664a2c;img.pic1floeft;margin-right:10px;margin-bottom:5px;#navignationfont-family:Arial;#navignation ullist-style-type:none;/*不顯示項(xiàng)目符號(hào)*/margin:0px; padding:0px;width

4、:100%;#navignation li eft;/*水平顯示各個(gè)項(xiàng)目*/flo#navignation li atext-decoration:none;border:1px; sold #711515;padding:10px20px ;display:block;/*塊顯示*/margin:0px;#navignation li a:link,#navignation li a:visitedbackground-color:#000000;color:#;/*鼠標(biāo)經(jīng)過時(shí)*/#navignation li a:hover/*改變背景顏色*/background-color:# f00;

5、TIME 時(shí)間沒有等我，是你忘了帶我走，我左手過目不忘的的螢火，右手里是十年一個(gè)漫長的打坐個(gè)人首頁&;&;時(shí)光軸&;&;相冊(cè)&;&;ABOUT MEMY NAME IS KANGHONGMEI姓&;名：康紅梅;&性&;別：女;&星&;座：金牛座;&電&;話：1510338483 ;&Q &;Q:1490195718 愛&;好：看書，看，打羽毛球、籃球。;&現(xiàn)就讀的學(xué)校：重慶師范大學(xué) 最喜歡的：、霍建華、喜歡的動(dòng)物：狗 格&;&;言：世上無難事，只怕有心人。TIME每個(gè)人，都有一個(gè)世界，安靜而孤獨(dú)如果人生可以刷新，躲在某一時(shí)間，粘貼。那么一切是不是可以注銷，關(guān)機(jī)，再重啟。，想念一段時(shí)光的掌紋；躲

6、在某一地點(diǎn)，想念一個(gè)站在來路也站在去路的，讓我牽掛的人。天空不總是晴朗，陽光不總是閃耀，所以偶爾情緒下，也無傷大雅Happiness左手握著，右手握著回憶，花開不敗 青春，一個(gè)被賦予太多憧憬與希望的詞匯。在很多人眼里青春如火，燃燒著激；情與青春如花，綻放著智慧和希望。但在路口，前路眼里，青春就如一只迷途的鹿，徘徊在人生的是滿布的荊棘與彷徨。打開青春的天窗，為前行的風(fēng)景定格，用執(zhí)著的信念年輕的的力量去叩青春開理想的宮殿;打開青春的天窗，給未來一個(gè)承諾，用珍惜生命的陽的心靈感激的微笑關(guān)注的目光去光?；蛟S，最美的事不是留住時(shí)光，而是留住一個(gè)不經(jīng)意的，如最初相識(shí)的感覺一樣，哪怕笑容，便是最的故事。但愿

7、，時(shí)光，如初見。是一朵浸泡在水里的白色含笑，盈盈地沾了滿把的水分，只是輕輕地觸碰，枯澀就這樣肆無忌憚地溢上來，措手不及。|重慶師范大學(xué)/*點(diǎn)擊“重慶師范大學(xué)”進(jìn)入學(xué)校首頁*/| 計(jì)信學(xué)院 | 14 級(jí)職教師資康紅梅 | 2014051609008|2、shiguangzhou.html 文件代碼粘貼：1.0Transitional/EN時(shí)光軸/*背景bodybackground-image:url(images/0.gif);*/backgorund-repeat:no-repeat;background-ition:0% 0%;#navignationfont-family:Arial;#n

8、avignation ullist-style-type:none;/*不顯示項(xiàng)目符號(hào)*/margin:0px; padding:0px;width:100%;#navignation li eft;/*水平顯示各個(gè)項(xiàng)目*/flo#navignation li atext-decoration:none;border:1px; sold #711515;padding:10px20px ;display:block;/*塊顯示*/margin:0px;#navignation li a:link,#navignation li a:visitedbackground-color:#000000

9、;color:#;/*鼠標(biāo)經(jīng)過時(shí)*/#navignation li a:hover/*改變背景顏色*/background-color:# f00;/*段落文字大小 顏色為白色*/pfont-size:15px;color:#/*左側(cè)標(biāo)題*/p.title1/*下劃線*/text-decoration:underline;font-size:18px;/*粗體*/font-weight:bold;/*左對(duì)齊*/text-align:left;/*標(biāo)題顏色*/color:#59340a;/*右側(cè)標(biāo)題*/p.title2text-decoration:underline;font-size:18p

10、x;font-weight:bold;text-align:right;color:#59340a;/*正文內(nèi)容*/p.contentline-height:1.2em;/*正文行間距*/margin:0px;imgborder:1px solid #664a2c;/*邊框*/img.pic1/*左側(cè)混排*/floeft;右端與文字的距離*/margin-right:10px;/*margin-bottom:5px;img.pic2/*右側(cè)混排*/float:right;margin-left:10px;/*左端與文字的距離*/margin-bottom:5px;/*首字放大*/span.fo

11、nt-size:60px;font-family:;幼圓floeft;font-weight:bold;/*文字顏色*/color:yellowTIME 時(shí)間沒有等我，是你忘了帶我走，我左手過目不忘的的螢火，右手里是十年一個(gè)漫長的打坐個(gè)人首頁&;&;時(shí)光軸&學(xué)校頁面*/*點(diǎn)擊進(jìn)入介紹;&;相冊(cè)&/*點(diǎn)擊進(jìn)入相冊(cè)頁面;&;*/重慶市縣養(yǎng)鹿初級(jí)中學(xué)養(yǎng)鹿中學(xué)是縣教委設(shè)置在養(yǎng)鹿片區(qū)的唯一國辦中學(xué)，位于平安鎮(zhèn)市場，學(xué)校占地 60 畝，1972 年建校。是縣西部的一所窗口學(xué)校，學(xué)校環(huán)境優(yōu)美。建校以來，主體建筑有怡情樓、勵(lì)志樓、科教樓、男生公寓、公寓、教師宿舍、能容納 2000 余人同時(shí)就餐的學(xué)生，有寬大的

12、塑膠運(yùn)動(dòng)場，運(yùn)動(dòng)場上有 4 條 100 米直線跑，學(xué)?，F(xiàn)有 39 個(gè)教學(xué)班（其中 13 個(gè)高中班），學(xué)生 2800 余人，有位居云、開、萬三區(qū)縣的地理優(yōu)勢(shì)，從這里到連接渝巴路（重慶巴東）高速路的出口僅 8 千米勵(lì)精圖治，樹立了“崇德、礪志、博學(xué)、創(chuàng)新”的辦學(xué)理念，以“封閉式管理，開放式辦學(xué)，規(guī)范化育人”為辦學(xué)，把“底進(jìn)高出，優(yōu)出”作為育人目標(biāo)。學(xué)校幾度被縣“先進(jìn)黨支”、“精神文明先進(jìn)集體”、縣教研先進(jìn)學(xué)校”、“重慶市文明禮儀示范學(xué)校”、“重慶市校務(wù)公開先進(jìn)集體”，“重慶市安全學(xué)?！?、 “重慶市平安校園”、連續(xù)六年被“縣優(yōu)秀學(xué)校”，是養(yǎng)鹿片區(qū)人民成才的搖籃。建校近四十載，桃李滿天下，從這里走出的

13、學(xué)生，有教授十余人，82 初的高中畢業(yè)考入，2002 初的再次叩開大門。新一代的養(yǎng)中人在以周開國校長為首的下，正豪情滿懷奔向光輝燦爛的明天。重慶市職業(yè)教育中心/= _blimg src=images/1450176104768.jpeg云陽職業(yè)教育中心位于縣青龍街道望江大道，占地 154畝，建筑面積 8.7 萬平方米，是一所集中職學(xué)歷教育、各類中短期技能培訓(xùn)、成人教育、職業(yè)技能鑒定于一體的國家級(jí)重點(diǎn)中等職業(yè)學(xué)校，是國家中等職業(yè)教育發(fā)展示范學(xué)校計(jì)劃項(xiàng)目建設(shè)（1000 所，重慶市僅 30 所）。學(xué)校現(xiàn)有教職工 331 人，其中專任教師 269人，中、高級(jí)職務(wù) 197 人，國家級(jí)、市縣級(jí)骨干教師 4

14、7 人，在校中職學(xué)生 4024 人，在冊(cè)專本科函授學(xué)員 729 人 2013 年 4 月被教育部正式確定為國家中等職業(yè)教育發(fā)展示范學(xué)校計(jì)劃項(xiàng)目建設(shè)。目前開設(shè)有機(jī)械制造、旅游服務(wù)、土木工程、服裝紡織等 5 個(gè)專業(yè)大類共 19個(gè)專業(yè)，同時(shí)還開設(shè)涵蓋所有專業(yè)大類的對(duì)口升學(xué)班。學(xué)校以“內(nèi)涵，打造特色，樹立品牌，服務(wù)社會(huì)”為辦學(xué)目標(biāo)，堅(jiān)持“以質(zhì)量求生存，以創(chuàng)新謀發(fā)展，以品質(zhì)創(chuàng)一流”為辦學(xué)理念，以“依校，和諧興校，特色立校，品牌強(qiáng)?！睘橹涡７铰?，實(shí)施“理論實(shí)訓(xùn)一體化，實(shí)現(xiàn)與職場無縫對(duì)接，實(shí)施技能培養(yǎng)崗位化，實(shí)現(xiàn)與就業(yè)崗位接軌，實(shí)施學(xué)生管理軍事化，實(shí)現(xiàn)與企業(yè)需求適應(yīng)，實(shí)施社團(tuán)建設(shè)化，實(shí)現(xiàn)與創(chuàng)業(yè)能力匹配，實(shí)施

15、校園文化職場化，實(shí)現(xiàn)與企業(yè)文化融合”。著力推行“德能并舉立身立業(yè)”校園文化職場化建設(shè)，營造職場氛圍，打造職場文化，培育職場精神，為社會(huì)培養(yǎng)了大批優(yōu)秀畢業(yè)生。每年開展針對(duì)農(nóng)村勞動(dòng)力轉(zhuǎn)移、職工就業(yè)與再就業(yè)、等技能培訓(xùn) 18000。是重慶三的實(shí)訓(xùn)設(shè)備，能峽學(xué)院專本科函授站，現(xiàn)有專本科函授學(xué)員 729 人。學(xué)校擁有 3000滿足學(xué)生實(shí)訓(xùn)需求。與福建榮譽(yù)酒店、國信機(jī)場服務(wù)、至誠有限公司、福建團(tuán)）三峽海爾生公司等 70 多家企業(yè)開展了校企合作，實(shí)行訂單培養(yǎng)；與重慶國梁建設(shè)（集、中國移動(dòng)等 20 多家企業(yè)簽訂了師生校外實(shí)訓(xùn)協(xié)議；與重慶學(xué)院、重慶城市管理職業(yè)學(xué)院等 5 所高職院校開展了聯(lián)合辦學(xué)；與廣達(dá)、創(chuàng)維、

16、華碩等 30 多家企業(yè)簽訂了就業(yè)安置合同，就業(yè)安置率 98%。學(xué)”獲取率 97.8%，高考升學(xué)率 2013 年 98.7%，2014 年 99%。和職業(yè)資格證“雙近年來，學(xué)校榮獲縣級(jí)以上綜合和授牌 120 余項(xiàng)，目前，學(xué)校正朝著“建職場化校園，塑精細(xì)化團(tuán)隊(duì)，育職業(yè)化學(xué)生”的職場化文化校園建設(shè)目標(biāo)奮進(jìn)。重慶師范大學(xué)/= _blimg src=images/1450009276698.jpeg重慶師范大學(xué)創(chuàng)辦于 1954 年，辦學(xué)歷史可追溯到 1906年創(chuàng)立的官立川東師范學(xué)堂。學(xué)校是一所以文理為主，多學(xué)科協(xié)調(diào)發(fā)展的多科性高等學(xué)府，坐落在歷史文化名城重慶，校園面積 2804 畝,包括大學(xué)城校區(qū)、沙坪

17、壩校區(qū)和北碚校區(qū)。學(xué)校是綠化模范、重慶市依校示范校、重慶市文明、重慶市德育工作先進(jìn)集體、重慶市園林式公室華文教育、重慶市十佳市容整潔、重慶市森林校園。擁有“僑務(wù)辦”、“教育部重點(diǎn)建設(shè)職教師資培訓(xùn)”、“國家漢辦漢語國際推廣師資培訓(xùn)（重慶）”等三個(gè)國家級(jí)，重慶市普通中小學(xué)教師市級(jí)培訓(xùn)、重慶市幼兒教育教師市級(jí)研修培訓(xùn)、重慶市特殊教育教師市級(jí)培訓(xùn)、中德（重慶）職業(yè)教育示范、重慶市職教師資培訓(xùn)、重慶市師資培訓(xùn)等多個(gè)市級(jí)。“重慶旅學(xué)院”游學(xué)院”、“重慶音樂學(xué)院”、“重慶幼兒師范學(xué)院”、“重慶特殊教育學(xué)院”、“重慶也依托我校設(shè)立。 辦學(xué) 60 余年來，學(xué)校已為國家培養(yǎng)輸送了十六萬余名各類畢業(yè)生。一大批畢業(yè)生

18、已成為教育、經(jīng)濟(jì)、文化、科技等領(lǐng)域的中堅(jiān)骨干力量。重慶市 90%的一級(jí)示范現(xiàn)任園長、50%的重慶主城區(qū)小學(xué)特級(jí)教師、60%的小學(xué)骨干教師均為我校畢業(yè)生。士、中國數(shù)學(xué)會(huì)理事長、數(shù)學(xué)獎(jiǎng)、數(shù)學(xué)獎(jiǎng)獲得者，“最美鄉(xiāng)村教師”等是我校畢業(yè)生中的杰出代表。學(xué)校把握教育趨勢(shì)，堅(jiān)持開放辦學(xué)，先后與、俄羅斯、澳大利亞、瑞典、等 20 多個(gè)國家和地區(qū)的教育機(jī)構(gòu)建立了友好合作關(guān)系，開展國際交流與合作。在、尼西亞、英國等國創(chuàng)辦“學(xué)院”、“漢語師范學(xué)院”。與國際交流合作建立“重慶交流之窗”。學(xué)校是國際聾人高等教育網(wǎng)絡(luò)組織(PEN 項(xiàng)目)成員。 學(xué)校堅(jiān)持、德育為先、全面發(fā)展的育人理念，注重校園文化建設(shè)，大力弘揚(yáng)“勤學(xué)善思，求

19、是致用”的優(yōu)良學(xué)風(fēng)，推行自我教育，強(qiáng)化實(shí)踐育人，促進(jìn)學(xué)生全面發(fā)展?，F(xiàn)有在冊(cè)學(xué)生社團(tuán) 106 個(gè)。近三年，學(xué)生在“挑戰(zhàn)杯”等科技文化活動(dòng)競賽中獲得性獎(jiǎng)項(xiàng) 206 項(xiàng)。學(xué)校連年被“大中專學(xué)生志愿者暑下鄉(xiāng)社會(huì)實(shí)踐活動(dòng)先進(jìn)”?！扒囫R工程”、“舞臺(tái)藝術(shù)精品培育工程”兩次獲高校校園文化優(yōu)秀成果一等獎(jiǎng)。學(xué)校還是“學(xué)校藝術(shù)教育先進(jìn)”。 學(xué)校現(xiàn)有全日制本?？粕?28000 余人余人，其中專任教師 1800 余人；正高3400 余人，成教自考學(xué)生 10000 余人。有教職工 2300教師 243 人，副高教師 490 人；具有學(xué)位教師 915 人，具有博士學(xué)位教師 414 人。具有、博士學(xué)位教師占專任教師 70%

20、以上，博士生導(dǎo)師 21 人，生導(dǎo)師 398 人。有“新世紀(jì)百千萬工程”國家級(jí)人選 3 人，海外青年學(xué)者合作研究基金獲得者 1 人，有突出貢獻(xiàn)的中青年國家級(jí)人選 1 人及人選 5 人，教育部“新世紀(jì)優(yōu)秀支持計(jì)劃”入選者 5 人，享受1 人，“中國青年科技獎(jiǎng)”獲得者 1 人，特殊津貼優(yōu)秀教師 4 人，15 人，杰出專業(yè)技術(shù)教育部“優(yōu)秀青年教師資助計(jì)劃”入選者 2 人，教育部“高校青年教師獎(jiǎng)”獲得者 1 人，教育部高等學(xué)校教學(xué)指導(dǎo)委員 7 人，重慶市首席2 人，重慶市“兩江學(xué)者”特聘教授 2 人，重慶市杰出專業(yè)技術(shù)、優(yōu)秀專業(yè)技術(shù)3 人，重慶市“巴渝學(xué)者”特聘教授 5 人，重慶市學(xué)術(shù)技術(shù)人及后備人選

21、39 人,重慶市“322 重點(diǎn)工程”一、二層次人選 7 人，?。ㄖ陛犑校┘?jí)名師獲得者 3 人，重慶市優(yōu)秀支持計(jì)劃 11 人， 重慶市高校優(yōu)秀中青年骨干教師 32 人，重慶市高等學(xué)校青年骨干教師資助計(jì)劃 12 人，重慶市中青年骨干教師資助計(jì)劃 71 人。=_bl重慶師范大學(xué)a href=http:/ | 計(jì)信學(xué)院 | 14 級(jí)職教師資康紅梅 | 2014051609008 | :1490195718 |2015-12-01 | 3、photo.html 文件代碼粘貼：1.0Transitional/ENphotosa, a:visited, a:hover color:#000; #contai

22、ner -webkit-border-radius: 15px;border-radius:15px;ition:relative;width:90%;height:800px;background:url(images/2013112918584.jpg); border:5px solid #000; margin:50px auto; font-family:verdana,/*墻背景*/arial, sans-serif; font-size:12px; #container a.pics -webkit-border-radius: 15px;border-radius:15px;b

23、ox-shadow:3px 3px 3px 3px #5B5B5B;floeft; margin:5px 8px;display:inline;color:#000;text-decoration:none;border:5pxsolid#000;width:105px; height:105px; cursor:default; #container a.pics img.thumb -webkit-border-radius: 15px;/*圓角屬性*/display:block; border:0;/*塊顯示;邊界為 0;*/border-radius:15px;#container a

24、.pics span display:none; border:0; width:480px;text-align:center; /*邊界為 0;寬度:480*/#container a.pics span img -webkit-border-radius: 15px;border-radius:15px;auto; border:5px solid #000; #container a.pics:hover white-space:normal; border:3px solid # ; #containera.pics:hoverspandisplay:block;height:500

25、px; ition:absolute;left:0px;z-index:10;#container a.picive border:3px solid #fc0; #containera.picheight:500px; ivespandisplay:block;ition:absolute;left:0px;z-index:5;#container a.pics:focus border:3px solid #fc0; outline:0; #container a.pics:focus span display:block;ition:absolute; left:0px;z-index:

26、5; outline:0; /*寬 、高：105 */.thumbwidth: 105px;height: 105px;/*放大后高為 400*/.bigheight: 400px;spanmargin-left: 300px;margop: -50px;/*背景bodybackground-image:url(images/heisei5.gif);*/*背景重復(fù)*/backgorund-repeat:repeat;background-ition:0% 0%;#navignationfont-family:Arial;#navignation ullist-style-type:none;

27、/*不顯示項(xiàng)目符號(hào)*/margin:0px; padding:0px;width:100%;#navignation li eft;/*水平顯示各個(gè)項(xiàng)目*/flo#navignation li atext-decoration:none;border:1px; sold #711515;padding:10px20px ;display:block;/*塊顯示*/margin:0px;#navignation li a:link,#navignation li a:visitedbackground-color:#000000;color:#;/*鼠標(biāo)經(jīng)過時(shí)*/#navignation li a:hover/*改變背景顏色*/background-color:# f00;TIME 時(shí)間沒有等我，是你忘了帶我走，我左手過目不忘的的螢火，右手里是十年一個(gè)漫長的打坐個(gè)人首頁時(shí)光軸/*點(diǎn)擊進(jìn)入介紹學(xué)校頁面*/相冊(cè)/*點(diǎn)擊進(jìn)入相冊(cè)頁面*/imgsrc=images/images1449323892704.jpeg / /*背景音樂*/六、大作業(yè)個(gè)人總結(jié)在學(xué)習(xí) web 之前我認(rèn)為網(wǎng)頁制作是一門神秘的技術(shù)，而那些懂網(wǎng)頁制作的人更是大神，看到那些做得十分精美的網(wǎng)頁感到羨慕不已。文字與是一個(gè)網(wǎng)頁