當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

旅游风景区`web大作业静态网页

發布時間：2024/3/26 编程问答 48 豆豆

生活随笔收集整理的這篇文章主要介紹了旅游风景区`web大作业静态网页小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

Web前端開發技術
描述網頁設計題材，DIV+CSS 布局制作,HTML+CSS網頁設計期末課程大作業，游景點介紹 | 旅游風景區 | 家鄉介紹 | 等網站的設計與制作 | HTML期末大學生網頁設計作業

HTML：結構

CSS：樣式
在操作方面上運用了html5和css3，
采用了div+css結構、表單、超鏈接、浮動、絕對定位、相對定位、字體樣式、引用視頻等基礎知識

JavaScript：做與用戶的交互行為

文章目錄

前端學習路線
網頁基本結構
網頁演示
- HTML結構代碼
學的反而越迷茫
學習更多

前端學習路線

（1）html文件：其中index.html是首頁、其他html為二級頁面；
（2）css文件：css全部頁面樣式,文字滾動, 圖片放大等；
（3）js文件：js實現動態輪播特效, 表單提交, 點擊事件等等（網頁中運用到js代碼）

網頁基本結構

(1)首頁：進入網頁中看到的第一個頁面(LOGO、公司名稱、導航、banner、新聞、相關信息、底部信息、banner一般是5個　　
(2)二級頁面：從首頁點擊進入之后的頁面叫做二級頁面
(3)三級頁面：從二級頁面點擊進入的頁面

網頁html：網頁是構成網站的基本元素，是承載各種網站應用的平臺。通俗地說，網站就是由網頁組成的
首頁網站：首頁是一個網站的入口網頁，故往往會被編輯得易于了解該網站多數作為首頁的文件名是index加上擴展名
導航菜單：是指位于頁面頂部或者側邊區域的，也稱之為導航欄，它起著鏈接站點或者軟件內的各個頁面的作用.
網頁頁腳：是網頁中每個頁面的底部的區域。常用于顯示附加信息。如作者、備案號等。

網頁演示

HTML結構代碼

<!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><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">主頁</a></li><li><a href="about.html" >關于</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><div class="content"><div class="content_top"><div class="wrap"><h1><a href="#">歡迎</a></h1><p>這是一個旅游網站，這里會給你推薦麗江的各種類型的旅游景點，當地特色，美食等...</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>麗江藍月谷瀑布</h3><p>藍月谷地處云南省麗江市玉龍納西族自治縣玉龍雪山東麓，俗稱“白水河”，以其巍峨壯美的雪山、湛藍如玉的湖水與雄齊秀麗的峽谷風光享譽世界，因湖水湛藍、山谷呈月牙狀而得名，相傳是英國作家詹姆斯·希爾頓筆下《消失的地平線》中藍月亮山谷的原型。</p><a class="button">了解更多</a></div><div class="grid"><a href="#"><img src="img/6.jpeg" title="image-name" /></a><h3>瀘沽湖旅游景區</h3><p>瀘沽湖古稱魯窟海子，又名左所海，俗稱亮海。納西族摩梭語“瀘”為山溝，“沽”為里，意即山溝里的湖。瀘沽湖旅游景區四周崇山峻嶺，一年有三個月以上的積雪期。森林資源豐富，山清水秀，瀘沽湖被當地摩梭人奉為“母親湖”。也被人們譽為“蓬萊仙境”。</p><a class="button">了解更多</a></div><div class="grid last-grid"><a href="#"><img src="img/7.jpeg" title="image-name" /></a><h3>藍月谷</h3><p>藍月谷地處云南省麗江市玉龍納西族自治縣玉龍雪山東麓，俗稱“白水河”，以其巍峨壯美的雪山、湛藍如玉的湖水與雄齊秀麗的峽谷風光享譽世界，因湖水湛藍、山谷呈月牙狀而得名，相傳是英國作家詹姆斯·希爾頓筆下《消失的地平線》中藍月亮山谷的原型。</p><a class="button">了解更多</a></div><div class="clear"> </div></div></div><div class="specials"><div class="wrap"><div class="specials-heading"><h3>麗江推薦景點</h3></div><div class="specials-grids"><div class="special-grid"><img src="img/8.jpeg" width="200px" height="250px" title="image-name" /><a href="#">麗江藍月谷</a><p>煙花姹紫嫣紅 , 轉瞬即逝猶如曇花一現。時間飛逝,花開花謝,云卷云舒,記住當前的美好時光,每天帶給自己陽光和笑容</p></div><div class="special-grid"><img src="img/9.jpeg" width="200px" height="250px" title="image-name" /><a href="#">麗江古城</a><p>麗江古城內的街道依山傍水修建，以紅色角礫巖鋪就，有四方街、木府、五鳳樓、黑龍潭、文昌宮、王丕震紀念館、雪山書院、王家莊基督教堂、方國瑜故居、白馬龍潭寺、顧彼得舊居、凈蓮寺、普賢寺、接風樓、十月文學館、紅軍長征過麗江指揮部紀念館、麗江古城歷史文化展示館、麗江古城徐霞客紀念館等景點。麗江為第二批被批準的中國歷史文化名城之一，是中國以整座古城申報世界文化遺產獲得成功的兩座古城之一。</p></div><div class="special-grid spe-grid"><img src="img/10.jpeg" width="200px" height="250px" title="image-name" /><a href="#">麗江古城</a><p>自景區恢復營業之日起至2020年12月31日，全國醫護工作者憑本人執業醫師證、護士資格證及身份證到麗江古城休養度假，即可免費入住參與“宿暖逆行者”活動的客棧。</p></div><div class="clear"> </div></div></div></div><div class="testmonials"><div class="wrap"><div class="testmonial-grid"><h3>感謝瀏覽</h3><p>感謝各位的瀏覽，這里推薦的是麗江的風景麗江市位于云貴高原與青藏高原的連接部位，地勢西北高而東南低，最高點為玉龍雪山主峰，屬低緯暖溫帶高原山地季風氣候，境內水利資源豐富，動植物種類繁多，為云南省重點林區、中國水電西電東送基地之一。</p><a href="#"> 回到頂部</a></div></div></div></div><div class="clear"> </div><div class="footer"><div class="wrap"><div class="footer-grids"><div class="footer-grid"><h3>麗江</h3><p>麗江古城又叫大研鎮，它由大研、白沙、束河三部分組成，大研古城是它們的集中代表，所以人們常常把它叫作大研古城或大研鎮。而且大研古城位于麗江盆地的中心，古城的西南角聳立著酷似書天巨筆的文筆鋒，麗江盆地則象一方碧玉做成的大硯臺。</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="#">藍月谷</a></li></ul></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="#">對網頁更多了解 </a></li></ul></div><div class="footer-grid footer-lastgrid"><h3>聯系我們</h3><p>可以通過電話，QQ，郵件</p><div class="footer-grid-address"><p>座機: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><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>

學的反而越迷茫

有這種感覺很正常，因為你還沒有真正去公司里面待過，也不清楚自己到底要學多少東西才能勝任公司里面給你分配的活。我從你的表述來看，你的基礎應該還是很扎實的。跟著網上那種全套的視頻教程學肯定沒有問題。

當你以后真正進入公司，發現工作的難度和量大約只有你學習時期的大約20%，你可能就會發出一聲嘆息:原來工作也不過如此嘛。

這是很正常的，因為大部分公司是招你進去去干活的，寫業務的，不是讓你一個新人去研發公司架構的。都是現成的東西，你要做的就是在別人的教導下，手把手的指揮下去添磚加瓦。到時候你恐怕要驚呼:就這？

所以，放松心態吧，好好享受大學時光
—————————————————

學習更多

關注我 | 點贊博文 | 每天帶你漲知識
相關問題可以相互學習，可關注↓公Z號

總結

以上是生活随笔為你收集整理的旅游风景区`web大作业静态网页的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： redash 在CentOS8环境部署（
下一篇： 511遇见易语言数组操作删除成员方法封装