時(shí)間：2023-10-14 11:54:01 | 來源：網(wǎng)站運(yùn)營
時(shí)間：2023-10-14 11:54:01 來源：網(wǎng)站運(yùn)營
我的學(xué)校網(wǎng)頁期末作業(yè)（純html+css實(shí)現(xiàn)）：精彩專欄推薦 文末獲取聯(lián)系 ?? 作者簡介: 一個(gè)熱愛把邏輯思維轉(zhuǎn)變?yōu)榇a的技術(shù)博主 作者主頁: 【主頁—— 獲取更多優(yōu)質(zhì)源碼】 web前端期末大作業(yè)： 【 畢設(shè)項(xiàng)目精品實(shí)戰(zhàn)案例 (1000套) 】 程序員有趣的告白方式：【 HTML七夕情人節(jié)表白網(wǎng)頁制作 (110套) 】 超炫酷的Echarts大屏可視化源碼：【 Echarts大屏展示大數(shù)據(jù)平臺可視化(150套) 】 HTML+CSS+JS實(shí)例代碼： 【 ?HTML+CSS+JS實(shí)例代碼 (炫酷特效網(wǎng)頁代碼) 繼續(xù)更新中...】 免費(fèi)且實(shí)用的WEB前端學(xué)習(xí)指南： 【 web前端零基礎(chǔ)到高級學(xué)習(xí)視頻教程 120G干貨分享】 關(guān)于作者: 歷任研發(fā)工程師，技術(shù)組長，教學(xué)總監(jiān)；曾于2016年、2020年兩度榮獲CSDN年度十大博客之星。 十載寒冰，難涼熱血；多年過去，歷經(jīng)變遷，物是人非。 然而，對于技術(shù)的探索和追求從未停歇。 堅(jiān)持原創(chuàng)，熱衷分享，初心未改，繼往開來！
在線咨詢
Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html編輯軟件進(jìn)行運(yùn)行及修改編輯等操作）。 其中： （1） html文件包含：其中index.html是首頁、其他html為二級頁面； （2） css文件包含：css全部頁面樣式,文字滾動(dòng), 圖片放大等； （3） js文件包含：js實(shí)現(xiàn)動(dòng)態(tài)輪播特效, 表單提交, 點(diǎn)擊事件等等（個(gè)別網(wǎng)頁中運(yùn)用到j(luò)s代碼）。<!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>我的學(xué)校</title></head><body> <div class="ff"> <h1 class="fl">我的學(xué)校</h1> <p class="clear"></p> </div> <div class="menu"> <ul class="center"> <li class="se1"><a href="index.htm">首頁</a></li> <li class="se2"><a href="shuoming.htm">網(wǎng)站說明</a></li> <li class="se3"><a href="zhounian.htm">周年校慶</a></li> <li class="se5"><a href="jianjie.htm">學(xué)校簡介</a></li> <li class="se4"> <a href="https://mail.shnu.edu.cn/">聯(lián)系我們</a> <ul> <li><a href="">xxx</a></li> </ul> </li> </ul> </div> <div class="banner"></div> <div class="content"> <div class="bar2"> <h3>云天化中學(xué)</h3> </div> <div class="pad"> 浙江省云天化中學(xué)是由浙江省云天化中學(xué)教育管理有限公司獨(dú)資舉辦的一所十二年一貫制全日制學(xué)校。學(xué)校坐落于浙江省水富縣城。現(xiàn)有學(xué)生近6200名，其中高中部在校生近3200名。學(xué)校1976年10月建校， 1994年被認(rèn)定為浙江省首批一級完全中學(xué)，2011年1月被認(rèn)定為浙江省一級二等完全中學(xué)，2016年7月被認(rèn)定為浙江省一級一等完全中學(xué)?？胺Q浙江省頂尖中學(xué)學(xué)府。云天化中學(xué)是浙江省的一所省級重點(diǎn)中學(xué)。長期以來，云天化中學(xué)堅(jiān)持公平教育的辦學(xué)理念，注重學(xué)生的全面發(fā)展。學(xué)校歷來以“大面積、出尖子、重素質(zhì)、創(chuàng)名校、追求一流的教育教學(xué)質(zhì)量”為目標(biāo)；以“對家長負(fù)責(zé)，為學(xué)生著想”為宗旨；以對學(xué)生“嚴(yán)格管理、耐心負(fù)責(zé)、服務(wù)周到”的工作態(tài)度，成為浙江省的一流名校。 </div> <div class="bar2"> <h3>校園風(fēng)光</h3> </div> <div class="scrollleft"> <ul> <li> <img src="images/0.jpg" width="230" height="160" /> <p>校園風(fēng)光</p> </li> <li> <img src="images/1.jpg" width="230" height="160" /> <p>校園風(fēng)光</p> </li> <li> <img src="images/2.jpg" width="230" height="160" /> <p>校園風(fēng)光</p> </li> <li> <img src="images/3.jpg" width="230" height="160" /> <p>校園風(fēng)光</p> </li> </ul> </div> <div class="clear"></div> </div> <div class="end"> <p>xxx版權(quán)所有 </p> </div></body></html><style> ul, li, h1, h2, h3, p { padding: 0; margin: 0; list-style: none } a { text-decoration: none; color: #000 } body { background: url(images/timg.jpg) no-repeat center top #666; background-size: auto 900px } body { width: 1000px; margin: 0 auto; line-height: 21px } .clear { clear: both } .ff { margin: 0; padding: 40px 0; color: #fff } .menu li { list-style: none } .menu { position: relative; z-index: 555 } .banner { position: relative; height: 500px } .menu { width: 100%; text-align: center; clear: both; } .menu li a { color: #fff } .menu li { float: left; margin: 2px; background: #215a8b; padding: 25px 0px; width: 194px } .content { background: #fff; padding-bottom: 20px; font-size: 14px; display: inline-block; width: 100% } .menu ul li ul { position: absolute; display: none; left: 794px; } .menu ul li ul li { margin-top: 30px; float: none; line-height: 30px; text-align: left; padding: 5px; width: 183px; text-align: center; } .menu ul li:hover ul { display: block } .menu li.se1 { background: # } .menu li.se2 { background: #8b7121 } .menu li.se3 { background: #218b8a } .menu li.se4 { background: #8b2153 } .menu li.se5 { background: #7d8b21 } .menu li.se6 { background: #8b4421 } .menu li.se7 { background: #513c75 } .menu li.se8 { background: #812f2f } .end { clear: both; background: #215a8b; color: #fff; padding: 20px 0; text-align: center; } .pad { padding: 20px; display: block } .scrollleft, .cc { margin: 0 10px } .scrollleft { padding-top: 30px } .scrollleft li { width: 225px; margin: 10px; float: left } .cc { padding-top: 20px } .cc li { width: 306px; padding: 0px; background: #eee; margin: 10px; float: left } .cc li img { width: 100%; height: 200px } .cc li p { padding: 15px; } .fl { float: left } .fr { float: right } .bar { margin: 10px 20px; clear: both; border-bottom: #666 solid 1px; font-weight: bold; padding: 15px; font-size: 24px } .bar2 { margin: 10px 20px; clear: both; border-bottom: #666 solid 1px; text-align: center; font-weight: bold; padding: 15px; margin-top: 0; font-size: 18px } .bar2 h3 { position: relative; z-index: 1; background: #fff; padding: 0 20px; top: 25px; display: inline-block } </style>請 “ 點(diǎn)贊” “??評論” “ 收藏”一鍵三連哦！ 【 關(guān)注我| 獲取更多源碼 | 優(yōu)質(zhì)文章】帶您學(xué)習(xí)各種前端插件、3D炫酷效果、圖片展示、文字效果、以及整站模板 、大學(xué)生畢業(yè)HTML模板 、期末大作業(yè)模板 、等! 「在這里有好多 前端 開發(fā)者，一起探討 前端 Node 知識，互相學(xué)習(xí)」！關(guān)鍵詞：作業(yè),實(shí)現(xiàn),學(xué)校
客戶&案例
營銷資訊
關(guān)于我們
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
