HTML+CSS大作业: 抗击疫情网页制作作业_疫情防控网页设计
Web前端開發(fā)技術(shù)
描述 網(wǎng)頁設(shè)計題材,DIV+CSS 布局制作,HTML+CSS網(wǎng)頁設(shè)計期末課程大作業(yè),擊疫情致敬逆行者感人類題材 | 致敬逆行者網(wǎng)頁設(shè)計作品 | 大學(xué)生抗疫感動專題網(wǎng)頁設(shè)計作業(yè)模板 | 等網(wǎng)站的設(shè)計與制作 | HTML期末大學(xué)生網(wǎng)頁設(shè)計作業(yè)
HTML:結(jié)構(gòu)
CSS:樣式
在操作方面上運用了html5和css3,
采用了div+css結(jié)構(gòu)、表單、超鏈接、浮動、絕對定位、相對定位、字體樣式、引用視頻等基礎(chǔ)知識
JavaScript:做與用戶的交互行為
文章目錄
- 前端學(xué)習(xí)路線
- 網(wǎng)頁基本結(jié)構(gòu)
- 網(wǎng)頁演示
- HTML結(jié)構(gòu)代碼
- 學(xué)的反而越迷茫
- 學(xué)習(xí)更多
前端學(xué)習(xí)路線
(1)html文件:其中index.html是首頁、其他html為二級頁面;
(2)css文件:css全部頁面樣式,文字滾動, 圖片放大等;
(3)js文件:js實現(xiàn)動態(tài)輪播特效, 表單提交, 點擊事件等等(網(wǎng)頁中運用到j(luò)s代碼)
網(wǎng)頁基本結(jié)構(gòu)
(1)首頁:進入網(wǎng)頁中看到的第一個頁面(LOGO、公司名稱、導(dǎo)航、banner、新聞、相關(guān)信息、底部信息、banner一般是5個
(2)二級頁面:從首頁點擊進入之后的頁面叫做二級頁面
(3)三級頁面:從二級頁面點擊進入的頁面
網(wǎng)頁html:網(wǎng)頁是構(gòu)成網(wǎng)站的基本元素,是承載各種網(wǎng)站應(yīng)用的平臺。通俗地說,網(wǎng)站就是由網(wǎng)頁組成的
首頁網(wǎng)站:首頁是一個網(wǎng)站的入口網(wǎng)頁,故往往會被編輯得易于了解該網(wǎng)站多數(shù)作為首頁的文件名是index加上擴展名
導(dǎo)航菜單:是指位于頁面頂部或者側(cè)邊區(qū)域的,也稱之為導(dǎo)航欄,它起著鏈接站點或者軟件內(nèi)的各個頁面的作用.
網(wǎng)頁頁腳:是網(wǎng)頁中每個頁面的底部的區(qū)域。常用于顯示附加信息。如作者、備案號等。
網(wǎng)頁演示
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>新冠肺炎</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="index_list"><ul><li> <a href="index.html">首頁</a> </li><li> <a href="jingli.html">病毒特征</a> </li><li> <a href="zuopin.html">病毒癥狀</a> </li><li> <a href="hudong.html">傳播途徑</a> </li><li> <a href="huojiang.html">英雄人物</a> </li><li> <a href="pinjia.html">預(yù)防知識</a> </li><li> <a href="login.html">注冊</a> </li></ul> </div> <div class="cleaner"></div> <div id="container"><div class="dm"> <!-- 代碼 開始 --><div id="yc-mod-slider"><div class="wrapper"><div id="slideshow" class="box_skitter fn-clear"><ul><li> <img class="cubeRandom" src="images/dm1.jpg" /></li><li> <img class="cubeRandom" src="images/dm2.jpg" /></li><li> <img class="cubeRandom" src="images/dm3.jpg" /></li></ul></div><script type="text/javascript" src="js/slideshow.js"></script> </div></div><!-- 代碼 結(jié)束 --> </div><div class=" clear"></div><div class="index_main"><h1>新冠肺炎</h1><span>新型冠狀病毒肺炎(Corona Virus Disease 2019,COVID-19),簡稱“新冠肺炎”,世界衛(wèi)生組織命名為“2019冠狀病毒病”,是指2019新型冠狀病毒感染導(dǎo)致的肺炎。2019年12月以來,湖北省武漢市部分醫(yī)院陸續(xù)發(fā)現(xiàn)了多例有華南海鮮市場暴露史的不明原因肺炎病例,現(xiàn)已證實為2019新型冠狀病毒感染引起的急性呼吸道傳染病。</span><p><img style="width: 700px;" src="images/1.jpg"></p></div><div class="share"><div class="cleaner"></div></div><div id="footer"> Copyright ? 疫情--新冠肺炎</div> </div> <!-- End Of Container --> </body> </html>學(xué)的反而越迷茫
有這種感覺很正常,因為你還沒有真正去公司里面待過,也不清楚自己到底要學(xué)多少東西才能勝任公司里面給你分配的活。我從你的表述來看,你的基礎(chǔ)應(yīng)該還是很扎實的。跟著網(wǎng)上那種全套的視頻教程學(xué)肯定沒有問題。
當(dāng)你以后真正進入公司,發(fā)現(xiàn)工作的難度和量大約只有你學(xué)習(xí)時期的大約20%,你可能就會發(fā)出一聲嘆息:原來工作也不過如此嘛。
這是很正常的,因為大部分公司是招你進去去干活的,寫業(yè)務(wù)的,不是讓你一個新人去研發(fā)公司架構(gòu)的。都是現(xiàn)成的東西,你要做的就是在別人的教導(dǎo)下,手把手的指揮下去添磚加瓦。到時候你恐怕要驚呼:就這?
所以,放松心態(tài)吧,好好享受大學(xué)時光
—————————————————
學(xué)習(xí)更多
關(guān)注我 | 點贊博文 | 每天帶你漲知識
相關(guān)問題可以相互學(xué)習(xí),可關(guān)注↓公Z號
總結(jié)
以上是生活随笔為你收集整理的HTML+CSS大作业: 抗击疫情网页制作作业_疫情防控网页设计的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 2020年浙江理工大学新生赛 B Cly
- 下一篇: mysql2008r2 64位下载_ms