Web前端開發(fā)技術(shù) 描述 網(wǎng)頁設(shè)計(jì)題材，DIV+CSS 布局制作,HTML+CSS網(wǎng)頁設(shè)計(jì)期末課程大作業(yè) | 汽車網(wǎng)站 | 汽車介" />

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

15158846557 或 在線咨詢 在線咨詢
15158846557 或 在線咨詢
所在位置： 首頁 > 營銷資訊 > 網(wǎng)站運(yùn)營 > HTML制作一個(gè)汽車介紹網(wǎng)站【大學(xué)生網(wǎng)頁制作期末作業(yè)】(汽車首頁 1頁 帶psd)

HTML制作一個(gè)汽車介紹網(wǎng)站【大學(xué)生網(wǎng)頁制作期末作業(yè)】(汽車首頁 1頁 帶psd)

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

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

HTML制作一個(gè)汽車介紹網(wǎng)站【大學(xué)生網(wǎng)頁制作期末作業(yè)】(汽車首頁 1頁 帶psd)：?> ? 源碼獲取 文末聯(lián)系 ?

Web前端開發(fā)技術(shù) 描述 網(wǎng)頁設(shè)計(jì)題材，DIV+CSS 布局制作,HTML+CSS網(wǎng)頁設(shè)計(jì)期末課程大作業(yè) | 汽車網(wǎng)站 | 汽車介紹 | 汽車官網(wǎng) | 汽車租賃 | 企業(yè)網(wǎng)頁 | 等網(wǎng)站的設(shè)計(jì)與制作 | 此作品為學(xué)生汽車網(wǎng)頁設(shè)計(jì)題材 | HTML期末大學(xué)生網(wǎng)頁設(shè)計(jì)作業(yè)，Web大學(xué)生網(wǎng)頁
  1. HTML：結(jié)構(gòu)
  2. CSS：樣式 在操作方面上運(yùn)用了html5和css3， 采用了div+css結(jié)構(gòu)、表單、超鏈接、浮動(dòng)、絕對定位、相對定位、字體樣式、引用視頻等基礎(chǔ)知識
  3. JavaScript：做與用戶的交互行為
@TOC

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

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

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

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

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

網(wǎng)頁演示




在這里插入圖片描述



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

