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

15158846557 在線咨詢 在線咨詢
15158846557 在線咨詢
所在位置: 首頁 > 營銷資訊 > 網(wǎng)站運營 > 大學生簡單個人靜態(tài)HTML網(wǎng)頁設(shè)計作品 HTML+CSS制作我的家鄉(xiāng)杭州 DIV布局個人介紹

大學生簡單個人靜態(tài)HTML網(wǎng)頁設(shè)計作品 HTML+CSS制作我的家鄉(xiāng)杭州 DIV布局個人介紹

時間:2023-05-19 17:54:02 | 來源:網(wǎng)站運營

時間:2023-05-19 17:54:02 來源:網(wǎng)站運營

大學生簡單個人靜態(tài)HTML網(wǎng)頁設(shè)計作品 HTML+CSS制作我的家鄉(xiāng)杭州 DIV布局個人介紹網(wǎng)頁模板代碼 DW學生個人網(wǎng)站制作成品下載 HTML5期末大作業(yè):
常見網(wǎng)頁設(shè)計作業(yè)題材有 個人、 美食、 公司、 學校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動漫、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他等網(wǎng)頁設(shè)計題目, A+水平作業(yè), 可滿足大學生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計需求都能滿足你的需求。原始HTML+CSS+JS頁面設(shè)計, web大學生網(wǎng)頁設(shè)計作業(yè)源碼,畫面精明,排版整潔,內(nèi)容豐富,主題鮮明,非常適合初學者學習使用。

?精彩專欄推薦

? 【作者主頁—— 獲取更多優(yōu)質(zhì)源碼】 ? 【web前端期末大作業(yè)—— 畢設(shè)項目精品實戰(zhàn)案例(1000套)】


@TOC

一、網(wǎng)頁介紹

1 網(wǎng)頁簡介:此作品為學生個人主頁網(wǎng)頁設(shè)計題材,HTML+CSS 布局制作,web前端期末大作業(yè),大學生網(wǎng)頁設(shè)計作業(yè)源碼,這是一個不錯的網(wǎng)頁制作,畫面精明,代碼為簡單學生水平, 非常適合初學者學習使用。

2.網(wǎng)頁編輯:網(wǎng)頁作品代碼簡單,可使用任意HTML編輯軟件(如:Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html編輯軟件進行運行及修改編輯等操作)。

3.知識應用:技術(shù)方面主要應用了網(wǎng)頁知識中的: Div+CSS、鼠標滑過特效、Table、導航欄效果、Banner、表單、二級三級頁面等,視頻、 音頻元素 、Flash,同時設(shè)計了Logo(源文件)所需的知識點。


一、網(wǎng)頁效果




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




二、代碼展示


