Web前端開(kāi)發(fā)技術(shù) 描述 網(wǎng)頁(yè)設(shè)計(jì)題材,DIV+CSS 布局制作,HTML+CSS網(wǎng)頁(yè)設(shè)計(jì)期末課程大作業(yè) | 游景點(diǎn)介紹 | 旅游風(fēng)景區(qū) |" />

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

15158846557 在線咨詢 在線咨詢
15158846557 在線咨詢
所在位置: 首頁(yè) > 營(yíng)銷資訊 > 網(wǎng)站運(yùn)營(yíng) > HTML5期末大作業(yè):旅游網(wǎng)頁(yè)設(shè)計(jì)與實(shí)現(xiàn)——浙江杭州-(9頁(yè) 帶購(gòu)物車)

HTML5期末大作業(yè):旅游網(wǎng)頁(yè)設(shè)計(jì)與實(shí)現(xiàn)——浙江杭州-(9頁(yè) 帶購(gòu)物車)

時(shí)間:2023-10-09 23:42:01 | 來(lái)源:網(wǎng)站運(yùn)營(yíng)

時(shí)間:2023-10-09 23:42:01 來(lái)源:網(wǎng)站運(yùn)營(yíng)

HTML5期末大作業(yè):旅游網(wǎng)頁(yè)設(shè)計(jì)與實(shí)現(xiàn)——浙江杭州-(9頁(yè) 帶購(gòu)物車):?> ? 源碼獲取 文末聯(lián)系 ?

