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)" />

国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 在線咨詢 在線咨詢
15158846557 在線咨詢
所在位置: 首頁(yè) > 營(yíng)銷資訊 > 網(wǎng)站運(yùn)營(yíng) > 大一學(xué)生WEB前端靜態(tài)網(wǎng)頁(yè)——旅游網(wǎng)頁(yè)設(shè)計(jì)與實(shí)現(xiàn)-張家口 6頁(yè)

大一學(xué)生WEB前端靜態(tài)網(wǎng)頁(yè)——旅游網(wǎng)頁(yè)設(shè)計(jì)與實(shí)現(xiàn)-張家口 6頁(yè)

時(shí)間:2023-09-24 21:54:01 | 來源:網(wǎng)站運(yùn)營(yíng)

時(shí)間:2023-09-24 21:54:01 來源:網(wǎng)站運(yùn)營(yíng)

大一學(xué)生WEB前端靜態(tài)網(wǎng)頁(yè)——旅游網(wǎng)頁(yè)設(shè)計(jì)與實(shí)現(xiàn)-張家口 6頁(yè):?> ? 源碼獲取 文末聯(lián)系 ?

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è)
  1. HTML:結(jié)構(gòu)
  2. CSS:樣式 在操作方面上運(yùn)用了html5和css3, 采用了div+css結(jié)構(gòu)、表單、超鏈接、浮動(dòng)、絕對(duì)定位、相對(duì)定位、字體樣式、引用視頻等基礎(chǔ)知識(shí)
  3. JavaScript:做與用戶的交互行為
@TOC


