時(shí)間：2023-08-31 10:24:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)
時(shí)間：2023-08-31 10:24:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)
（web前端網(wǎng)頁(yè)制作課作業(yè)）使用HTML+CSS制作非物質(zhì)文化遺產(chǎn)專(zhuān)題網(wǎng)頁(yè)設(shè)計(jì)與實(shí)現(xiàn)：@TOC
在線(xiàn)咨詢(xún)
Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html編輯軟件進(jìn)行運(yùn)行及修改編輯等操作）。 其中： （1） html文件包含：其中index.html是首頁(yè)、其他html為二級(jí)頁(yè)面； （2） css文件包含：css全部頁(yè)面樣式,文字滾動(dòng), 圖片放大等； （3） js文件包含：js實(shí)現(xiàn)動(dòng)態(tài)輪播特效, 表單提交, 點(diǎn)擊事件等等（個(gè)別網(wǎng)頁(yè)中運(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é)生心理測(cè)試網(wǎng)</title><link href="style/ys.css" rel="stylesheet" type="text/css" /></head><body style=" background:none"><div class="header"> <div class="mainbox"><h1>大學(xué)生心理測(cè)試網(wǎng)</h1></div></div><div class="bj"> <div class="mainbox"> <form> <div class="hydl"> <h1>用戶(hù)登錄<a href="index.html">返回首頁(yè)</a></h1> <dl> <dd> <b>用戶(hù)名</b> <input type="text" class="text"> </dd> <dd> <b>密碼</b> <input type="text" class="text"> </dd> <dt> <input type="checkbox" name="hidden" value="1"> 記住我 </dt> <dd style="border:none; margin-top:inherit;"> <input type="submit" value="登錄" class="sub"> </dd> </dl> </div> </form> </div></div></body></html>*{padding:0px;margin:0px;}a{text-decoration:none;}a{text-decoration:none;}a:hover{text-decoration:none;}ul,li{list-style:none;}body{auto;font:12px "Microsoft YaHei", 微軟雅黑,;background:#f5f5f5;}.clear{clear:both;}.main{background-color: #FFF;padding: 0; margin:10px auto;border: 1px solid #dcdcdc;width:860px;}.title{ width:100%; overflow:hidden; text-align:center; border-bottom:1px solid #dcdcdc; line-height:40px; color:#333; font-weight:bold; font-size:22px; background:#f0f9ff;}.wt{ width:840px; margin:0 auto; padding:20px 0;}.wt li{ width:100%; overflow:hidden;border-bottom:1px dashed #bcbcbc; padding-bottom:14px; margin-bottom:14px;}.wt h1{font-size: 16px;font-weight: bold; color: #dc5151; padding-bottom:10px;}.wt_d{padding:5px; width:100%; overflow:hidden; font-size:14px;}.wt_d input{ margin-right:6px;}.tj{ width:100%; overflow:hidden; padding-bottom:30px; text-align:center;}.button{ padding:2px 10px;}.tj a{ font-size:14px; padding:2px 10px;}.tj a:hover{ text-decoration:underline; color:#dc5151;}.mainbox{ width:1200px; margin:0 auto;}.header{ width:100%; overflow:hidden; padding:30px 0;}.header h1{ color:#333; font-weight:bold; font-size:24px;}.bj{ width:100%; overflow:hidden; height:700px; background:url(../images/bj.jpg) no-repeat; background-size:100%;}/*登錄頁(yè)面*/.dlwz{ font-size:16px; color:#999; line-height:70px;}.dlwz a{ font-size:16px; color:#333;}.dlwz a:hover{ color:#f60;}.login{ width:100%; overflow:hidden; height:600px; background:url(../images/login.jpg) center center no-repeat;}.hydl{ width:340px; padding:10px 25px 25px 25px; background:#fff; border-radius:4px; float:right; margin:110px 50px 0 0;}.hydl h1{ font-size:24px; color:#888; line-height:24px; padding:25px 0 10px; overflow:hidden; font-weight:normal;}.hydl h1 a{ float:right; color:#333; text-decoration:underline; font-size:16px; text-decoration:none;}.hydl h1 a:hover{ color:#f60;}.hydl dl{ width:100%; display:block;}.hydl dl dd{ display:block; line-height:40px; border:1px #e3e3e3 solid; border-radius:3px; height:40px; margin-top:20px;}.hydl dl dd input.text{ width:230px;float: right; overflow:hidden; border:none; height:40px;}.hydl dl dd input.text:focus{ outline:none;}.hydl dl dd b{ width:100px; text-indent:10px; border-right:1px #e3e3e3 solid; float:left; overflow:hidden; font-size:14px; color:#333; font-weight:normal;}.hydl dl dt{ line-height:60px; height:60px; overflow:hidden;}.hydl dl dd input.sub{ width:340px; line-height:46px; height:46px; border:none; background:#f60; border-radius:3px; color:#fff; font-size:16px;}.hydl h2{ text-align:right; line-height:40px; overflow:hidden; border-top:1px #e3e3e3 solid; clear:both; margin-top:50px; padding-top:10px;}.nl{ margin-top:4px; padding:4px;}請(qǐng) “ 點(diǎn)贊” “??評(píng)論” “ 收藏”一鍵三連哦！ 【 關(guān)注我| 獲取更多源碼 | 優(yōu)質(zhì)文章】帶您學(xué)習(xí)各種前端插件、3D炫酷效果、圖片展示、文字效果、以及整站模板 、大學(xué)生畢業(yè)HTML模板 、期末大作業(yè)模板 、等! 「在這里有好多 前端 開(kāi)發(fā)者，一起探討 前端 Node 知識(shí)，互相學(xué)習(xí)」！關(guān)鍵詞：遺產(chǎn),文化,物質(zhì),專(zhuān)題,設(shè)計(jì),實(shí)現(xiàn),使用,作業(yè)
客戶(hù)&案例
營(yíng)銷(xiāo)資訊
關(guān)于我們
客戶(hù)&案例
營(yíng)銷(xiāo)資訊
關(guān)于我們
微信公眾號(hào)
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
