Web前端開(kāi)發(fā)技術(shù) 描述 網(wǎng)頁(yè)設(shè)計(jì)題材,DIV+CSS 布局制作,HTML+CSS網(wǎng)頁(yè)設(shè)計(jì)期末課程大作業(yè) | 家茶文化網(wǎng)站 | 中華傳統(tǒng)文化題" />

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

所在位置: 首頁(yè) > 營(yíng)銷(xiāo)資訊 > 網(wǎng)站運(yùn)營(yíng) > 大一作業(yè)HTML網(wǎng)頁(yè)作業(yè):中華傳統(tǒng)文化題材網(wǎng)頁(yè)設(shè)計(jì)(純html+css實(shí)現(xiàn))

大一作業(yè)HTML網(wǎng)頁(yè)作業(yè):中華傳統(tǒng)文化題材網(wǎng)頁(yè)設(shè)計(jì)(純html+css實(shí)現(xiàn))

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

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

大一作業(yè)HTML網(wǎng)頁(yè)作業(yè):中華傳統(tǒng)文化題材網(wǎng)頁(yè)設(shè)計(jì)(純html+css實(shí)現(xiàn)):?> ? 源碼獲取 文末聯(lián)系 ?

Web前端開(kāi)發(fā)技術(shù) 描述 網(wǎng)頁(yè)設(shè)計(jì)題材,DIV+CSS 布局制作,HTML+CSS網(wǎng)頁(yè)設(shè)計(jì)期末課程大作業(yè) | 家茶文化網(wǎng)站 | 中華傳統(tǒng)文化題材 | 京劇文化水墨風(fēng)書(shū)畫(huà) | 中國(guó)民間年畫(huà)文化藝術(shù)網(wǎ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:做與用戶(hù)的交互行為

前端學(xué)習(xí)路線(xiàn)

(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、公司名稱(chēng)、導(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ū)域的,也稱(chēng)之為導(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=gb2312" /><title>開(kāi)始</title><style type="text/css"><!--@import url("ss.css");body,td,th { font-family: "宋體"; font-size: 12px; line-height: 23px; font-weight: lighter; color: #000000;}body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; color: #FF0000;}body { background-image: url("圖片/beijing.jpeg"); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover;}a:link { color: #FFFFFF; text-decoration: none;}a:visited { text-decoration: none; color: #FFFFFF;}a:hover { text-decoration: underline; color: #FFFFFF;}a:active { text-decoration: none; color: #333333;}.STYLE1 { color: #FFFFFF; font-weight: bold;}.STYLE2 { font-size: 14px; font-family: "新宋體";}.STYLE3 {font-size: 20px; font-family: "新宋體"; font-weight: bold; }.STYLE4 { color: #FFFFFF}.qwe { color: #0066CC;}.STYLE5 { color: #000000; font-size: 36px;}#box table tr td table tr td table tr td p strong { font-size: 36px; font-weight: bold;}#box table tr td table tr td table tr td p { font-size: 18px;}#box table tr td table tr td table tr td p span { font-size: 36px; font-weight: bold;}.紅色 { color: #FF0000;}.加粗 { font-weight: bold;}--></style></head><body><div id="box" style="background:#CCCCCC; width:1000px; margin:0 auto;"><table width="1000" height="222" border="0" cellspacing="0"> <tr> <tr> <td height="218" background="images/background.jpg"><img src="圖片/導(dǎo)入.jpg" width="1000" height="450" /></td> </tr> </tr></table><table width="300" height="40" border="0" cellspacing="0" style="margin:0 auto; background:#cc0000;"> <tr> <td width="20%"><div align="center" class="STYLE1"><a href="新中國(guó).html">點(diǎn)擊走近大美中國(guó)</a></div></td> </tr></table> <div style="width: 1000px;height: 760px;margin: 0px auto;"> <video src="圖片/1.mp4" type="圖片" controls autoplay width="1000px" height="760px" > 抱歉,你的瀏覽器不支持video標(biāo)簽。。 </video> </div></div><hr size="1" color="#FF0000"><p align="center" class="加粗" >聯(lián)系Email:wangdalu008@gmail.com<a class="STYLE1" href="mailto:wangdalu008@gmail.com?subject=hello">給我發(fā)郵件</a></p></body></html> <script ></script>

學(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)鍵詞:作業(yè),設(shè)計(jì),實(shí)現(xiàn),題材,傳統(tǒng),中華,文化

74
73
25
news

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

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