網(wǎng)頁設(shè)計(jì)大作業(yè)

網(wǎng)頁設(shè)計(jì)大作業(yè)湖南涉外經(jīng)濟(jì)學(xué)院《網(wǎng)頁設(shè)計(jì)》期末大作業(yè)設(shè)計(jì)題目：致我們終將逝去的青春學(xué)號：37姓名：全新華院系：文法學(xué)院專業(yè)班級：漢語言文學(xué)1301班指導(dǎo)老師：蔣桂蓮網(wǎng)頁設(shè)計(jì)大作業(yè)全文共10頁，當(dāng)前為第1頁。日期：2016年7月1日網(wǎng)頁設(shè)計(jì)大作業(yè)全文共10頁，當(dāng)前為第1頁。頁面設(shè)計(jì)分析我設(shè)計(jì)的這個(gè)網(wǎng)頁主要介紹的是我個(gè)人在大學(xué)生活的一個(gè)狀態(tài)，作為一名大三學(xué)生，我想我們每個(gè)人都希望做這么一份個(gè)人網(wǎng)頁，所以借著我們學(xué)習(xí)的這個(gè)機(jī)會(huì)，給老師同時(shí)也是給自己交一份滿意的答卷，我相信這一份個(gè)人網(wǎng)頁會(huì)成為我很珍貴的一份紀(jì)念。作為一個(gè)網(wǎng)站的首頁，其頁面應(yīng)需要簡單，明了，給人清晰的感覺。頂頭部分主要放置網(wǎng)頁主題、導(dǎo)航菜單和網(wǎng)站的LOGO信息等，其logo可以是一張圖片或者文本信息等；頁面主體分為兩個(gè)部分，頁面主體左側(cè)是個(gè)人網(wǎng)站介紹并配有自己的照片以及自我對個(gè)人青春的總結(jié)；其中相冊、美食、明星、故事、個(gè)人、聯(lián)系等7個(gè)頁面都設(shè)置了二級頁面，都是自己青春的積累。頁面主體右側(cè)是個(gè)人信息以及閨蜜朋友的簡單介紹，這些可通過頁面頂部導(dǎo)航進(jìn)入相應(yīng)頁面介紹，底部設(shè)有“友情鏈接”，鏈接了“百度”、“湖南涉外經(jīng)濟(jì)學(xué)院”、“360”等。。。。。。。。。。。。。2、開發(fā)環(huán)境及軟件Windows10，MacromediaDreamweaver6，美圖秀秀等3、系統(tǒng)結(jié)構(gòu)功能圖、頁面結(jié)構(gòu)草圖3.1系統(tǒng)結(jié)構(gòu)功能圖那些年我們一起瘋狂的照片（二級頁面）那些年我們一起過的明星（二級頁面）致我們終將逝去的青春那些年我們一起吃過的美食（二級頁面）（一級頁面）網(wǎng)頁設(shè)計(jì)大作業(yè)全文共10頁，當(dāng)前為第2頁。那些年我們一起見證的青澀女孩（二級頁面）網(wǎng)頁設(shè)計(jì)大作業(yè)全文共10頁，當(dāng)前為第2頁。那些年我們一起擁有的青春故事（二級頁面）那些年我們一起追的狗血?jiǎng)。ǘ夗撁妫┞?lián)系——表單（二級頁面）3.2頁面結(jié)構(gòu)草圖整個(gè)設(shè)計(jì)過程中都用的了css+div布局，整體為1400寬，600高，用頭部、左側(cè)，內(nèi)容，底部的制作；如下圖所示：圖1css+div設(shè)計(jì)截圖4、頁面制作過程；4.1主要界面網(wǎng)頁設(shè)計(jì)大作業(yè)全文共10頁，當(dāng)前為第3頁。主頁網(wǎng)頁設(shè)計(jì)大作業(yè)全文共10頁，當(dāng)前為第3頁。圖2主頁截圖給出頁面(body)的部分CSS代碼如下：body{ margin:0; padding:0; background:#1B3266; font-family:Arial,Helvetica,sans-serif; font-size:14px; color:#181B20;}h1,h2,h3{ margin:0;網(wǎng)頁設(shè)計(jì)大作業(yè)全文共10頁，當(dāng)前為第4頁。 padding:0;網(wǎng)頁設(shè)計(jì)大作業(yè)全文共10頁，當(dāng)前為第4頁。 text-transform:uppercase; font-family:'Oswald',sans-serif; font-weight:normal; color:#2483A6;}h1{font-size:2em;}h2{font-size:2.4em;}h3{font-size:1.6em;}p,ul,ol{ margin-top:0; line-height:180%;}ul,ol{}a{text-decoration:none; color:#2483A6;}a:hover{text-decoration:underline;}img.border{ border:6pxsolid#EEE7DF;}img.alignleft{ float:left; margin-right:25px;}img.alignright{ float:right;}img.aligncenter{ margin:0pxauto;}#wrapper{ margin:0auto; padding:0;}網(wǎng)頁設(shè)計(jì)大作業(yè)全文共10頁，當(dāng)前為第5頁。子頁面或二級頁面網(wǎng)頁設(shè)計(jì)大作業(yè)全文共10頁，當(dāng)前為第5頁。網(wǎng)頁設(shè)計(jì)大作業(yè)全文共10頁，當(dāng)前為第6頁。網(wǎng)頁設(shè)計(jì)大作業(yè)全文共10頁，當(dāng)前為第6頁。4.2頁面頂部的制作；頂部沒有采用插入圖片做背景，而是選擇直接在div中加入純色背景色，并配置“綠舍園藝”字樣。設(shè)計(jì)簡單、大方。4.3頁面導(dǎo)航區(qū)域的制作；圖4導(dǎo)航條截圖24.4左側(cè)（右側(cè)）區(qū)域的制作；網(wǎng)頁設(shè)計(jì)大作業(yè)全文共10頁，當(dāng)前為第7頁。網(wǎng)頁設(shè)計(jì)大作業(yè)全文共10頁，當(dāng)前為第7頁。4.5主體內(nèi)容區(qū)域的制作；4.7源代碼頁頭部分：<divid="wrapper"><divid="header-wrapper"><divid="header"><divid="logo"><h1>綠舍園藝</h1><p>lvsheyuanyi</p></div></div></div>網(wǎng)頁設(shè)計(jì)大作業(yè)全文共10頁，當(dāng)前為第8頁。<!--end#header-->網(wǎng)頁設(shè)計(jì)大作業(yè)全文共10頁，當(dāng)前為第8頁。<divid="menu-wrapper"><divid="menu"><ul><liclass="current_page_item"><ahref="#">首頁界面</a></li> <li><ahref="#">公司簡介</a></li> <li><ahref="#">經(jīng)營范圍</a></li> <li><ahref="#">植物養(yǎng)護(hù)</a></li> <li><ahref="#">聯(lián)系我們</a></li> <li></li></ul></div></div><!--end#menu--><divid="page"><divid="bgtop"><divid="bgbtm"><divid="content"><divid="content"><divclass="post"><h2class="title"><ahref="#">公司簡介</a></h2><pclass="meta">內(nèi)街二樓248號</p>網(wǎng)頁設(shè)計(jì)大作業(yè)全文共10頁，當(dāng)前為第9頁。<divclass="entry">網(wǎng)頁設(shè)計(jì)大作業(yè)全文共10頁，當(dāng)前為第9頁。5、設(shè)計(jì)總結(jié)期末網(wǎng)頁設(shè)計(jì)經(jīng)過在每天的奮戰(zhàn)終于完成了。剛開始做的時(shí)候，真的什么都感覺不知道，還記得那天晚上剛做的時(shí)候，都想哭了，怎么會(huì)這么難做呢，后來在室友的指導(dǎo)下自己慢慢的一步步做，感覺有了一點(diǎn)頭緒，也才感覺其實(shí)自己也可以做好的，這份作業(yè)包含了我所有的心血與感情，是我自己特別想做的，覺得會(huì)是自己一份很好的留念，也想把自己的成果展示給老師看。真的，通過這次作業(yè)我才明白學(xué)習(xí)是一個(gè)長期積累的過程，要不是認(rèn)真的聽老師講課，這份作業(yè)可能真的無法入手。在此要感謝我的指導(dǎo)老師蔣桂蓮老師對我悉心的指導(dǎo)，感謝老師給我的幫助。每次課上都會(huì)尋求老師的指導(dǎo)幫助，真的特別感謝老師每次能夠不厭其煩的指導(dǎo)，教我怎樣才能做得更好。同時(shí)在設(shè)計(jì)過程中，我與同學(xué)交流經(jīng)驗(yàn)和自學(xué)，并向老師請教和看書本等方式，使自己學(xué)到了不少知識，培養(yǎng)了我獨(dú)立工作的能力，樹立了對自己工作能力的信心，相信會(huì)對今后