時間：2023-10-15 08:30:01 | 來源：網(wǎng)站運營
時間：2023-10-15 08:30:01 來源：網(wǎng)站運營
中秋節(jié)靜態(tài)HTML網(wǎng)頁作業(yè)作品 大學生中秋網(wǎng)頁設計制作成品 簡單DIV CSS布局網(wǎng)站：精彩專欄推薦 文末獲取聯(lián)系 ?? 作者簡介: 一個熱愛把邏輯思維轉(zhuǎn)變?yōu)榇a的技術博主 作者主頁: 【主頁—— 獲取更多優(yōu)質(zhì)源碼】 web前端期末大作業(yè)： 【 畢設項目精品實戰(zhàn)案例 (1000套) 】 程序員有趣的告白方式：【 HTML七夕情人節(jié)表白網(wǎng)頁制作 (110套) 】 超炫酷的Echarts大屏可視化源碼：【 echarts大屏展示大數(shù)據(jù)平臺可視化(150套) 】 免費且實用的WEB前端學習指南： 【 web前端零基礎到高級學習視頻教程 120G干貨分享】 關于作者: 歷任研發(fā)工程師，技術組長，教學總監(jiān)；曾于2016年、2020年兩度榮獲CSDN年度十大博客之星。 十載寒冰，難涼熱血；多年過去，歷經(jīng)變遷，物是人非。 然而，對于技術的探索和追求從未停歇。 堅持原創(chuàng)，熱衷分享，初心未改，繼往開來！
在線咨詢
節(jié)日介紹、節(jié)日發(fā)展、習俗慶祝、地區(qū)特色等內(nèi)容，作品共多個頁面，學生HTML靜態(tài)網(wǎng)頁基礎水平制作，頁面排版干凈簡潔。網(wǎng)頁技術方面應用包括網(wǎng)頁背景顏色、字號字體設置、超鏈接、圖文頁面、菜單欄、頂部大圖等網(wǎng)頁基礎知識點Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html編輯軟件進行運行及修改編輯等操作）。 其中： （1） html文件包含：其中index.html是首頁、其他html為二級頁面； （2） css文件包含：css全部頁面樣式,文字滾動, 圖片放大等； （3） js文件包含：js實現(xiàn)動態(tài)輪播特效, 表單提交, 點擊事件等等（個別網(wǎng)頁中運用到js代碼）。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"> <title>中秋活動</title> <link rel="stylesheet" href="css/main.css"></head><body> <div class="_ui_active_wrap"> <div class="container"> <div class="_ui_active"> <span class="_ui_title_l"></span> <span class="_ui_title_r"></span> <span class="_ui_title_m"></span> <span class="_ui_title_b"></span> <div class="_ui_active_time"> 領取時間： 2017年8月23日至9月25日 </div> <div class="_ui_received"> 已領取 <span class="_ui_received_num">1986</span> 份 </div> <!--領取方式--> <div class="_ui_step clearfix"> <div class="_ui_step_l"> <img src="picture/step1.png" alt=""> </div> <div class="_ui_step_r"> <p> 符合領取資格的玩家，當您登錄之后即有信息提示您進行領取，點擊“立即領取”即可到會員中心填寫您的收貨地址，提交完畢后，工作人員會在10個工作日內(nèi)發(fā)貨，同時玩家也可以在會員中心頁面查看您的物流訂單號，再通過物流公司查詢物流的狀態(tài)。 </p> <p class="_ui_tips"> * 為確保您能順利領取月餅禮盒，請您保持電話暢通 </p> </div> </div> <!--活動規(guī)則--> <div class="_ui_step clearfix"> <div class="_ui_step_r"> <p> 1. 凡符合領取資格的玩家，均可獲得中秋精美禮盒一份。 </p> <p>2. 每位會員只限領取一份，禮品數(shù)量有限， 先到先得。</p> <p>3. 如活動期間，會員提供的地址或電話號碼無效，導致禮品無法正常送達，將被視為自動放棄禮品。</p> <p> 4. 如禮品已經(jīng)發(fā)貨，玩家可通過快遞單號咨詢物流公司禮品快遞進程 。 </p> <p class="_ui_tips_yellow"> * 為了避免文字理解的差異，和記娛樂保留活動方案的解釋權。 </p> </div> <div class="_ui_step_l"> <img src="picture/step2.png" alt=""> </div> </div> <!--填寫發(fā)貨信息--> <div class="_ui_step clearfix"> <div class="_ui_step_pic"> <img src="picture/step3.png" alt=""> </div> <div class="_ui_step_form"> <form action="#" onsubmit="return false;"> <h2 class="_ui_form_title">填寫發(fā)貨信息</h2> <dl class="_ui_step_dl clearfix"> <dt class="_ui_step_dt">聯(lián)系人</dt> <dd class="_ui_step_dd"><input type="text" class="_ui_input"></dd> </dl> <dl class="_ui_step_dl clearfix"> <dt class="_ui_step_dt">聯(lián)系電話</dt> <dd class="_ui_step_dd"><input type="text" class="_ui_input"></dd> </dl> <dl class="_ui_step_dl clearfix"> <dt class="_ui_step_dt">用戶名</dt> <dd class="_ui_step_dd"><input type="text" class="_ui_input"></dd> </dl> <dl class="_ui_step_dl clearfix"> <dt class="_ui_step_dt">郵寄地址</dt> <dd class="_ui_step_dd"><input type="text" class="_ui_input"></dd> </dl> <dl class="_ui_step_dl clearfix"> <dt class="_ui_step_dt">快遞方式</dt> <dd class="_ui_step_dd"><input type="text" class="_ui_input" value="默認選擇順豐"></dd> </dl> <div class="_ui_sub_box"> <input type="submit" value="提交" class="_ui_btn"> </div> </form> </div> </div> <!--物流查詢--> <div class="_ui_step"> <div class="_ui_logistics"> <span class="_ui_logistics_icon"></span> <dl class="_ui_logistics_in clearfix"> <dt class="left _ui_logistics_dt"> 物流單號查詢</dt> <dd class="left _ui_logistics_dd"> <input type="text" class="_ui_input" placeholder="請輸入您的用戶名"> <button class="check_order">查詢</button> </dd> </dl> </div> </div> <!--留言區(qū)--> <div class="_ui_step"> <div class="_ui_message clearfix"> <div class="_ui_step_r clearfix"> <div class="_ui_message_dec"> <h2>留言區(qū)</h2> <p> 感謝您對帝王國際的支持及信賴，您有任何意見的話，可在留言區(qū)留言。 </p> </div> <div class="_ui_message_text"> <p>· 時代峰峻拉克絲的減肥了手機端開了房老家了沙</p> <p>· 祝愿網(wǎng)站越辦越好</p> <p>· 滾動客戶留言從下到上</p> <p>· 時代峰峻拉克絲的減肥了手機端開了房老家了沙</p> <p>· 祝愿網(wǎng)站越辦越好</p> <p>· 滾動客戶留言從下到上</p> </div> </div> <div class="_ui_step_l"> <img src="picture/step4.png" alt=""> </div> </div> <div class="_ui_message_con"> <form action="#" onsubmit="return false;"> <dl class="_ui_message_dl clearfix"> <dt class="_ui_message_dt">客戶留言：</dt> <dd class="_ui_message_dd"> <textarea name="" id="" cols="30" rows="10"></textarea> </dd> </dl> <dl class="_ui_message_dl clearfix"> <dt class="_ui_message_dt">用戶名：</dt> <dd class="_ui_message_dd"> <input type="text" class="_ui_input"> <button class="sub_message_btn">提交</button> </dd> </dl> </form> </div> </div> </div> </div> </div></body></html>@charset "utf-8";html { font-size: 625%;}body { font-family: "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "宋體", simsun, sans-serif; font-size: 16px; background: #fff; color: #333333; min-width:320px; overflow-x: hidden;}body, h2, ul, p, dl, h4, h5, h3, dl, dt, dd { padding: 0; margin: 0; font-weight: normal;}* { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); -ms-tap-highlight-color: rgba(0, 0, 0, 0); -o-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0);}ul { list-style: none;}a, a:link, a:hover, a:visited, a:active { text-decoration: none; border: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; outline: none;}i, em { font-style: normal;}img { border: none; vertical-align: middle;}input, button, select, textarea { background: transparent; outline: none; border: none; color: #787878;}請 “ 點贊” “??評論” “ 收藏”一鍵三連哦！ 【 關注我| 獲取更多源碼 | 優(yōu)質(zhì)文章】帶您學習各種前端插件、3D炫酷效果、圖片展示、文字效果、以及整站模板 、大學生畢業(yè)HTML模板 、期末大作業(yè)模板 、等! 「在這里有好多 前端 開發(fā)者，一起探討 前端 Node 知識，互相學習」！關鍵詞：中秋,布局,簡單,作成,大學生,靜態(tài),作業(yè),設計
微信公眾號
版權所有? 億企邦 1997-2025 保留一切法律許可權利。
