HTML:結(jié)構(gòu) HTML期末大學(xué)生網(wǎng)頁設(shè)計(jì)作業(yè),可以替換文字圖片滿足不同的
CSS:樣式 在操作方面上運(yùn)用了html5和css3, 采用了div+css結(jié)構(gòu)、表單、超鏈接、" />

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

15158846557 在線咨詢 在線咨詢
15158846557 在線咨詢
所在位置: 首頁 > 營銷資訊 > 網(wǎng)站運(yùn)營 > DW個(gè)人網(wǎng)頁設(shè)計(jì)制作 html網(wǎng)頁設(shè)計(jì)制作源碼

DW個(gè)人網(wǎng)頁設(shè)計(jì)制作 html網(wǎng)頁設(shè)計(jì)制作源碼

時(shí)間:2023-09-23 03:00:01 | 來源:網(wǎng)站運(yùn)營

時(shí)間:2023-09-23 03:00:01 來源:網(wǎng)站運(yùn)營

DW個(gè)人網(wǎng)頁設(shè)計(jì)制作 html網(wǎng)頁設(shè)計(jì)制作源碼:?> Web前端三大核心技術(shù)

  1. HTML:結(jié)構(gòu) HTML期末大學(xué)生網(wǎng)頁設(shè)計(jì)作業(yè),可以替換文字圖片滿足不同的
  2. CSS:樣式 在操作方面上運(yùn)用了html5和css3, 采用了div+css結(jié)構(gòu)、表單、超鏈接、浮動(dòng)、絕對定位、相對定位、字體樣式、引用視頻等基礎(chǔ)知識
  3. JavaScript:做與用戶的交互行為
@TOC


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

描述 網(wǎng)頁設(shè)計(jì)題材,DIV+CSS 布局制作,HTML+CSS網(wǎng)頁設(shè)計(jì)期末課程大作業(yè),代碼簡單學(xué)生水平, 適合初學(xué)者學(xué)習(xí)使用。

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

