HTML期末大学生网页设计作业-我的家乡
Web前端開發(fā)技術
描述 網(wǎng)頁設計題材,DIV+CSS 布局制作,HTML+CSS網(wǎng)頁設計期末課程大作業(yè),家鄉(xiāng)旅游景點網(wǎng)頁作業(yè)制作| HTML期末大學生網(wǎng)頁設計作業(yè)
HTML:結構
CSS:樣式
在操作方面上運用了html5和css3,
采用了div+css結構、表單、超鏈接、浮動、絕對定位、相對定位、字體樣式、引用視頻等基礎知識
JavaScript:做與用戶的交互行為
文章目錄
- 前端學習路線
- 網(wǎng)頁基本結構
- 網(wǎng)頁演示
- HTML結構代碼
- 學的反而越迷茫
- 學習更多
前端學習路線
(1)html文件:其中index.html是首頁、其他html為二級頁面;
(2)css文件:css全部頁面樣式,文字滾動, 圖片放大等;
(3)js文件:js實現(xiàn)動態(tài)輪播特效, 表單提交, 點擊事件等等(網(wǎng)頁中運用到js代碼)
網(wǎng)頁基本結構
(1)首頁:進入網(wǎng)頁中看到的第一個頁面(LOGO、公司名稱、導航、banner、新聞、相關信息、底部信息、banner一般是5個
(2)二級頁面:從首頁點擊進入之后的頁面叫做二級頁面
(3)三級頁面:從二級頁面點擊進入的頁面
網(wǎng)頁html:網(wǎng)頁是構成網(wǎng)站的基本元素,是承載各種網(wǎng)站應用的平臺。通俗地說,網(wǎng)站就是由網(wǎng)頁組成的
首頁網(wǎng)站:首頁是一個網(wǎng)站的入口網(wǎng)頁,故往往會被編輯得易于了解該網(wǎng)站多數(shù)作為首頁的文件名是index加上擴展名
導航菜單:是指位于頁面頂部或者側邊區(qū)域的,也稱之為導航欄,它起著鏈接站點或者軟件內(nèi)的各個頁面的作用.
網(wǎng)頁頁腳:是網(wǎng)頁中每個頁面的底部的區(qū)域。常用于顯示附加信息。如作者、備案號等。
網(wǎng)頁演示
HTML結構代碼
<!DOCTYPE html> <html> <head> <title>好心茂名-首頁</title> </head> <body> <table width="1100px"height="150px" cellspacing="0" border="1px" align="center"> <tr> <td width="250px" style="border:0px"> <img src="images/logo.jpg" height="150px"> </td> <td style="border:0px"> <font color="#0063C6" size="7">好心茂名</font> </td> </tr> </table> <table width="1100px"height="50px" cellspacing="0" border="1px" align="center"> <tr align="center" class="c1" > <td width="20%" style=" border:0px"><a href="index.html">首頁</a></td> <td width="20%" style=" border:0px"><a href="pinpaibiaoshi.html">品牌標識</a></td> <td width="20%" style=" border:0px"><a href="haoxinwenhua.html">好心文化</a></td> <td width="20%" style=" border:0px"><a href="haoxinjingshen.html">好心精神</a></td> <td width="20%" style=" border:0px"><a href="meiwenjianshang.html">美文鑒賞</a></td> </tr> </table> <table width="1100px"height="500px" cellspacing="0" border="1px" align="center"> <tr> <td style=" border:0px"><img src="images/maoming1.jpeg"></td> <td width="30px" style=" border:0px"></td> <td valign="middle" style=" border:0px"><p style="text-indent:2em">“我事三代主,唯用一好心”。嶺南圣母美譽四海傳頌;城市傷疤露天礦華麗變身,好心湖美暴惹人,茂名發(fā)展引人注目:荔香飄來,龍眼誘人,“魅力中國城” 獲得殊榮,茂名好心文化為全國所知..誠然,好心文化已成為了魅力茂名的一張靚麗城市名片。這張名片正以前所未有的力度,通過各種驚艷的渠道呈現(xiàn)給世人,展現(xiàn)給世界。以好心文化為媒介西釀城市魅力,以文化特色助推魅力茂名大建設,茂名正以全新的方式向大眾詮釋城市魅力,以好心文化特色書寫一-座城的內(nèi)在氣質。</p><p>縱觀各地名城,一-座城市最吸引人的地方不在于其鋼筋水泥建筑之巨美, 而在于其獨具秉賦的濃厚文化積淀,在于悠久文化情素給人的感悟和心靈震撼,茂名的好心文化正是如此!它正是茂名的靈魂所在,它令地域有限的茂名充滿了博大恢弘的人文氣勢和精彩奪目的色彩,彰顯出非凡不俗的內(nèi)涵、凸顯出與眾不同的特色魅力。在好心文化的滋潤傳承下,在這個城市尺寸方圓土地之上,江海悠悠,山嶂巍巍,孕育了一批又一批的精忠報國、無私奉獻的歷史名人,也培植出了諸如年例、木偶戲、飄色等-大批傳統(tǒng)地域文化。豐富的好心文化,特色積淀,以其特色內(nèi)涵閃耀于嶺南各城市之間,成為廣東-大文化特色。</p></td> </tr> </table> <table width="1100px"height="50px" cellspacing="0" border="1px" align="center"> <tr> <td align="center">xxx版權所有 </td> </tr> </table> </body> </html>學的反而越迷茫
有這種感覺很正常,因為你還沒有真正去公司里面待過,也不清楚自己到底要學多少東西才能勝任公司里面給你分配的活。我從你的表述來看,你的基礎應該還是很扎實的。跟著網(wǎng)上那種全套的視頻教程學肯定沒有問題。
當你以后真正進入公司,發(fā)現(xiàn)工作的難度和量大約只有你學習時期的大約20%,你可能就會發(fā)出一聲嘆息:原來工作也不過如此嘛。
這是很正常的,因為大部分公司是招你進去去干活的,寫業(yè)務的,不是讓你一個新人去研發(fā)公司架構的。都是現(xiàn)成的東西,你要做的就是在別人的教導下,手把手的指揮下去添磚加瓦。到時候你恐怕要驚呼:就這?
所以,放松心態(tài)吧,好好享受大學時光
—————————————————
學習更多
關注我 | 點贊博文 | 每天帶你漲知識
相關問題可以相互學習,可關注↓公Z號
總結
以上是生活随笔為你收集整理的HTML期末大学生网页设计作业-我的家乡的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: eclipse import netsc
- 下一篇: 分享!手机浏览器跳转微信一键添加微信好友