時(shí)間：2023-06-10 11:18:01 | 來源：網(wǎng)站運(yùn)營
時(shí)間：2023-06-10 11:18:01 來源：網(wǎng)站運(yùn)營
HTML網(wǎng)上書店靜態(tài)HTML網(wǎng)頁作業(yè)作品 大學(xué)生三聯(lián)書店網(wǎng)頁設(shè)計(jì)制作成品 簡單DIV CSS布局網(wǎng)站：精彩專欄推薦 文末獲取聯(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ù)平臺(tái)可視化(150套) 】 HTML+CSS+JS實(shí)例代碼： 【 ?HTML+CSS+JS實(shí)例代碼 (炫酷特效網(wǎng)頁代碼) 繼續(xù)更新中...】 免費(fèi)且實(shí)用的WEB前端學(xué)習(xí)指南： 【 web前端零基礎(chǔ)到高級(jí)學(xué)習(xí)視頻教程 120G干貨分享】 關(guān)于作者: 歷任研發(fā)工程師，技術(shù)組長，教學(xué)總監(jiān)；曾于2016年、2020年兩度榮獲CSDN年度十大博客之星。 十載寒冰，難涼熱血；多年過去，歷經(jīng)變遷，物是人非。 然而，對(duì)于技術(shù)的探索和追求從未停歇。 堅(jiān)持原創(chuàng)，熱衷分享，初心未改，繼往開來！
在線咨詢
Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html編輯軟件進(jìn)行運(yùn)行及修改編輯等操作）。 其中： （1） html文件包含：其中index.html是首頁、其他html為二級(jí)頁面； （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>新知三聯(lián)書店有限公司</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="top"> <div class="logo"> <img src="img/logo.png" /> </div> <div class="nav"> <ul class="nav_menu"> <li class="nav_menu-item"><a href="index.html">首頁</a></li> <li class="nav_menu-item"><a href="#">三聯(lián)簡介</a> <ul class="nav_submenu"> <li class="nav_submenu-item"> <a href="jianjie.html">三聯(lián)簡介</a></li> <li class="nav_submenu-item"> <a href="chuangshiren.html">書店創(chuàng)始人</a></li> <li class="nav_submenu-item"> <a href="lishi.html">歷史足跡</a></li> <li class="nav_submenu-item"> <a href="rongyu.html">三聯(lián)榮譽(yù)</a></li> </ul> </li> <li class="nav_menu-item"><a href="tushu.html">三聯(lián)圖書</a></li> <li class="nav_menu-item"><a href="xinwen.html">三聯(lián)新聞</a></li> <li class="nav_menu-item"><a href="mendian.html">三聯(lián)門店</a></li> <li class="nav_menu-item"><a href="lianxi.html">聯(lián)系我們</a></li> </ul> </div> </div> <div class="main"> <div class="banner"> <img src="img/banner.jpg" /> </div> <!--box1開始---> <div class="bx01"> <div class="bx01-left"> <h2>竭誠為讀者服務(wù)</h2> <h1><a href="#">公告動(dòng)態(tài)</a></h1> <ul> <li><a href="#"><p>創(chuàng)刊93年，復(fù)刊24年，這本雜志何以"精品"？</p></a></li> <li><a href="#"><p>三聯(lián)書店獲"2020年度杭州市版權(quán)保護(hù)示范單位"稱號(hào)</p></a></li> <li><a href="#"><p>聚焦"一帶一路"文明交流，助力中國學(xué)術(shù)世界發(fā)聲</p></a></li> <li><a href="#"><p>"后疫情時(shí)代"，互助式自助如何破局？</p></a></li> </ul> </div> <div class="bx01-right"> <img src="img/img1.jpg" /> </div> </div> <div class="bx02"> <div class="bx02-left"> <div class="box" id="box"> <div class="inner"> <!--輪播圖--> <ul> <li><a href="#"><img src="img/lunbo1.jpg" alt="" /></a></li> <li><a href="#"><img src="img/lunbo2.jpg" alt="" /></a></li> <li><a href="#"><img src="img/lunbo3.jpg" alt="" /></a></li> <li><a href="#"><img src="img/lunbo4.jpg" alt="" /></a></li> </ul> <ol class="bar"> </ol> <!--左右焦點(diǎn)--> <div id="arr"> <span id="left"> < </span> <span id="right"> > </span> </div> </div> </div> </div> <div class="bx02-right"> <p>2019年8月21日至25日，在第26屆杭州國際圖書博覽會(huì)上，《三聯(lián)生活周刊》入選"慶祝中華人民共和國成立70周年精品期刊展"，作為優(yōu)秀期刊之一在圖書博覽會(huì)上展出。本次"精品期刊展"共設(shè)四大主題。分別是"新中國獲獎(jiǎng)期刊""期刊主題宣傳好文章""致敬創(chuàng)刊70周年""中國期刊記憶"，共計(jì)展出1099種期刊。而每個(gè)主題展區(qū)，都會(huì)發(fā)現(xiàn)一本《三聯(lián)生活周刊》?？梢哉f，在我國期刊業(yè)70年的歷程中，《三聯(lián)生活周刊》始終是參與者之一。</p> </div> </div> <div class="bx03"> </div> <div class="chuanc"> <div class="left"> <div class="tit"> <span><img src="img/ico01.png" /></span> <h2>書店榮譽(yù)</h2> <span><img src="img/ico02.png" /></span> </div> <div class="wensd"> <p>生活?讀書?新知三聯(lián)書店是一家具有悠久歷史和光榮傳統(tǒng)的出版機(jī)構(gòu)。建店八十余年來，始終秉承"竭誠為讀者服務(wù)"的宗旨，恪守"人文精神，思想智慧"的理念，堅(jiān)持"一流、新銳"的標(biāo)準(zhǔn)，以出版人文科學(xué)和社會(huì)科學(xué)圖書為主，出版物涉及哲學(xué)、歷史、文學(xué)、藝術(shù)、經(jīng)濟(jì)、政治、法律和社會(huì)生活等領(lǐng)域，在知識(shí)界和廣大讀者中享有盛譽(yù)，被譽(yù)為"中國知識(shí)分子的精神家園"。</p> </div> </div> <div class="right"> <img src="img/cc01.jpg" /> <img src="img/cc02.jpg" /> <img src="img/cc03.jpg" /> <img src="img/cc04.jpg" /> </div> </div> <div class="klink"> 快速鏈接 </div> <div class="link"> <ul> <li><a target="_blank" href="#">生活書店</a></li> <li><a target="_blank" href="#">生活周刊</a></li> <li><a target="_blank" href="#">新知</a></li> <li><a target="_blank" href="#">三聯(lián)愛樂 </a></li> <li><a target="_blank" href="#">文叢書摘 </a></li> <li><a target="_blank" href="#">三聯(lián)期刊</a></li> <li><a target="_blank" href="#">韜奮書店</a></li> <li><a target="_blank" href="#">熱度排行</a></li> <li><a target="_blank" href="#">書評(píng)書訊 </a></li> <li><a target="_blank" href="#">聯(lián)系我們 </a></li> </ul> </div> </div> <div class="foot"> <p>地址：中國杭州美術(shù)館東街22號(hào) 100010 | 電話：8610-64001122</p> <p>Copyright © 2013 SDX Joint Publishing Company.All rights Reserved</p> <p>生活·讀書·新知三聯(lián)書店版權(quán)所有 | 技術(shù)支持：云章科技 </p> <p>ICP備 案 號(hào)：京ICP備12011204號(hào)-3</p> </div> <script type="text/javascript" src="js/banner.js"></script> <embed src="media/yinyue.mp3" autostart="true" loop="true" hidden="true"></embed> </body></html>body { margin: 0 auto; font-size: 12px; font-family: "微軟雅黑"; line-height: 22px; background: #eef0f3;}div,p,input,ul,li,h1,h2,h3 { height: auto; margin: 0; padding: 0; vertical-align: middle;}li { list-style: none;}a { text-decoration: none;}img { border: 0; margin: 0; padding: 0;}.top { width: 1400px; height: 137px; background: #2C3F61; margin: 0 auto;}.logo { width: 450px; margin-right: 50px; float: left; height: 90px; margin-left: 30px; margin-top: 26px;}.nav { width: 860px; height: 50px; color: #70142a; float: left; margin-top: 50px;}.nav a { display: block; padding: 0 16px; line-height: inherit; cursor: pointer; color: #FFFFFF; font-size: 16px; text-align: center;}.nav a:hover { color: #FFF;}.nav_menu { line-height: 45px; font-weight: 700; text-transform: uppercase;}.nav_menu-item { display: inline-block; position: relative; width: 140px; text-align: center;}.nav_menu-item:hover { background-color: #1a2a47;}.nav_menu-item:hover .nav_submenu { display: block;}.nav_submenu { font-weight: 300; text-transform: none; display: none; position: absolute; width: 140px; background-color: #1a2a47; text-align: left;}.nav_submenu-item:hover { background: #1a3f81;}.banner { height: 460px; width: 1400px;}.main { width: 1400px; height: auto; overflow: hidden; margin: 0 auto; background: #FFF;}.bx01 { width: 1276px; height: 350px; margin: 0 auto; margin-top: 50px;}.bx01-left { width: 507px; height: 350px; float: left; margin-left: 15px;}.bx01-left h2 { height: 40px; line-height: 40px; font-size: 26px; margin-bottom: 10px; font-weight: normal;}.bx01-left h1 { height: 40px; line-height: 40px; font-size: 20px; margin-bottom: 10px;}.bx01-left h1 a { color: #163d78;}.bx01-left ul li { height: 32px; line-height: 32px; font-size: 14px; width: 490px; border-bottom: #CCC 1px dashed;}.bx01-left ul li a { color: #000;}.bx01-left ul li p { float: left; width: 370px; padding-left: 15px; float: left;}.bx01-left ul li p span { width: 76px; float: left;}.bx01-right { width: 754px; height: 350px; float: left;} line-height: 30px; font-size: 16px; margin-bottom: 15px; text-align: center;}.ner img { display: block; margin: 0 auto; margin-top: 15px; margin-bottom: 15px;}.tushu{ width:1200px; margin:0 auto; height:auto; overflow:hidden; margin-bottom:30px; }.ydtit{ height: 50px; line-height: 50px; background: #efefef; padding-left: 10px; font-size: 16px; margin-bottom: 20px;}.ydbox1{ height: 320px; margin-bottom:20px}.ydbox1-left{ width: 260px; float: left; margin-left: 15px; margin-right:30px;}.ydbox1-left img{ border: #efefef 1px solid;}.ydbox1-right{ width: 890px; float: left; padding-top: 10px;}.ydbox1-right h1{ height: 50px; line-height: 50px; font-size: 24px; font-weight: normal;}.xinx{ height: 39px; line-height: 39px; font-size: 16px;}.ydbox2 { height: auto; overflow: hidden; padding: 15px 20px;} .ydbox2 p{ text-indent:2em; line-height:25px; font-size:14px; }請(qǐng) “ 點(diǎn)贊” “??評(píng)論” “ 收藏”一鍵三連哦！ 【 關(guān)注我| 獲取更多源碼 | 優(yōu)質(zhì)文章】帶您學(xué)習(xí)各種前端插件、3D炫酷效果、圖片展示、文字效果、以及整站模板 、大學(xué)生畢業(yè)HTML模板 、期末大作業(yè)模板 、等! 「在這里有好多 前端 開發(fā)者，一起探討 前端 Node 知識(shí)，互相學(xué)習(xí)」！關(guān)鍵詞：作成,簡單,設(shè)計(jì),作品,靜態(tài),作業(yè),大學(xué)生
客戶&案例
營銷資訊
關(guān)于我們
微信公眾號(hào)
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