<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>沃夫德爾首頁</title></head><style> *{ padding: 0; margin: 0;}.db{ width: 1200px; margin: 0 auto; overflow: hidden;}.db0{ background-color: #082939;}.db li{ float: left; list-style-type: none; width: 130px; font-size: 20px; color: white; line-height: 80px; text-align: center;}.a1{ float: left; margin: 20px 19px;}.dibu1{ width: 1200px; margin: 0 auto; overflow: hidden;}.a2{ float: left; list-style-type: none; color: white; margin:20px 20px 0 0;}.a2 li{ list-style-type: none; padding: 0 0 12px;}.dibu0{ background-color: #082939;}.a3{ color: white;}.a4{ margin: 0 0 0 1040px;}.dibu-1{ background-color:black}.dibu2{ width: 1200px; margin: 0 auto; color: #FFFFFF; line-height: 30px;}.dibu2 p{ width: 700px; margin: 0 auto;}.tu1{ width: 1922px; margin: 0 auto;}.tu1 p{ text-align: center; font-size: 30px;}.tu2{ width: 1200px; margin:100px auto ; overflow: hidden;}.b1{ float: left; list-style-type: none;}.b2{ float: right; list-style-type: none; width: 724px;}.b3{ /* width: 700px; */ overflow: hidden;}.a5{ float: left; padding: 5px; border: 1px solid #1F74A3; color: white; border-radius: 5px; list-style-type: none; background-color:#1F74A3 ; margin: 30px 0 20px 30px;}.a6{ float: left; padding: 5px; border: 1px solid #1F74A3; border-radius: 5px; list-style-type: none; background-color:white ; margin: 30px 0 20px 30px;}.a7{ float: right; padding: 5px; list-style-type: none; margin: 30px 0 20px;}.b4 li{ /* width: 700px; */ margin: 15px 0 10px; list-style-type: none; border-bottom: dashed black 1px;}.b5{ background-color: #EEF0F3;}.b6{ margin: 0 auto; width: 1200px;}.b7{ margin: 0 auto; width: 1900px;}.b8{ background-color: #101010;}.c1{ background-color: #EEF0F3;}.c2{ text-align: center; padding: 100px 0 50px; font-size: 40px;}.c3{ text-align: center; font-size: 40px; color: #FE941B;}.c4{ margin: 0 auto; font-size: 30px; border-bottom: solid black 1px; width: 1250px;}.c5{ width: 1700px; height: 350px; margin: 30px auto; border: 1px solid black; overflow: hidden;}.c6{ float: left; list-style-type: none;}.c6 li{ padding:17px 0;}.zhong{ overflow: hidden; width: 1200px; margin: 0 auto;}.zuo{ float: left; width: 810px;}.you{ float: right; width: 380px;}.c7{ margin: 50px;}.a8{ padding: 5px; background-color: #F2F2F2;}.a9{ text-align: center;}.b9{ padding: 10px; text-align: center; border-top: black 0.5px dashed; border-bottom: black 0.5px dashed;}span{ color: #1F74A3;}.c8{ border-bottom: black 0.5px dashed;}.c9{ margin: 50px auto; width: 350px;}.c9 button{ background-color: #2D6FA4; border-radius: 5px; padding: 0px 10px; color: white;}</style><body> <div class="db0"> <!-- 通用頂部 --> <div class="db"> <div class="a1"> <img src="picture/logo.png" alt=""> </div> <ul> <li>首頁</li> <li>關(guān)于我們</li> <li>產(chǎn)品推展</li> <li>智能體驗(yàn)</li> <li>技術(shù)支持</li> <li>新聞中心</li> <li>商務(wù)服務(wù)</li> </ul> </div> </div> <div> <!-- 中間部分 --> <div class="tu1"> <img src="picture/img_02.jpg" alt=""> </div> <div class="tu1"> <p>資訊</p> <p>INFORMATION</p> </div> <div class="tu2"> <ul> <li class="b1"> <img src="picture/img_05.jpg" alt=""> </li> <li class="b2"> <div class="b3"> <ul> <li class="a5">行業(yè)新聞</li> <li class="a6">公司活動(dòng)</li> <li class="a7">更多</li> </ul> </div> <div class="b4"> <ul> <li>01 audiolab 8200CD獲英國《WHATHIFI？》最佳CD機(jī)大獎(jiǎng)我的媽的什么車進(jìn)房間2015-10-28</li> <li>01 audiolab 8200CD獲英國《WHAT HIFI？》最佳CD機(jī)大方法二分法二分法獎(jiǎng)2015-10-28</li> <li>01 audiolab 8200CD獲英國《WHAT HIFI？》最佳CD機(jī)給他人提供熱太熱他大獎(jiǎng)2015-10-28</li> <li>01 audiolab 8200CD獲英國《WHAT HIFI？》最個(gè)人干的風(fēng)格讓他佳CD機(jī)大獎(jiǎng)2015-10-28</li> <li>01 audiolab 8200CD獲英國《WHAT HIFI？》最佳了幾句了了解CD機(jī)大獎(jiǎng)2015-10-28</li> <li>01 audiolab 8200CD獲英國《WHAT HIFI？》最佳C了空間看看空間D機(jī)大獎(jiǎng)2015-10-28</li> <li>01 audiolab 8200CD獲英國《WHAT HIFI？》最佳CD機(jī)大獎(jiǎng)2015-10-28</li> </ul> </div> </li> </ul> </div> <div class="b5"> <div class="b6"> <img src="http://www.ylcp.shop/files/files/1650332263059/images/%E6%B2%83%E5%A4%AB%E5%BE%B7%E5%B0%94%E9%A6%96%E9%A1%B5_03.jpg" alt=""> </div> </div> <div class="b5"> <div class="b7"> <img src="http://www.ylcp.shop/files/files/1650332263059/images/%E6%B2%83%E5%A4%AB%E5%BE%B7%E5%B0%94%E9%A6%96%E9%A1%B5_05.jpg" alt=""> </div> </div> <div class="c1"> <p class="c2">招商加盟</p> <p class="c3"><img src="http://www.ylcp.shop/files/files/1650332263059/images/%E6%B2%83%E5%A4%AB%E5%BE%B7%E5%B0%94%E9%A6%96%E9%A1%B5_08.jpg" alt="">400-60000-798</p> <p class="c4">智能騎行——充滿機(jī)遇與挑戰(zhàn)的熱門行業(yè) 沃夫德爾——值得信賴的行業(yè)領(lǐng)導(dǎo)品牌期待您的加盟</p> <p class="c2">常見問題</p> <div class="c5"> <ul> <li class="c6"> <ul> <li>公路頭盔和山地頭盔的區(qū)別在哪？</li> <li>山地頭盔有帽檐，公路頭盔一般沒有頭盔的使用壽命多長？</li> <li>一般頭盔使用2-3年就需要更換，而且它屬于一次性產(chǎn)品，如果摔跤后，盔出現(xiàn)裂痕等，就需要重新更換新的</li> <li>livall智能頭盔的待機(jī)時(shí)間多長，電池的使用壽命多久？</li> <li>電池容量是380MA，可正常工作時(shí)間是6個(gè)多小時(shí)，每次充電時(shí)間大概要1.5小時(shí)。</li> <li>而電池的使用壽命跟平常我們使用的智能手機(jī)電池（大約500次充電）差不多</li> </ul> </li> <li class="c6"> <ul> <li>公路頭盔和山地頭盔的區(qū)別在哪？</li> <li>山地頭盔有帽檐，公路頭盔一般沒有頭盔的使用壽命多長？</li> <li>一般頭盔使用2-3年就需要更換，而且它屬于一次性產(chǎn)品，如果摔跤后，盔出現(xiàn)裂痕等，就需要重新更換新的</li> <li>livall智能頭盔的待機(jī)時(shí)間多長，電池的使用壽命多久？</li> <li>電池容量是380MA，可正常工作時(shí)間是6個(gè)多小時(shí)，每次充電時(shí)間大概要1.5小時(shí)。</li> <li>而電池的使用壽命跟平常我們使用的智能手機(jī)電池（大約500次充電）差不多</li> </ul> </li> </ul> </div> </div> <div class="b8"> <div class="b6"> <img src="picture/img_14.jpg" alt=""> </div> </div> </div> <div class="dibu0"> <!-- 通用底部 --> <div class="dibu1"> <div class="dibu1a"> <ul> <li class="a2">首頁</li> <li class="a2"> <ul> <li>關(guān)于我們</li> <li>公司簡介</li> <li>企業(yè)理念</li> <li>發(fā)展歷程</li> <li>發(fā)展戰(zhàn)略</li> <li>發(fā)展前景</li> <li>實(shí)力榮譽(yù)</li> <li>員工天地</li> </ul> </li> <li class="a2"> <ul> <li>沃夫德爾</li> <li>Smart4U</li> <li>livall</li> </ul> </li> <li class="a2"> <ul> <li>智能體驗(yàn)</li> <li>產(chǎn)品體驗(yàn)</li> <li>騎行體驗(yàn)</li> </ul> </li> <li class="a2"> <ul> <li>技術(shù)支持</li> <li>常見問題</li> <li>優(yōu)質(zhì)服務(wù)</li> <li>聯(lián)系方式</li> <li>在線客服</li> <li>在線留言</li> </ul> </li> <li class="a2"> <ul> <li>招商加盟</li> <li>招商加盟</li> <li>招賢納士</li> </ul> </li> <li class="a2"> <ul> <li>新聞中心</li> <li>行業(yè)新聞</li> <li>公司動(dòng)態(tài)</li> </ul> </li> <li class="a2"> <ul> <li>商務(wù)服務(wù)</li> <li>淘寶</li> <li>天貓</li> <li>京東</li> <li>蘇寧</li> <li>全國體驗(yàn)網(wǎng)點(diǎn)</li> </ul> </li> </ul> </div> <div class="dibu1b"> <p class="a3">公司地址：杭州市南山區(qū)科技園北區(qū)清華信息港科研樓903</p> <div class="a4"> <img src="picture/code.png" alt=""> </div> </div> </div> </div> <div class="dibu-1"> <div class="dibu2"> <p>版權(quán)所有：杭州沃夫特爾有限公司 備案號：粵CP189565988565號-1 技術(shù)支持：網(wǎng)聯(lián)訊科技</p> </div> </div></body></html>

學(xué)的反而越迷茫

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

當(dāng)你以后真正進(jìn)入公司，發(fā)現(xiàn)工作的難度和量大約只有你學(xué)習(xí)時(shí)期的大約20%，你可能就會發(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)贊博文 | 每天帶你漲知識




在這里插入圖片描述


關(guān)鍵詞：汽車,作業(yè),大學(xué)生

74
73
25
news

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

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