1.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 rel="stylesheet" type="text/css" href="css/index.css"></head><body> <div class="page"> <div class="banner"> <div align="center"><img src="images/banner.jpg" /></div> </div> <div class="daohang"> <p><a href="index.html">首頁</a></p> <p><a href="xihu.html">杭州西湖</a></p> <p><a href="xiaochi.html">杭州小吃</a></p> <p><a href="fengjing.html">杭州風景</a></p> <p><a href="liuyan.html">客戶留言</a></p> <p><a href="lianxi.html">地理位置</a></p> <p><a href="zhanzhang.html">站長信息</a></p> </div> <div class="content"> <div class="zuo"> <img src="images/zuo1.jpg" /> <div class="fangshi"> <h1>新聞公告</h1> <p>   11月19日,杭州西湖風景名勝區(qū)管委會(市園林文物局)召開領(lǐng)導干部會議,傳達學習貫徹黨的十八大精神。西湖風景名勝區(qū)(市園文局)黨委書記、管委會主任(局長)劉穎傳達了十八大精神,并就名勝區(qū)(園文局)深入學習貫徹十八大精神作了部署,管委會副主任王宏偉、呂雄偉等黨委班子成員、機關(guān)全體人員、各基層區(qū)(局)管干部參加會議。會議由黨委副書記、副主任張鴻斌主持。<br /> </p> </div> </div> <div class="you"> <div class="jieshao"> <h1>杭州介紹</h1> <p><img src="images/jieshao.jpg" width="218" height="147" style="float:left; margin-right:19px;" />  杭州市(本地吳語讀音(IPA):愂 tsei)簡稱杭,中國浙江省省會,副省級城市,浙江省政治、經(jīng)濟、文化、科教中心,長三角地區(qū)副中心城市和南翼中心城市,浙江省的金融中心和行政中心,全國重點風景旅游城市和歷史文化名城,大陸國際形象最佳城市之一,中國七大古都之一。古時杭州曾稱“臨安”、“錢塘”、“武林”等。杭州位于浙江省北部,處杭嘉湖平原南緣,擁有約2300年的建城史,是一個典型的山水文化名城。西子湖、錢塘江、千島湖以及周邊丘陵構(gòu)成了杭州的山水美景。</p> <p>自古以來,杭州的經(jīng)濟和文化比較發(fā)達,素有“東南第一州”之稱?!坝盐骱任髯樱瓓y濃抹總相宜”贊美西子湖之美?;钴S的多元化經(jīng)濟和發(fā)達的文化教育使杭州成為浙江省政治、經(jīng)濟和文化的中心。 </p> </div> <div class="jieshaoB"> <h1>產(chǎn)品展示</h1> <p> <marquee><img src="images/chanpin1.jpg" /><img src="images/chanpin2.jpg" /><img src="images/chanpin3.jpg" /><img src="images/chanpin4.jpg" /><img src="images/chanpin5.jpg" /><img src="images/chanpin6.jpg" /><img src="images/chanpin7.jpg" /><img src="images/chanpin8.jpg" /></marquee> </p> </div> </div> <div class="clearit"></div> </div> <div class="foot"> <div align="center"> </div> </div> </div></body></html>

2.CSS樣式代碼

