旅游风景区`web大作业 静态网页
Web前端開發(fā)技術(shù)
描述 網(wǎng)頁(yè)設(shè)計(jì)題材，DIV+CSS 布局制作,HTML+CSS網(wǎng)頁(yè)設(shè)計(jì)期末課程大作業(yè)，游景點(diǎn)介紹 | 旅游風(fēng)景區(qū) | 家鄉(xiāng)介紹 | 等網(wǎng)站的設(shè)計(jì)與制作 | HTML期末大學(xué)生網(wǎng)頁(yè)設(shè)計(jì)作業(yè)
HTML：結(jié)構(gòu)
CSS：樣式
在操作方面上運(yùn)用了html5和css3，
采用了div+css結(jié)構(gòu)、表單、超鏈接、浮動(dòng)、絕對(duì)定位、相對(duì)定位、字體樣式、引用視頻等基礎(chǔ)知識(shí)
JavaScript：做與用戶的交互行為
文章目錄
- 前端學(xué)習(xí)路線
- 網(wǎng)頁(yè)基本結(jié)構(gòu)
- 網(wǎng)頁(yè)演示
- HTML結(jié)構(gòu)代碼
- 學(xué)的反而越迷茫
- 學(xué)習(xí)更多
前端學(xué)習(xí)路線
（1）html文件：其中index.html是首頁(yè)、其他html為二級(jí)頁(yè)面；
（2）css文件：css全部頁(yè)面樣式,文字滾動(dòng), 圖片放大等；
（3）js文件：js實(shí)現(xiàn)動(dòng)態(tài)輪播特效, 表單提交, 點(diǎn)擊事件等等（網(wǎng)頁(yè)中運(yùn)用到j(luò)s代碼）
網(wǎng)頁(yè)基本結(jié)構(gòu)
(1)首頁(yè)：進(jìn)入網(wǎng)頁(yè)中看到的第一個(gè)頁(yè)面(LOGO、公司名稱、導(dǎo)航、banner、新聞、相關(guān)信息、底部信息、banner一般是5個(gè)
(2)二級(jí)頁(yè)面：從首頁(yè)點(diǎn)擊進(jìn)入之后的頁(yè)面叫做二級(jí)頁(yè)面
(3)三級(jí)頁(yè)面：從二級(jí)頁(yè)面點(diǎn)擊進(jìn)入的頁(yè)面
網(wǎng)頁(yè)html：網(wǎng)頁(yè)是構(gòu)成網(wǎng)站的基本元素，是承載各種網(wǎng)站應(yīng)用的平臺(tái)。通俗地說(shuō)，網(wǎng)站就是由網(wǎng)頁(yè)組成的
首頁(yè)網(wǎng)站：首頁(yè)是一個(gè)網(wǎng)站的入口網(wǎng)頁(yè)，故往往會(huì)被編輯得易于了解該網(wǎng)站多數(shù)作為首頁(yè)的文件名是index加上擴(kuò)展名
導(dǎo)航菜單：是指位于頁(yè)面頂部或者側(cè)邊區(qū)域的，也稱之為導(dǎo)航欄，它起著鏈接站點(diǎn)或者軟件內(nèi)的各個(gè)頁(yè)面的作用.
網(wǎng)頁(yè)頁(yè)腳：是網(wǎng)頁(yè)中每個(gè)頁(yè)面的底部的區(qū)域。常用于顯示附加信息。如作者、備案號(hào)等。
網(wǎng)頁(yè)演示
HTML結(jié)構(gòu)代碼
<!DOCTYPE HTML> <html><head><title>Home</title><link href="css/style.css" rel="stylesheet" type="text/css" media="all" /><link href="css/responsiveslides.css" rel="stylesheet" type="text/css" media="all"></head><body><!-- 頂部區(qū)域logo以及導(dǎo)航欄 --><div class="header"><div class="wrap"><div class="logo"><a href="index.html">途游</a></div><div class="top-nav"><ul><li class="active"><a href="index.html">主頁(yè)</a></li><li><a href="about.html" >關(guān)于</a></li><li><a href="services.html">美食</a></li><li><a href="contact.html">反饋</a></li></ul></div><div class="clear"> </div></div></div><div class="clear"> </div><div class="banner"><ul class="banner-content" id="banner-content"><li><img src="img/1.jpeg" ></li><li><img src="img/2.jpeg" ></li><li><img src="img/3.jpeg" ></li><li><img src="img/4.jpeg" ></li><li><img src="img/5.jpeg" ></li></ul><ul class="btn-list" id="btn-list"><li class="active"></li><li></li><li></li><li></li><li></li></ul></div><!-- 內(nèi)容區(qū)域 --><div class="content"><div class="content_top"><div class="wrap"><h1><a href="#">歡迎</a></h1><p>這是一個(gè)旅游網(wǎng)站，這里會(huì)給你推薦麗江的各種類型的旅游景點(diǎn)，當(dāng)?shù)靥厣?#xff0c;美食等...</p><span><a class="learnmore" href="#">GO!</a></span></div></div><div class="content-grids"><div class="wrap"><div class="grid"><a href="#"><img src="img/5.jpeg" title="image-name" /></a><h3>麗江藍(lán)月谷瀑布</h3><p>藍(lán)月谷地處云南省麗江市玉龍納西族自治縣玉龍雪山東麓，俗稱“白水河”，以其巍峨壯美的雪山、湛藍(lán)如玉的湖水與雄齊秀麗的峽谷風(fēng)光享譽(yù)世界，因湖水湛藍(lán)、山谷呈月牙狀而得名，相傳是英國(guó)作家詹姆斯·希爾頓筆下《消失的地平線》中藍(lán)月亮山谷的原型。</p><a class="button">了解更多</a></div><div class="grid"><a href="#"><img src="img/6.jpeg" title="image-name" /></a><h3>瀘沽湖旅游景區(qū)</h3><p>瀘沽湖古稱魯窟海子，又名左所海，俗稱亮海。納西族摩梭語(yǔ)“瀘”為山溝，“沽”為里，意即山溝里的湖。瀘沽湖旅游景區(qū)四周崇山峻嶺，一年有三個(gè)月以上的積雪期。森林資源豐富，山清水秀，瀘沽湖被當(dāng)?shù)啬λ笕朔顬椤澳赣H湖”。也被人們譽(yù)為“蓬萊仙境”。</p><a class="button">了解更多</a></div><div class="grid last-grid"><a href="#"><img src="img/7.jpeg" title="image-name" /></a><h3>藍(lán)月谷</h3><p>藍(lán)月谷地處云南省麗江市玉龍納西族自治縣玉龍雪山東麓，俗稱“白水河”，以其巍峨壯美的雪山、湛藍(lán)如玉的湖水與雄齊秀麗的峽谷風(fēng)光享譽(yù)世界，因湖水湛藍(lán)、山谷呈月牙狀而得名，相傳是英國(guó)作家詹姆斯·希爾頓筆下《消失的地平線》中藍(lán)月亮山谷的原型。</p><a class="button">了解更多</a></div><div class="clear"> </div></div></div><div class="specials"><div class="wrap"><div class="specials-heading"><h3>麗江推薦景點(diǎn)</h3></div><div class="specials-grids"><div class="special-grid"><img src="img/8.jpeg" width="200px" height="250px" title="image-name" /><a href="#">麗江藍(lán)月谷</a><p>煙花姹紫嫣紅 , 轉(zhuǎn)瞬即逝猶如曇花一現(xiàn)。時(shí)間飛逝,花開花謝,云卷云舒,記住當(dāng)前的美好時(shí)光,每天帶給自己陽(yáng)光和笑容</p></div><div class="special-grid"><img src="img/9.jpeg" width="200px" height="250px" title="image-name" /><a href="#">麗江古城</a><p>麗江古城內(nèi)的街道依山傍水修建，以紅色角礫巖鋪就，有四方街、木府、五鳳樓、黑龍?zhí)丁⑽牟龑m、王丕震紀(jì)念館、雪山書院、王家莊基督教堂、方國(guó)瑜故居、白馬龍?zhí)端隆㈩櫛说门f居、凈蓮寺、普賢寺、接風(fēng)樓、十月文學(xué)館、紅軍長(zhǎng)征過(guò)麗江指揮部紀(jì)念館、麗江古城歷史文化展示館、麗江古城徐霞客紀(jì)念館等景點(diǎn)。麗江為第二批被批準(zhǔn)的中國(guó)歷史文化名城之一，是中國(guó)以整座古城申報(bào)世界文化遺產(chǎn)獲得成功的兩座古城之一。</p></div><div class="special-grid spe-grid"><img src="img/10.jpeg" width="200px" height="250px" title="image-name" /><a href="#">麗江古城</a><p>自景區(qū)恢復(fù)營(yíng)業(yè)之日起至2020年12月31日，全國(guó)醫(yī)護(hù)工作者憑本人執(zhí)業(yè)醫(yī)師證、護(hù)士資格證及身份證到麗江古城休養(yǎng)度假，即可免費(fèi)入住參與“宿暖逆行者”活動(dòng)的客棧。</p></div><div class="clear"> </div></div></div></div><div class="testmonials"><div class="wrap"><div class="testmonial-grid"><h3>感謝瀏覽</h3><p>感謝各位的瀏覽，這里推薦的是麗江的風(fēng)景麗江市位于云貴高原與青藏高原的連接部位，地勢(shì)西北高而東南低，最高點(diǎn)為玉龍雪山主峰，屬低緯暖溫帶高原山地季風(fēng)氣候，境內(nèi)水利資源豐富，動(dòng)植物種類繁多，為云南省重點(diǎn)林區(qū)、中國(guó)水電西電東送基地之一。</p><a href="#"> 回到頂部</a></div></div></div></div><div class="clear"> </div><!-- 底部區(qū)域 --><div class="footer"><div class="wrap"><div class="footer-grids"><div class="footer-grid"><h3>麗江</h3><p>麗江古城又叫大研鎮(zhèn)，它由大研、白沙、束河三部分組成，大研古城是它們的集中代表，所以人們常常把它叫作大研古城或大研鎮(zhèn)。而且大研古城位于麗江盆地的中心，古城的西南角聳立著酷似書天巨筆的文筆鋒，麗江盆地則象一方碧玉做成的大硯臺(tái)。</p></div><div class="footer-grid"><h3>最近文章</h3><ul><li><a href="#">麗江古城</a></li><li><a href="#">茶馬古道</a></li><li><a href="#">玉龍雪山</a></li><li><a href="#">藍(lán)月谷</a></li></ul></div><div class="footer-grid"><h3>幫助</h3><ul><li><a href="#">獲取更多內(nèi)容</a></li><li><a href="#">對(duì)頁(yè)面不了解 </a></li><li><a href="#">其他推薦</a></li><li><a href="#">對(duì)網(wǎng)頁(yè)更多了解 </a></li></ul></div><div class="footer-grid footer-lastgrid"><h3>聯(lián)系我們</h3><p>可以通過(guò)電話，QQ，郵件</p><div class="footer-grid-address"><p>座機(jī):0311-85268579</p><p>QQ: xxx</p><p>Email:<a class="email-link" href="#">xxx@qq.com</a></p></div></div><div class="clear"> </div></div></div></div><!-- 底部版權(quán)區(qū) --><div class="clear"> </div><div class="copy-right"><p>Copyright ? <a>xxx</a><a></a></p></div></body><script src="js/index.js" type="text/javascript" charset="utf-8"></script> </html>學(xué)的反而越迷茫
有這種感覺(jué)很正常，因?yàn)槟氵€沒(méi)有真正去公司里面待過(guò)，也不清楚自己到底要學(xué)多少東西才能勝任公司里面給你分配的活。我從你的表述來(lái)看，你的基礎(chǔ)應(yīng)該還是很扎實(shí)的。跟著網(wǎng)上那種全套的視頻教程學(xué)肯定沒(méi)有問(wèn)題。
當(dāng)你以后真正進(jìn)入公司，發(fā)現(xiàn)工作的難度和量大約只有你學(xué)習(xí)時(shí)期的大約20%，你可能就會(huì)發(fā)出一聲嘆息:原來(lái)工作也不過(guò)如此嘛。
這是很正常的，因?yàn)榇蟛糠止臼钦心氵M(jìn)去去干活的，寫業(yè)務(wù)的，不是讓你一個(gè)新人去研發(fā)公司架構(gòu)的。都是現(xiàn)成的東西，你要做的就是在別人的教導(dǎo)下，手把手的指揮下去添磚加瓦。到時(shí)候你恐怕要驚呼:就這？
所以，放松心態(tài)吧，好好享受大學(xué)時(shí)光
—————————————————
學(xué)習(xí)更多
關(guān)注我 | 點(diǎn)贊博文 | 每天帶你漲知識(shí)
相關(guān)問(wèn)題可以相互學(xué)習(xí)，可關(guān)注↓公Z號(hào)
總結(jié)
以上是生活随笔為你收集整理的旅游风景区`web大作业 静态网页的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： redash 在CentOS8环境部署（
- 下一篇： 511遇见易语言数组操作删除成员方法封装