前端學(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)。通俗地說,網(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 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>張家界旅游網(wǎng)</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> <audio preload autoplay loop id="music"> <source src="audio/抖音熱門英文BGM.mp3" type="audio/mpeg"> </audio> </head> <body> <div class="top"> <div class="logo"> <a href="index.html"><img src="img/logo.jpg" /></a> </div> <div class="sous"> <form> <div class="fd"> <img src="img/sous.jpg" /> </div> <input class="input" type="text" value="著名景點(diǎn)" /> <button class="btn" type="submit">搜索</button> </form> </div> </div> <div id="nav"> <ul> <li class="hot"><a href="index.html">網(wǎng)站首頁(yè)</a></li> <li><a href="shiji.html">歷史風(fēng)俗</a></li> <li><a href="liuyan.html">在線留言</a></li> </ul> </div> <div class="ibanner" id="box"> <div class="inner"> <!--輪播圖--> <ul> <li><a href="#"><img src="img/banner1.jpg" alt=""></a></li> <li><a href="#"><img src="img/banner2.jpg" alt=""></a></li> <li><a href="#"><img src="img/banner3.jpg" alt=""></a></li> </ul> <ol class="bar"> </ol> <!--左右焦點(diǎn)--> <div id="arr"> <span id="left"> < </span> <span id="right"> > </span> </div> </div></div> <div class="main"> <div class="back"><a href="#">返回頂部</a></div> <div class="container"> <div class="title"> <canvas id="canvas" width="300" height="150" ></canvas> <a href="jijin.html"><span class="xiang">詳細(xì)介紹 ></span></a> </div> <div class="bx01"> <div class="bx01-left"> <p>張家界,原名"大庸市",浙江省地級(jí)市。轄2個(gè)市轄區(qū)(永定區(qū)、武陵源區(qū))、2個(gè)縣(慈利縣、桑植縣)。位于浙浙江北部,澧水中上游,屬武陵山區(qū)腹地。張家界因旅游建市,是中國(guó)最重要的旅游城市之一,是湘鄂渝黔革命根據(jù)地的發(fā)源地和中心區(qū)域。1982年9月,張家界國(guó)家森林公園成為中國(guó)第一個(gè)國(guó)家森林公園。1988年8月,張家界武陵源風(fēng)景名勝區(qū)被列入國(guó)家重點(diǎn)風(fēng)景名勝區(qū);1992年,由張家界國(guó)家森林公園等三大景區(qū)構(gòu)成的武陵源風(fēng)景名勝區(qū)被聯(lián)合國(guó)教科文組織列入《世界自然遺產(chǎn)名錄》;2004年2月,被列入全球首批《世界地質(zhì)公園》;2007年,被列入中國(guó)首批國(guó)家5A級(jí)旅游景區(qū)。2017年,被授予"國(guó)家森林城市"榮譽(yù)稱號(hào)。</p> </div> <div class="bx01-right"> <img src="img/img1.jpg" /> </div> </div> <div class="bx02"> <div class="bx02-left"> <img src="img/img4.jpg" /> </div> <div class="bx02-right"> <p>張家界因旅游建市,是國(guó)內(nèi)重點(diǎn)旅游城市。武陵源風(fēng)景名勝區(qū)擁有世界罕見的石英砂巖峰林峽谷地貌,由中國(guó)第一個(gè)國(guó)家森林公園——張家界國(guó)家森林公園和天子山自然保護(hù)區(qū)、索溪峪自然保護(hù)區(qū)、楊家界四大景區(qū)組成,風(fēng)景游覽區(qū)面積264.6平方公里,是中國(guó)首批入選的世界自然遺產(chǎn)、世界首批地質(zhì)公園、國(guó)家首批5A級(jí)旅游景區(qū)。"武陵之魂"天門山國(guó)家森林公園、"世界罕見的物種基因庫(kù)"八大公山國(guó)家級(jí)自然保護(hù)區(qū)、道教圣地"南武當(dāng)"五雷山、"百里畫廊"茅巖河、萬福溫泉等景區(qū)也是景色秀美、風(fēng)光獨(dú)特。賀龍故居、湘鄂川黔革命根據(jù)地省委舊址是全國(guó)重點(diǎn)文物保護(hù)單位,普光禪寺、玉皇洞石窟群、老院子等8處人文古跡是省級(jí)重點(diǎn)文物保護(hù)單位。</p> </div> </div> <div class="title"> <h2>著名旅游景點(diǎn)</h2> <a href="huodong.html"><span style="color: blue;line-height: 20px;">更多景點(diǎn) ></span></a> </div> <div class="sheshi"> <ul> <li><img src="img/cw01.jpg" /><h1>張家界國(guó)家森林公園</h1></li> <li><img src="img/cw02.jpg" /><h1>九天洞</h1></li> <li><img src="img/cw03.jpg" /><h1>普光禪寺</h1></li> <li><img src="img/cw04.jpg" /><h1>金鞭溪</h1></li> <li><img src="img/cw05.jpg" /><h1>鷂子寨</h1></li> <li><img src="img/cw06.jpg" /><h1>五雷山</h1></li> </ul> </div> </div> </div> <div class="foot"> <div class="foot-ner"> <img src="img/footlogo.png" /> </div> </div> <div class="banquan"> 姓名:孫悟空 學(xué)號(hào):14523685 &copy;版權(quán)所有 郵箱:0123456789@qq.com </div> <script type="text/javascript" src="JS/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="js/banner.js"></script> <script type="text/javascript"> window.onload = function(){ setInterval("toggleSound()",1); } function toggleSound() { var music = document.getElementById("music");//獲取ID if (music.paused) { //判讀是否播放 music.paused=false; music.play(); //沒有就播放 } } </script> <script> var canvas=document.getElementById("canvas"); var cxt=canvas.getContext("2d"); cxt.font="50px 黑體"; cxt.fillStyle="black"; cxt.fillText("張家界簡(jiǎn)介",10,100); </script> </body></html>

學(xué)的反而越迷茫

有這種感覺很正常,因?yàn)槟氵€沒有真正去公司里面待過,也不清楚自己到底要學(xué)多少東西才能勝任公司里面給你分配的活。我從你的表述來看,你的基礎(chǔ)應(yīng)該還是很扎實(shí)的。跟著網(wǎng)上那種全套的視頻教程學(xué)肯定沒有問題。

當(dāng)你以后真正進(jìn)入公司,發(fā)現(xiàn)工作的難度和量大約只有你學(xué)習(xí)時(shí)期的大約20%,你可能就會(huì)發(fā)出一聲嘆息:原來工作也不過如此嘛。

這是很正常的,因?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)鍵詞:旅游,設(shè)計(jì),張家口,實(shí)現(xiàn),靜態(tài),學(xué)生

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果,本站不支持IE9及以下版本的瀏覽器,建議您使用谷歌Chrome瀏覽器。 點(diǎn)擊下載Chrome瀏覽器
關(guān)閉