Web前端開發(fā)技術 描述 網(wǎng)頁設計題材,DIV+CSS 布局制作,HTML+CSS網(wǎng)頁設計期末課程大作業(yè) | 在線商城購物 | 水果商城 | 商城系統(tǒng)建設 | 多" />

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

15158846557 在線咨詢 在線咨詢
15158846557 在線咨詢
所在位置: 首頁 > 營銷資訊 > 網(wǎng)站運營 > 學生HTML個人網(wǎng)頁作業(yè)作品 (華為商城 HTML+CSS)

學生HTML個人網(wǎng)頁作業(yè)作品 (華為商城 HTML+CSS)

時間:2023-10-07 15:12:02 | 來源:網(wǎng)站運營

時間:2023-10-07 15:12:02 來源:網(wǎng)站運營

學生HTML個人網(wǎng)頁作業(yè)作品 (華為商城 HTML+CSS):?> ? 源碼獲取 文末聯(lián)系 ?

Web前端開發(fā)技術 描述 網(wǎng)頁設計題材,DIV+CSS 布局制作,HTML+CSS網(wǎng)頁設計期末課程大作業(yè) | 在線商城購物 | 水果商城 | 商城系統(tǒng)建設 | 多平臺移動商城 | H5微商城購物商城項目| HTML期末大學生網(wǎng)頁設計作業(yè),Web大學生網(wǎng)頁
  1. HTML:結(jié)構(gòu)
  2. CSS:樣式 在操作方面上運用了html5和css3, 采用了div+css結(jié)構(gòu)、表單、超鏈接、浮動、絕對定位、相對定位、字體樣式、引用視頻等基礎知識
  3. JavaScript:做與用戶的交互行為

前端學習路線

(1)html文件:其中index.html是首頁、其他html為二級頁面; (2)css文件:css全部頁面樣式,文字滾動, 圖片放大等; (3)js文件:js實現(xiàn)動態(tài)輪播特效, 表單提交, 點擊事件等等(網(wǎng)頁中運用到js代碼)

網(wǎng)頁基本結(jié)構(gòu)

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

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


網(wǎng)頁演示




在這里插入圖片描述
在這里插入圖片描述
在這里插入圖片描述
在這里插入圖片描述
在這里插入圖片描述



HTML結(jié)構(gòu)代碼

<!doctype html><html><head><meta charset="utf-8"><link rel="stylesheet" type="text/css" href="css/css.css"><title>無標題文檔</title></head><body><div class="da"> <div class="logo"><img src="images/logo.gif" width="195" height="30"></div> <div class="dao"> <ul> <li><a href="index.html">網(wǎng)站首頁</a></li> <li><a href="huawei.html">華為專區(qū)</a></li> <li><a href="rongyao.html">榮耀專區(qū)</a></li> <li><a href="mate.html">Mate 20系列</a></li> <li><a href="shi.html">榮耀10</a></li> </ul> </div> <div class="sou"> <input name="" type="text"> <p><a href="#">搜索</a></p> </div></div><div class="clearit"></div><div class="ban"><img src="images/ban.jpg" width="1920" height="454"></div><div class="nav"> <div class="tu"><img src="images/t1.jpg" width="270" height="186"><img src="images/t2.jpg" width="270" height="186" > <img src="images/t3.jpg" width="270" height="186" ><img src="images/t4.jpg" width="270" height="186"></div> <div class="shou"> <h1>熱銷單品</h1> <div class="ye"> <div class="zuo"><img src="images/t5.jpg" width="200" height="515"></div> <div class="you"> <div class="yi"><img src="images/a1.gif" width="110" height="139"> <p>榮耀10青春版</p> <p><samp>4+64GB減100 </samp></p> <p style=" color:#d0021b">¥1299</p> </div> <div class="yi" style=" margin-top:15px;"><img src="images/a2.gif" width="110" height="139"> <p>HUAWEI Mate 20 RS</p> <p><samp>保時捷設計 </samp></p> <p style=" color:#d0021b">¥12999</p> </div> </div> <div class="you"> <div class="yi"><img src="images/a3.gif" width="110" height="139"> <p>榮耀Note10</p> <p><samp>最高減300元 </samp></p> <p style=" color:#d0021b">¥2699</p> </div> <div class="yi" style=" margin-top:15px;"><img src="images/a4.gif" width="110" height="139"> <p>HUAWEI Mate 20 Pro </p> <p><samp>6期免息 </samp></p> <p style=" color:#d0021b">¥5999</p> </div> </div> <div class="you"> <div class="yi"><img src="images/a5.gif" width="110" height="139"> <p>榮耀10</p> <p><samp>最高優(yōu)惠100 </samp></p> <p style=" color:#d0021b">¥2199</p> </div> <div class="yi" style=" margin-top:15px;"><img src="images/a6.gif" width="110" height="139"> <p>HUAWEI Mate 20 X </p> <p><samp>6期免息|老用戶享好禮 </samp></p> <p style=" color:#d0021b">¥4999</p> </div> </div> <div class="you"> <div class="yi"><img src="images/a7.gif" width="110" height="139"> <p>榮耀暢玩8C</p> <p><samp>4+32GB金色版到手價899 </samp></p> <p style=" color:#d0021b">¥999</p> </div> <div class="yi" style=" margin-top:15px;"><img src="images/a8.gif" width="110" height="139"> <p>HUAWEI P20</p> <p><samp>下單減100+贈好禮 </samp></p> <p style=" color:#d0021b">¥3388</p> </div> </div> </div> <div class="clearit"></div> <br> <br> <h1>精品推薦</h1> <div class="jin"> <div class="er"> <p class="tt"><img src="images/a9.gif" width="120" height="88"></p> <p class="ee">訂金100元最高抵900 贈耳機 </p> <p>榮耀MagicBook 銳龍版</p> <p><samp>¥3999 </samp></p> </div> <div class="rr"> <p class="tt"><img src="images/a10.gif" width="120" height="110"></p> <p class="ee">新品首發(fā) 最高優(yōu)惠100 </p> <p>榮耀平板5 8英寸</p> <p><samp>¥999 </samp></p> </div> <div class="rr"> <p class="tt"><img src="images/a11.gif" width="120" height="104"></p> <p class="ee">新品上市 享3期免息 </p> <p>華為子母路由 Q2 Pro</p> <p><samp>¥799 </samp></p> </div> <div class="rr"> <p class="tt"><img src="images/a12.gif" width="60" height="110"></p> <p class="ee">贈價值268元紅酒券等禮包 </p> <p>榮耀小哨兵智能攝像機 云臺版</p> <p><samp>¥299 </samp></p> </div> <div class="rr"> <p class="tt"><img src="images/a13.gif" width="80" height="111"></p> <p class="ee">七重定位 精準守護 </p> <p>榮耀小K2兒童手表</p> <p><samp>¥299 </samp></p> </div> </div> <div class="clearit"></div> </div></div><div class="foot">華為商城</div></body></html>

學的反而越迷茫

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

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

這是很正常的,因為大部分公司是招你進去去干活的,寫業(yè)務的,不是讓你一個新人去研發(fā)公司架構(gòu)的。都是現(xiàn)成的東西,你要做的就是在別人的教導下,手把手的指揮下去添磚加瓦。到時候你恐怕要驚呼:就這?

所以,放松心態(tài)吧,好好享受大學時光 —————————————————


學習更多

關注我 | 點贊博文 | 每天帶你漲知識






關鍵詞:作品,商城,學生,作業(yè)

74
73
25
news

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

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