如前端大作業(yè)代碼說明書

1、1415（15）WEB端大作業(yè)代碼說明一1415（15）WEB端大作業(yè)代碼說明一、代碼說明書的必要性10 0 3二、學(xué)號姓名專學(xué)號：2014051603009 專業(yè)：計(jì)算機(jī)科學(xué)與技術(shù) 姓名：姚星學(xué)號姓名專業(yè)：2014051603009 姚星如計(jì)三、WEB 大作業(yè)的首頁地址和平時作業(yè)鏈接地址等1、WEB HYPERLINK /grwy/index1.html 2 HYPERLINK /h0/index.html 3ZIP 四、大作業(yè)在本地虛擬機(jī)上的文件夾結(jié)構(gòu)xampp g r w j c s 六、大作業(yè)功能介紹（最好不要超過 2000 字操 作 說 明 ： 你 可 以 直 接 在 瀏 覽 器 地

2、 址 框 里 面 打 開 此 鏈 接 g r w j c s 六、大作業(yè)功能介紹（最好不要超過 2000 字操 作 說 明 ： 你 可 以 直 接 在 瀏 覽 器 地 址 框 里 面 打 開 此 鏈 接 HYPERLINK /grwy/index1.html 七、界面效果圖說明整個界面在創(chuàng)新的基礎(chǔ)上采用傳統(tǒng)的排版方采用古頁主要是文字性的介紹加了自己的一寸照片采用古頁主要是文字性的介紹加了自己的一寸照片去。第二頁主要采用圖文混排的方式，把母校簡單的介紹了一三頁主要是照片展示，有一個相框走動，看起來特別炫酷。整個頁就好像是一副字畫。美不勝收八、代碼模塊說 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;/*藍(lán)色邊框#FFF5FA;border-color:#000000;/*/*邊框加圓角text-align: font-family:font-size: padding: margin: 0 width: background-moz-border-radius: .sharp b:emptydisplay: none;/*藍(lán)色邊框#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 永遠(yuǎn)的記憶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 永遠(yuǎn)的記憶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學(xué)歷：大學(xué)本科br學(xué)校：重慶師范大學(xué)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興趣愛好活潑開朗。樂于助人。同學(xué)眼中的開心果、老性格優(yōu)點(diǎn)家人介紹女、我們是有愛的一家子。我的摯愛href= HYPERLINK /m/NbMr63q /m/NbMr63q點(diǎn)擊此處必有驚喜。img src=img/beijing.png 星如版權(quán)所有，違版必究。 HYPERLINK /grwy/index2.html !doctype meta charset=utf-img src=img/beijing.png 星如版權(quán)所有，違版必究。 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;/*藍(lán)色邊框#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;/*藍(lán)色邊框#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;/*藍(lán)色邊框.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、*藍(lán)色邊框.color1.contentbackground: #FFF5FA;/*綠色邊框/*邊框加圓角p.content /* 正文內(nèi)容 line-letter-spacing: 20px; /* 正文行間距 float:left; /* 左側(cè)圖片混排 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 永遠(yuǎn)的記憶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渭縣立初級中學(xué)，1942div class=content img src=img/xiaomen.jpg alt=header

20、 / 通193994渭縣立初級中學(xué)，1942年改制為普通高級中學(xué)，20077定西市示范性普通高中。div class=sharp1 div class=content img src=img/jiaoxuelou.png alt=header 學(xué)4558440521591.7%73（3），9893224248654980div class=sharp class=b3 div class=content img src=img/xiaoyuan.png / class=b7 學(xué)校先后被國家體委、國家教委授予先進(jìn)單 class=b3 div class=content img src=img/x

21、iaoyuan.png / class=b7 學(xué)校先后被國家體委、國家教委授予先進(jìn)單德建設(shè)先進(jìn)單位”等榮譽(yù)稱號。div class=sharp1 div class=content img src=img/xiaozhi.png alt=header / 學(xué)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學(xué)，1979，19852006，20077通過市級示范性普通高中驗(yàn)收，被命名為定西市示范性普通高中。img src=img/beijing.png 星如版權(quán)所有，違版必究。 HYPERLINK /grwy/index2.html 九、代碼粘貼1、XXX 2、XXX 3、XXX 4、XXX 十、大作2、XXX 3、XXX 4、XXX 十、大作業(yè)個人總結(jié)（至少 1000 字自從來到重慶師范大學(xué)計(jì)算機(jī)學(xué)院，期待著學(xué)到實(shí)用的技術(shù)，學(xué)期學(xué)了網(wǎng)頁設(shè)計(jì)以后才感覺我學(xué)到了個實(shí)驗(yàn)敲出都是一個新的驚喜。雖然熬了無數(shù)個夜晚，但我想說這都是值得的當(dāng)同齡人忙著在空閑時間聊天打游戲的時候我們在敲實(shí)

23、驗(yàn)是一種旁人無法體會的幸福。這一切，首先要感謝的是我們的戴老師他在開學(xué)之前就已經(jīng)開始熬夜寫 ppt，兩千多張 ppt，用了無數(shù)個為了讓同學(xué)們學(xué)到更多的到更加前沿的信息和識。他的偉大我們有目共睹，當(dāng)然了，我們也很爭氣，沒有辜負(fù)老對我們的期望，大作業(yè)做出來的那一刻，就證明了一切。一個個的做的那么出色。相信老師看了我們的大作業(yè)，也會很欣慰的說實(shí)剛開始的時候我敲實(shí)驗(yàn)的時候都不知道代碼的意思就覺敲代碼很枯燥，很無聊。但是慢慢的就懂了，就想老師說的當(dāng)你時不懂沒有什么大不了，只要你時時刻刻想著，就算在睡覺的時候大腦也會時時刻刻思考一個不經(jīng)意的時你就會突然大腦也會時時刻刻思考一個不經(jīng)意的時你就會突然明白是么回事當(dāng)把基礎(chǔ)篇學(xué)完的時候就覺得看代碼不在是那么的吃了。然后興趣就逐漸濃厚，課前預(yù)習(xí)，跟著老師的節(jié)奏，課后及時完當(dāng)前實(shí)驗(yàn)。當(dāng)然了，堅(jiān)持是最重要的。我最深刻的記憶就是元旦的時候，其他同學(xué)都出去跨年了，而我們寢室三個都在寢室敲代碼到半夜還沒吃飯中途吃了點(diǎn)水果繼續(xù)敲個過程痛并快樂著當(dāng)人生中的