@charset "utf-8";/* CSS Document */body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div { margin: 0; padding: 0; border: 0;}* { margin: 0; padding: 0; border: 0;}body { font-family: "宋體"; font-size: 12px; color: #000000; line-height: 20px; text-align: left}td,th { font-family: "宋體"; font-size: 12px; color: #000000;}a { color: #000000;}A:link { TEXT-DECORATION: none;}A:visited { TEXT-DECORATION: none;}A:hover { TEXT-DECORATION: underline;}ul,li { list-style-type: none;}.clearit { clear: both;}.page { width: 1003px; margin: 0 auto;}.daohang { width: 1003px; height: 42px; margin: 0 auto; overflow: hidden; background: url("../images/daohang.jpg") repeat-x;}.daohang p { width: 140px; line-height: 42px; display: block; float: left; text-align: center; font-size: 14px; font-weight: bold;}.daohang p a { color: #345479;}.content { width: 1003px; margin: 0 auto; background: #c2cdda; padding: 20px 0 0;}.zuo { width: 220px; float: left; margin-left: 10px; display: inline;}.fangshi { width: 220px; border: 1px solid #ffffff; margin-top: 10px; background: #345479;}.fangshi h1 { font-size: 14px; padding: 0 10px; font-weight: bold; line-height: 26px; line-height: 26px; border-bottom: 1px solid #ffffff; color: #ffffff;}.fangshi p { text-align: left; padding: 0 10px; line-height: 24px; color: #ffffff;}.you { width: 750px; float: left; margin-left: 10px; display: inline;}.jieshao { width: 748px; border: 1px solid #ffffff; background: #345479; margin-bottom: 10px;}.jieshao h1 { font-size: 14px; padding: 0 10px; font-weight: bold; line-height: 28px; line-height: 28px; background: #345479; border-bottom: 1px solid #ffffff; color: #ffffff;}.jieshao p { text-align: left; padding: 10px; line-height: 24px; color: #ffffff;}.jieshaoB { width: 748px; border: 1px solid #ffffff; background: #345479; margin-bottom: 10px;}.jieshaoB h1 { font-size: 14px; padding: 0 10px; font-weight: bold; line-height: 28px; line-height: 28px; background: #345479; border-bottom: 1px solid #ffffff; color: #ffffff;}.jieshaoB p { padding: 10px 0;}.jieshaoB img { width: 200px; margin-right: 10px; padding: 1px; border: 1px solid #FFFF00; background: #FFFFFF;}.foot { width: 1003px; margin: 0 auto; padding-top: 50px; background: url("../images/foot.jpg") repeat-x top; padding-bottom: 50px;}.foot p { text-align: center; line-height: 30px; color: #345479;}.you h2 { font-size: 14px; font-weight: bold; text-align: center; line-height: 30px; border-bottom: 1px solid #FFFF00; color: #000000;}.neirong { padding: 20px; line-height: 24px; color: #000000;}.zhanshi { padding-bottom: 20px; overflow: hidden;}.zhanshi img { width: 160px; display: block; float: left; margin-left: 10px; display: inline;}.messageB { width: 600px; padding: 10px 0; overflow: hidden; text-align: left; line-height: 24px;}.messageB ul li { line-height: 24px; margin-top: 16px; list-style: none; padding: 0; border: 0;}.messageB ul li span { vertical-align: middle; padding-right: 12px;}.messageB ul li .message_in { width: 300px; height: 22px; border: 1px solid #999999; vertical-align: middle; line-height: 22px; padding: 0;}.messageB ul li .message_te { width: 500px; height: 90px; border: 1px solid #999999; vertical-align: middle; line-height: 18px; padding: 0;}.messageB ul li .message_btn { width: 64px; height: 20px; padding: 0; line-height: 20px; background: url("../images/btn.gif") no-repeat; color: #FFFFFF; font-weight: bold; cursor: hand;}

三、個人總結(jié)

一套合格的網(wǎng)頁應該包含(具體可根據(jù)個人要求而定) 1. 頁面分為頁頭、菜單導航欄(最好可下拉)、中間內(nèi)容板塊、頁腳四大部分; 2. 所有頁面相互超鏈接,可到三級頁面,有5-10個頁面組成; 3. 頁面樣式風格統(tǒng)一布局顯示正常,不錯亂,使用Div+Css技術(shù); 4. 菜單美觀、醒目,二級菜單可正常彈出與跳轉(zhuǎn); 5. 要有JS特效,如定時切換和手動切換圖片新聞; 6. 頁面中有多媒體元素,如gif、視頻、音樂,表單技術(shù)的使用; 7. 頁面清爽、美觀、大方,不雷同。
8. 網(wǎng)站前端程序不僅要能夠把用戶要求的內(nèi)容呈現(xiàn)出來,還要滿足布局良好、界面美觀、配色優(yōu)雅、表現(xiàn)形式多樣等要求。


四、更多干貨

1.如果我的博客對你有幫助、如果你喜歡我的博客內(nèi)容,請 “ 點贊” “??評論” “ 收藏”一鍵三連哦!

2.??【關(guān)注我| 獲取更多源碼 | 優(yōu)質(zhì)文章】帶您學習各種前端插件、3D炫酷效果、圖片展示、文字效果、以及整站模板 、大學生畢業(yè)HTML模板 、期末大作業(yè)模板 、等! 「在這里有好多 前端 開發(fā)者,一起探討 前端 Node 知識,互相學習」!

3.以上內(nèi)容技術(shù)相關(guān)問題 歡迎一起交流學習 【主頁—— 獲取更多優(yōu)質(zhì)源碼】



關(guān)鍵詞:家鄉(xiāng),杭州,布局,靜態(tài),簡單,設(shè)計,大學生,作品

74
73
25
news

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

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