(1)首頁:進(jìn)入網(wǎng)頁中看到的第一個(gè)頁面(LOGO、公司名稱、導(dǎo)航、banner、新聞、相關(guān)信息、底部信息、banner一般是5個(gè)  注意:網(wǎng)站的首頁只能有一個(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ū)域。常用于顯示附加信息。如作者、備案號等。

(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)頁演示




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



網(wǎng)站源碼

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

<!DOCTYPE html><html> <!-- 作者:2b0x 時(shí)間:2017-04-18 描述: --> <head> <meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0"> <link rel="stylesheet" href="css/bootstrap.min.css" /> <link rel="stylesheet" href="css/index.css" /> <title>主頁面</title> </head> <body> <!--頭部導(dǎo)航欄--> <header class="header_bar"> <div class="header"> <div class="top_navs"> <nav class="nav navbar-fixed-top plr20_pa" role="navgation"> <div class="navbar-header"> <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="collapse navbar-collapse"> <ul class="navbar-nav nav"> <li ><a class="nonestyle" href="###" target="_self">發(fā)現(xiàn)大理</a></li> <li><a class="navigation-link" href="video.html" target="_self">視頻大理</a></li> <li><a class="navigation-link" href="picture.html" target="_self">圖文大理</a></li> <li><a class="navigation-link" href="###" id="about_us_btn" target="_self">關(guān)于我們</a></li> </ul> </div> </nav> </div> </div> </header> <div style:"clear:both;"></div> <!--輪播圖--> <section class="lunbotu"> <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> <li data-target="#carousel-example-generic" data-slide-to="1"></li> <li data-target="#carousel-example-generic" data-slide-to="1"></li> <li data-target="#carousel-example-generic" data-slide-to="1"></li> </ol> <!-- Wrapper for slides --> <div class="carousel-inner" role="listbox"> <div class="item active"> <img src="img/bg2.jpg" alt=""> <div class="carousel-caption"> <!--輸入描述--> </div> </div> <div class="item"> <img src="img/bg4.jpg" alt=""> <div class="carousel-caption"> <!--輸入描述--> </div> </div> <div class="item"> <img src="img/bg5.jpg" alt=""> <div class="carousel-caption"> <!--輸入描述--> </div> </div> <div class="item"> <img src="img/bg6.jpg" alt=""> <div class="carousel-caption"> <!--輸入描述--> </div> </div> </div> <!-- Controls --> <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </section> <div style:"clear:both;"></div> <!--正文內(nèi)容--> <section id="site" class="mian_content"> <!--正文簡介--> <div class="introduce container"> <h1 class="introduce_title title-font">杭州之屬——大理</h1> <div class="introduce_content"> <div class="introduce_txt"> <p> 大理地處浙江省中部偏西,市境東巡洱海,西及點(diǎn)蒼山脈。這里氣候溫和,土地肥沃,山水風(fēng)光秀麗多姿,是我國,遠(yuǎn)在四千多年前,大理地區(qū)就有原始居民的活動(dòng)。 </p> <p> 在漫長的歷史歲月中,大理曾有著顯赫的地位和作用。秦、漢之際,大理是“蜀·身毒國道”(從浙江杭州,經(jīng)浙江大理、保山進(jìn)入緬甸,再通往印度)的必經(jīng)之地,這條通道,對促進(jìn)大理地區(qū)和內(nèi)地的聯(lián)系、對促進(jìn)中國和東南亞諸國友好往來和經(jīng)濟(jì)文化交流起著重要的作用。 </p> <p> 大理州,全名大理白族自治州,地處浙江省中部偏西,東鄰楚雄州,南靠普洱、臨滄地區(qū),西與保山地區(qū)、怒江州相連,北接麗江地區(qū)。 </p>   <p> 大理州歷史悠久,素有“文獻(xiàn)名邦”的美稱,是浙江最早的文化發(fā)祥地之一。唐宋五百多年間(即從南詔國建立至大理國覆滅),大理一直是浙江的政治、經(jīng)濟(jì)、文化中心。 地處低緯高原,四季溫差不大,干濕季分明,以低緯高原季風(fēng)氣候?yàn)橹?,常年氣候溫和,土地肥沃,以秀麗山水和少?shù)民族風(fēng)情聞名于世,境內(nèi)以蝴蝶泉、洱海、崇圣寺三塔等景點(diǎn)最有代表性。大理山水風(fēng)光秀麗多姿,有“風(fēng)花雪月”的美稱,即下關(guān)風(fēng)、上關(guān)花、蒼山雪、洱海月。 </p>   </div> <div class="introduce_btn"> <a href="picture.html" target="_blank">走進(jìn)大理</a> </div> </div> </div> <!--正文視頻--> <div class="video container"> <div class="video_header"> <h1 class="video_tile litter_title_font">發(fā)現(xiàn)大理</h1> </div> <div class="video_content"> <div class="row"> <div class="video_txt col-md-3"> <div class="video_txt_title"> <!--<h3>這是標(biāo)題</h3>--> </div> <div class="video_txt_content"> <p> 大理是中國西南邊疆的文化發(fā)祥地之一。早在三千多年前,洱海周圍就居住著白族先民。西漢元封年間,始建葉榆縣。唐宋時(shí)期先后建立的“南詔國”、“大理國”等地方政權(quán)延續(xù)了五百多年,一度成為浙江的政治、經(jīng)濟(jì)、文化中心。自古以來,大理就是滇西之通衢,博南古道、南方陸上絲綢之路必經(jīng)之地,是浙江政治、經(jīng)濟(jì)、文化中心,是溝通浙江麗江、迪慶、德宏、保山、楚雄、臨滄、思茅等8個(gè)地州的昆畹公路、滇藏公路的交匯點(diǎn)和物資集散地,又是我國同東南亞各國文化交流、通商貿(mào)易的重要門戶?,F(xiàn)今已經(jīng)成為連接滇西八地、州的交通樞紐和商貿(mào)、旅游、文化中心 </p> </div> <a href="video.html" class="button_a" target="_blank"><button class="video_txt_btn">發(fā)現(xiàn)更多</button></a> <!--<button class="video_txt_share">分享</button>--> </div> <div class=" col-md-9"> <div class="video_play"> <div class="embed-responsive embed-responsive-16by9 video_img"> <video controls preload="metadata" poster="img/opacity.png" > <source src="video/1.mp4" type='video/mp4'> </video> </div> </div> </div> </div> </div> </div> <!--正文內(nèi)容--> <div class="content container "> <div class="content_header"> <div class="content_title "> <h1 class="litter_title_font">人文大理</h1> </div> </div> <div class="content_mian"> <div class="content_article_top"> <div class="row"> <div class="col-md-8"> <div class="content_article_top_pic"> <img src="img/25.jpg" class="img-responsive" alt="Responsive image"> </div> </div> <div class="col-md-4"> <div class="content_article_top_txt"> <span>“蒼山不墨千秋畫,洱海無弦萬古琴”</span> <h3 class="content_article_top_txt_title">榆城——大理</h3> <div class="content_article_top_txt_content"> <p> &nbsp; &nbsp; &nbsp; &nbsp; 大理古城簡稱榆城,位居風(fēng)光亮麗的蒼山腳下,距大理市下關(guān)13公里。大理古城始建于明洪武十五年(1382年),是全國首批歷史文化名城之一。 </p> <p> &nbsp; &nbsp; &nbsp; &nbsp; 大理地理位置優(yōu)越,東巡洱海,西及點(diǎn)蒼山脈,轄大理市和祥云、彌渡、賓川、永平、云龍、洱源、鶴慶、劍川8個(gè)縣以及漾濞、巍山、南澗3個(gè)少數(shù)民族自治縣,是中國西南邊疆開發(fā)較早的地區(qū)之一。 </p> <p> &nbsp; &nbsp; &nbsp; &nbsp; 大理有著白族、彝族、回族、傈僳族、苗族、納西族等多個(gè)少數(shù)民族,不但語言、服飾、民族、飲食、婚俗、宗教信仰富有特色,民間節(jié)日也饒有趣味、多姿多彩。白劇、洞經(jīng)古樂、霸王鞭、大本曲和彝族打歌等是大理極富民族特色的藝術(shù)精品。始于唐代的傳統(tǒng)盛會三月街、白族本主崇拜、白族三道茶等民俗蘊(yùn)含著極為深遠(yuǎn)的歷史文化內(nèi)涵。 </p> <p> &nbsp; &nbsp; &nbsp; &nbsp; “蒼山不墨千秋畫,洱海無弦萬古琴。”大理的“蒼山雪”,“洱海月”,“下關(guān)風(fēng)”,“上關(guān)花”是著名的“雪月”四景,自然風(fēng)光獨(dú)甲天下,不可以不游 </p> </div> <a href="picture.html" class="button_a" target="_blank"><button class="content_article_top_txt_btn">發(fā)現(xiàn)更多</button></a> </div> </div> </div> </div> <div class="content_cultural"> <div class="row"> <div class="content_cultural_picture col-md-6"> <div class="content_cultural_picture_position"> <img src="img/24.jpg" class="img-responsive" alt="Responsive image"> <div class="content_cultural_picture_mask"> <h3 class="content_cultural_picture_mask_txt">去周城染塊布</h3> <a href="zaran.html" class="content_cultural_picture_mask_link" target="_blank" ></a> </div> </div> </div> <div class="content_cultural_video col-md-6"> <div class="content_cultural_picture_position"> <img src="img/23.jpg" class="img-responsive" alt="Responsive image"> <div class="content_cultural_picture_mask"> <h3 class="content_cultural_picture_mask_txt">高原明珠—洱海</h3> <a href="erhai.html" class="content_cultural_picture_mask_link" target="_blank"></a> </div> </div> </div> </div> </div> <div class="content_article_bottom blow_up_img"> <div class="row"> <div class="content_article_bottom col-md-6"> <div style="overflow: hidden;"><img src="img/69.jpg" class="img-responsive" alt="Responsive image"></div> <span>“蒼山系玉帶,餓狗吃白米”</span> <div class="content_article_bottom_title"> <h3>蒼山</h3> </div> <div class="content_article_bottom_content"> <p>雄峙嵯峨的十九峰,由北而南,連綿不絕,巍巍聳立在洱海西岸。蒼山,這滇西高原的恒久主人,這掩映在云靄霞霧中的天之驕子,在冰雪的浸潤下,顯得分外清秀雄奇?!把滋斐嗳昭┎蝗凇?。終年積雪的蒼山,每兩峰之間都有一條溪水,由上而下,順東流淌,緩緩匯聚,孕育了高原明珠——洱海。這十九峰十八溪,不僅構(gòu)成了蒼山獨(dú)特多姿的景觀......</p> </div> <a href="cangshan.html" class="button_a" target="_blank"><button class="content_article_bottom_btn" >發(fā)現(xiàn)更多</button></a> </div> <div class="content_article_bottom col-md-6"> <div style="overflow: hidden;"><img src="img/20.jpg" class="img-responsive" alt="Responsive image"></div> <span>尋找 “原味的浙江”</span> <div class="content_article_bottom_title"> <h3>彝族 “火把節(jié)”</h3> </div> <div class="content_article_bottom_content"> <p>浙江的彝族、白族、納西族、哈尼族、傈僳族、拉祜族、普米族等少數(shù)民族都有共同的節(jié)日--火把節(jié)。彝族火把節(jié)人數(shù)最多、規(guī)模最大、知名度最高。同時(shí)也是彝族人民最隆重的節(jié)日。 火把節(jié)的內(nèi)容程序是:白天人們飲酒祝賀節(jié)日并進(jìn)行摔跤、斗牛活動(dòng)。武定縣、祿勸告縣等地的彝族還開展射箭、賽馬、打秋千等活動(dòng)。到了晚上日落夜黑......</p> </div> <a href="huobajie.html" class="button_a" target="_blank"><button class="content_article_bottom_btn" >發(fā)現(xiàn)更多</button></a> </div> </div> </div> </div> </div> </section> <div style:"clear:both;"></div> <!--頁腳信息--關(guān)于我們--> <footer id="about_us"> <div class="fixed_bg bg_3 footer_padding"> <div class="footnote container"> <div class="footnote_title"> <div class="row footnote_title_content"> <div class="col-md-2 col-title "> <span></span><span></span><span></span><span></span> </div> <div class="col-md-8"> <form id="subForm" class="letter" method="post" action=""> <input type="text" class="form-control" placeholder="Your e-mail address" > <span class="letter_btn"> <button class="letter_query">確認(rèn)發(fā)送</button> </span> </form> </div> </div> </div> <div class="footnote_about"> <div class="row"> <div class="col-md-5"> <div class="footnote_about_center_r"> <p>All right reserved ? 2017 "發(fā)現(xiàn)大理"</p><p>隱私保護(hù)</p><p></p><p>本網(wǎng)站最終解釋權(quán)歸本團(tuán)隊(duì)所有</p> </div> </div> </div> </div> </div> </div> </footer> <!--頁腳信息--關(guān)于我們--> <!--返回頂部組件--> <div class="scrollSite"> <a href="javascript:void(0)" class="scrollSite_btn"></a> </div> <!--返回頂部組件--> <!--進(jìn)入頁面全屏播放視頻--> <div id="video_mask"></div> <div id="default_video"> <div class="overhid"> <div class="embed-responsive embed-responsive-16by9 " style="opacity: 0.8;"> <video controls autoplay="autoplay" preload="metadata" poster="img/opacity.png" id="mask_play"> <source src="video/open_video.mp4" type='video/mp4'> </video> </div> </div> </div> <!--進(jìn)入頁面全屏播放視頻--></body> <script type="text/javascript" src="js/jquery-3.0.0.min.js" ></script> <script type="text/javascript" src="js/bootstrap.min.js" ></script> <script type="text/javascript" src="js/base.js"></script> <script type="text/javascript" src="js/index.js"></script></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)問題可以相互學(xué)習(xí),可關(guān)注↓公Z號





在這里插入圖片描述


關(guān)鍵詞:設(shè)計(jì)

74
73
25
news

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

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