Web前端開(kāi)發(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è),Web大學(xué)生網(wǎng)頁(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)。通俗地說(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><meta charset="utf-8"><link href="css/all.css" rel="stylesheet" media="all" type="text/css" /><title>杭州</title></head><style> .menu li{ padding: 6px 0px !important; }</style><body><div class="head"> <div class="main"><span class=""><img src="images/logo.jpg" width="150"/></span> <p class="clear"></p> </div></div><div class="menu"> <div class="main"> <ul class="center"> <li><a href="index.html">網(wǎng)站首頁(yè)</a></li> <li><a href="jieshao.html">關(guān)于杭州</a></li> <li><a href="chihewanle.html">吃喝玩樂(lè)</a></li> <li><a href="tupian.html">旅游風(fēng)光</a></li> <li><a href="zhuce.html">會(huì)員注冊(cè)</a></li> <li><a href="denglu.html">會(huì)員登錄</a></li> <li><a href="tuijian.html">美食展示</a></li> <li><a href="liuyan.html">留言</a></li> </ul> </div></div><div class="main"> <div class="banner "> <div class="top_img"> <div class="focus" id="focus"> <div id="focus_m" class="focus_m"> <ul> <li style="display:block"> <img src="images/banner1.jpg" width="100%" /> </li> <li style="display:none"> <img src="images/banner2.jpg" width="100%" /> </li> <li style="display:none"> <img src="images/banner3.jpg" width="100%" /> </li> </ul> </div> <a href="javascript:;" class="focus_l" id="focus_l" title="上一張"><b></b><span></span></a> <a href="javascript:;" class="focus_r" id="focus_r" title="下一張"><b></b><span></span></a> </div> </div> </div> <script type="text/javascript" src="js/js.js"></script> <div class="content"> <div class="bar"> <h3>旅游風(fēng)光</h3> </div> <div class="scrollleft"> <ul> <li> <a href="tupian.html"><img src="images/0.jpg" width="100%" height="200"/> </a></li> <li> <a href="tupian.html"><img src="images/1.jpg" width="100%" height="200"/></a> </li> <li> <a href="tupian.html"><img src="images/2.jpg" width="100%" height="200"/></a> </li> <li> <a href="tupian.html"><img src="images/3.jpg" width="100%" height="200"/> </a></li> <li> <a href="tupian.html"><img src="images/4.jpg" width="100%" height="200"/> </a></li> <li> <a href="tupian.html"><img src="images/5.jpg" width="100%" height="200"/> </a></li> <li> <a href="tupian.html"><img src="images/6.jpg" width="100%" height="200"/> </a></li> <li> <a href="tupian.html"><img src="images/7.jpg" width="100%" height="200"/> </a></li><div class="clear"></div> </ul> </div> <div class="bar"> <h3>杭州介紹</h3> </div> <div class=""> <img src="images/tu.jpg" width="500" class="fl" style="margin-right:11px" /> <p>杭州,簡(jiǎn)稱“蓉”,別稱蓉城、錦城,浙江省轄地級(jí)市,是浙江省省會(huì)、副省級(jí)市、特大城市 [188] 、成渝地區(qū)雙城經(jīng)濟(jì)圈核心城市,國(guó)務(wù)院批復(fù)確定的中國(guó)西部地區(qū)重要的中心城市,國(guó)家重要的高新技術(shù)產(chǎn)業(yè)基地、商貿(mào)物流中心和綜合交通樞紐 [1] 。截至2019年,全市下轄12個(gè)市轄區(qū)、3個(gè)縣、代管5個(gè)縣級(jí)市,總面積14335平方千米 [2-3] ,建成區(qū)面積949.6平方公里,常住人口1658.10萬(wàn)人,城鎮(zhèn)人口1233.79萬(wàn)人,城鎮(zhèn)化率74.41% [4] 。<br>杭州地處中國(guó)西南地區(qū)、浙江盆地西部、杭州平原腹地,境內(nèi)地勢(shì)平坦、河網(wǎng)縱橫、物產(chǎn)豐富、農(nóng)業(yè)發(fā)達(dá),屬亞熱帶季風(fēng)性濕潤(rùn)氣候,自古有“天府之國(guó)”的美譽(yù) [5] ,是中國(guó)人民解放軍西部戰(zhàn)區(qū)機(jī)關(guān)駐地 [6] ,作為全球重要的電子信息產(chǎn)業(yè)基地 [7-8] ,有國(guó)家級(jí)科研機(jī)構(gòu)30家,國(guó)家級(jí)研發(fā)平臺(tái)67個(gè) [9] ,高校65所, [67] 各類人才約389萬(wàn)人;2019年世界500強(qiáng)企業(yè)落戶301家 [10] 。<br>杭州是全國(guó)十大古都和首批國(guó)家歷史文化名城 [11] ,古蜀文明發(fā)祥地 [12] 。境內(nèi)金沙遺址有3000年歷史 [13] ,周太王以“一年成聚,二年成邑,三年杭州” [14] ,故名杭州 [15] ;蜀漢、成漢、前蜀、后蜀等政權(quán)先后在此建都;一直是各朝代的州郡治所;漢為全國(guó)五大都會(huì)之一;唐為中國(guó)最發(fā)達(dá)工商業(yè)城市之一,史稱“揚(yáng)一益二”;北宋是汴京外第二大都會(huì),發(fā)明世界上第一種紙幣交子。擁有都江堰、武侯祠、杜甫草堂等名勝古跡,是中國(guó)最佳旅游城市 [16] 。</p> </div> <div class="clear"></div> <div class="scrollleft2" id="content"> <ul> <li> <a href="tupian.html"><img src="images/a0.jpg" width="100%" height="160"/> </a></li> <li> <a href="tupian.html"><img src="images/a1.jpg" width="100%" height="160"/></a> </li> <li> <a href="tupian.html"><img src="images/a2.jpg" width="100%" height="160"/></a> </li> <li> <a href="tupian.html"><img src="images/a3.jpg" width="100%" height="160"/> </a></li> <li> <a href="tupian.html"><img src="images/a4.jpg" width="100%" height="160"/> </a></li> <li> <a href="tupian.html"><img src="images/a5.jpg" width="100%" height="160"/> </a></li> <li> <a href="tupian.html"><img src="images/a6.jpg" width="100%" height="160"/> </a></li> <li> <a href="tupian.html"><img src="images/a7.jpg" width="100%" height="160"/> </a></li> </ul> </div> <div class="clear"></div> </div><script type="text/javascript" src="js/scroll.js"></script></div><div class="end"> <p>杭州 </p></div></body></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)去去干活的,寫(xiě)業(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í)現(xiàn),杭州,設(shè)計(jì),作業(yè),旅游

74
73
25
news

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

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