学校官网首界面 html

最新推荐文章于 2024-06-10 21:43:12 发布
最新推荐文章于 2024-06-10 21:43:12 发布
阅读量9.8k 收藏 171
点赞数 24
文章标签： html 前端 javascript css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Wh0r1n9/article/details/127772795
版权

HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。

此网页是我对html有了一个简单，初步的认识后制作的一个学校官网首界面的网页，主要目的是练习html的一些简单操作。

以下是代码和效果图：

效果图：

代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>南宁理工首页面</title>
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/index.css">
		<style>	
			ul,ol{
				list-style: none;
			}
			table, td, tr, ul, ol, li, dl, dd, dt, p, input, form, em, p, img, h2, h3, h4, h5 {
			    margin: 0;
			    padding: 0;
				list-style: none;
			}
			a{
				text-decoration: none;
				font-size: 16px;
				color: black;
			}
			h2{
				font-size: 16px;
			}
			li{
				display: list-item;
				text-align: -webkit-match-parent;
			}
		</style>
	
	</head>
	<body>
		<header class="top">
			<div class="top-logo">
				<div>
					<img src="img/logo.png" class="logo" alt="">
					<div class="logo-right">
						<input type="search" id="search" value="请输入要搜索内容">
						<button id="go"><b>搜索</b></button>
					</div>
				</div>
				
			</div>
			<nav class="menu">
				<ul>
					<li><a href="#">首页</a></li>
					<li>
						<a href="#">学校概况</a>
						<!-- <div class="two-list"> -->
						<ul>
							<li><a href="#">学校简介</a></li>
							<li><a href="#">学校领导</a></li>
							<li><a href="#">学校标识</a></li>
							<li><a href="#">校园风光</a></li>
						</ul>
						<!-- </div> -->
					</li>
					<li>
						<a href="#">机构设置</a>
					<!-- 	<div class="two-list-1"> -->
						<ul>
							<li><a href="#">教学单位</a></li>
							<li><a href="#">职能部门</a></li>
						</ul>
						<!-- </div> -->
					</li>
					<li>
						<a href="#">教育教学</a>
					</li>
					<li>
						<a href="#">招生就业</a>
						<!-- <div class="two-list-2"> -->
						<ul>
							<li><a href="#">招生</a></li>
							<li><a href="#">就业</a></li>
						</ul>
					<!-- 	</div> -->
					</li>
					<li>
						<a href="#">人才建设</a>
						<!-- <div class="two-list-3"> -->
						<ul>
							<li><a href="#">人才引进</a></li>
							<li><a href="#">人才培训</a></li>
							<li><a href="#">干部学院</a></li>
						</ul>
					<!-- 	</div> -->
					</li>
					<li>
						<a href="#">国际交流</a>
						<!-- <div class="two-list-4"> -->
						<ul>
							<li><a href="#">本硕直通</a></li>
							<li><a href="#">友好往来</a></li>
						</ul>
						<!-- </div> -->
					</li>
					<li>
						<a href="#">数字南理</a>
						<!-- <div class="two-list-5"> -->
						<ul>
							<li><a href="#">智慧校园（教师端）</a></li>
							<li><a href="#">在线教学平台</a></li>
							<li><a href="#">图书检索</a></li>
							<li><a href="#">办公自动化系统（OA）</a></li>
							<li><a href="#">教务系统</a></li>
							<li><a href="#">迎新系统</a></li>
							<li><a href="#">缴费系统</a></li>
							<li><a href="#">学工系统</a></li>
							<li><a href="#">校园邮箱</a></li>
							<li><a href="#">上网认证</a></li>
							<li><a href="#">五车图书</a></li>
							<li><a href="#">京广图书</a></li>
							<li><a href="#">资产系统</a></li>
							<li><a href="#">数字化实习实训平台</a></li>
						</ul>
						<!-- </div> -->
					</li>
					<li>
						<a href="#">原门户</a>
						<!-- <div class="two-list-6"> -->
						<ul>
							<li><a href="#">学校简介</a></li>
							<li><a href="#">学校领导</a></li>
							<li><a href="#">学校标识</a></li>
							<li><a href="#">校园风光</a></li>
						</ul>
						<!-- </div> -->
					</li>
				</ul>
				
			</nav>
			
			<div class="banner">
				<img src="img/item.png" alt="">
			</div>
		</header>
		<div class="content">
			<div class="left">
				<div class="index_title">
					<div class="topnav">
						<ul id="index_news_left">
							<li class="active" data-num="1"><a target="_blank" href="https://www.bwgl.cn/syxw/syxw_xxxw/">学校新闻</a></li>
							<li data-num="2" class=""><a target="_blank" href="https://www.bwgl.cn/syxw/syxw_xydt/">校园动态</a></li>
							<li data-num="3" class=""><a target="_blank" href="https://www.bwgl.cn/syxw/syxw_mtnl/">媒体南理</a></li>
						</ul>
					</div>
					<div class="more tabmorel active">
						<a target="_blank" href="https://www.bwgl.cn/syxw/syxw_xxxw/">READ MORE</a>
						<i>
							<img src="https://www.bwgl.cn/wp-content/themes/nnlg/static/picture/jtl.svg" alt="">
						</i>
					</div>
					<div class="more tabmorel">
						<a target="_blank" href="https://www.bwgl.cn/syxw/syxw_xydt/">READ MORE</a>
						<i>
							<img src="https://www.bwgl.cn/wp-content/themes/nnlg/static/picture/jtl.svg" alt="">
						</i>
					</div>
					<div class="more tabmorel">
						<a target="_blank" href="https://www.bwgl.cn/syxw/syxw_mtnl/">READ MORE</a>
						<i>
							<img src="https://www.bwgl.cn/wp-content/themes/nnlg/static/picture/jtl.svg" alt="">
						</i>
					</div>
					<div class="list index_news_left_list active" data-num="3">
					        <div class="list_l">     
						         <a target="_blank" href="https://guangxi.eol.cn/gxgd/202210/t20221024_2251637.shtml">
						        <div class="img"><img src="https://www.bwgl.cn/wp-content/uploads/sites/21/2022/10/微信图片_20221024102853-scaled.jpg" alt=""></div>
						        <div class="nr">
						            <h2>暖心！南宁理工学院后勤保卫处温暖相助走失老人</h2>
						            <div class="info">
						                <span>来源：中国教育在线广西分站</span>
						                <span>发布日期：2022-10-24</span>
						            </div>
						            <p></p>
						     	</div>
						    	</a>
							</div>
					        <div class="list_r" style="margin-top: -21px;">
								<ul>
							        <li>
							            <a target="_blank" href="https://www.bwgl.cn/syxw/34139/">
							                <div class="nr">
							                    <h2>【中国青年网】唐莉琼：青年教师要刻苦钻研，紧跟时代，引领行业</h2>
							                    <div class="info">
							                        <span>来源：教学科研管理处</span>
							                        <span>发布日期：2022-10-21</span>
							                    </div>
							                    <p></p>
							                </div>
							            </a>
							       </li>
							        <li>
							            <a target="_blank" href="https://xiaoyuan.cycnet.com.cn/s?uid=692024&amp;app_version=1.4.5&amp;sid=1401193&amp;time=1662340652&amp;signature=xZry0KPXd5RYDQVznvq4v9EnKugJnM1GlE6go9mAJkeON2wjWB&amp;sign=b63e6509603854f029a9988567f54ecd">
							                <div class="nr">
							                    <h2>南理学子三下乡：保护潜经村文化风情，培育特色潜经乡村，我们在路上</h2>
							                    <div class="info">
							                        <span>来源：中青网</span>
							                        <span>发布日期：2022-09-04</span>
							                    </div>
							                    <p></p>
							                </div>
							            </a>
							        </li>
							        <li>
							            <a target="_blank" href="https://xiaoyuan.cycnet.com.cn/s?uid=692024&amp;app_version=1.4.5&amp;sid=1398268&amp;time=1662340611&amp;signature=WnG63ezAQDowMB0vlYg4kgn08sDeBy4L8KN5yR9XpjPOxrbdE2&amp;sign=94252076227a00c12f5b14ed02b2a621">
							                <div class="nr">
							                    <h2>广西大学生三下乡：党旗领航聚合力，乡村振兴谱新篇</h2>
							                    <div class="info">
							                        <span>来源：中青网</span>
							                        <span>发布日期：2022-09-03</span>
							                    </div>
							                    <p></p>
							                </div>
							            </a>
							        </li>
					            	<li>
						                <a target="_blank" href="https://xiaoyuan.cycnet.com.cn/s?uid=692024&amp;app_version=1.4.5&amp;sid=1398270&amp;time=1662340603&amp;signature=e6y30XlmbkL9oxwAjJd1P6ZR2UK6ny7gMQE2nZKW8RNpvPrqzB&amp;sign=e6411cdf2da2404c1824752ad53363f2">
						                    <div class="nr">
						                        <h2>广西大学生三下乡： 做瑶族文化锦绣，体瑶族文化风味</h2>
						                        <div class="info">
						                            <span>来源：中青网</span>
						                            <span>发布日期：2022-09-03</span>
						                        </div>
						                        <p></p>
						                    </div>
						                </a>
						            </li>
							 	</ul>
					    	</div>
					</div>
				</div>
			</div>
			<div class="right">
				<div class="index_title">
					<div class="topnav2">
						<ul id="index_news_right">
							<li class="active" data-num="1"><a target="_blank" href="https://www.bwgl.cn/syxw/tongzhiyuhuodong/syxw_tzgg/">通知公告</a></li>
							<li data-num="2"><a target="_blank" href="https://www.bwgl.cn/syxw/tongzhiyuhuodong/syxw_hdyg/">活动预告</a></li>
						</ul>
					</div>

					<div class="more tabmore active">
						<a target="_blank" href="https://www.bwgl.cn/syxw/tongzhiyuhuodong/syxw_tzgg/">READ MORE</a><i><img src="https://www.bwgl.cn/wp-content/themes/nnlg/static/picture/jtl.svg" alt=""></i>
					</div>
					<div class="more tabmore">
						<a target="_blank" href="https://www.bwgl.cn/syxw/tongzhiyuhuodong/syxw_hdyg/">READ MORE</a><i><img src="https://www.bwgl.cn/wp-content/themes/nnlg/static/picture/jtl.svg" alt=""></i>
					</div>
				</div>
				<ul class="index_news_right_list" data-num="1" style="margin-top: 51px; height: 100%; display: block;"> 
					<li>
						<a target="_blank" href="https://www.bwgl.cn/syxw/tongzhiyuhuodong/syxw_tzgg/35846/">
							<div class="list">
								<div class="time">
									<em>07</em>
									<i>2022-11</i>
								</div>
								<div class="nr">
									<h2>关于组织申报2022年广西哲学社会科学规划研究课题“外语学科专项”工作的通知</h2>
									<p>
										校属各单位、各部门：为进一步提高广西外语科研人员积极性和外向型人才培养质量，广西哲学社会科学……
									</p>
								</div>
							</div>
						</a>
					</li>
					<li>
						<a target="_blank" href="https://www.bwgl.cn/syxw/tongzhiyuhuodong/syxw_tzgg/35667/">
							<div class="list">
								<div class="time">
									<em>04</em>
									<i>2022-11</i>
								</div>
								<div class="nr">
									<h2>
										关于2022-2023学年第一学期期中教学检查具体安排的通知
									</h2>
									<p>
										校属各教学单位：&nbsp;根据《关于2022-2023学年第一学期期中教学检查安排的通知》文件要求，学校……
									</p>
								</div>
							</div>
						</a>
					</li>
					<li>
						<a target="_blank" href="https://www.bwgl.cn/syxw/tongzhiyuhuodong/syxw_tzgg/35680/">
							<div class="list">
								<div class="time">
									<em>04</em>
									<i>2022-11</i>
								</div>
								<div class="nr">
									<h2>关于组织申报2023年度广西高校中青年教师基础能力提升项目的通知
									</h2>
									<p>校属各部门、各单位：2023年度广西高校中青年教师基础能力提升项目申报工作现已启动，根据广西教育……
									</p>
								</div>
							</div>
						</a>
					</li>
						<li>
							<a target="_blank" href="https://www.bwgl.cn/syxw/tongzhiyuhuodong/syxw_tzgg/35668/">
								<div class="list">
									<div class="time">
										<em>04</em>
										<i>2022-11</i>
									</div>
									<div class="nr">
										<h2>
										关于南宁东盟校区开展应急综合演练的通知
										</h2>
										<p>
										校属各单位、部门及师生员工：&nbsp; &nbsp; &nbsp; &nbsp;为了加强南宁东盟校区应对突发事故的能……
										</p>
								</div>
							</div>
						</a>
					</li>
					 <li>
						<a target="_blank" href="https://www.bwgl.cn/syxw/tongzhiyuhuodong/syxw_tzgg/35643/">
							<div class="list">
								<div class="time">
									<em>04</em>
									<i>2022-11</i>
								</div>
								<div class="nr">
									<h2>
									关于开展2022年度校级一流课程认定工作的通知
									</h2>
									<p>
									各二级学院：为贯彻落实全国教育大会精神和新时代全国高等学校本科教育工作会议要求，进一步深化教……
									</p>
								</div>
							</div>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<footer class="footer">
			<div class="footer-1">
				<div class="footer-index">
					<ul>
						<li>
						    <a target="_blank" href="https://www.vrzhan.com/v/6031666">
						        <img src="https://www.bwgl.cn/wp-content/uploads/sites/21/2022/09/ico1.png" alt="">
						        <p>VR实景</p>
						    </a>
						</li>
						<li>
						    <a target="_blank" href="https://www.bwgl.cn/gjjyxy/gjjyxy_bszt/1710/">
						        <img src="https://www.bwgl.cn/wp-content/uploads/sites/21/2022/09/ico2.png" alt="">
						        <p>本硕直通</p>
						    </a>
						</li>
						<li>
						    <a target="_blank" href="https://web.bwgl.cn/site/9PfZGdmWQQweP2Uu">
						        <img src="https://www.bwgl.cn/wp-content/uploads/sites/21/2022/09/ico3.png" alt="">
						        <p>党团建设</p>
						    </a>
						</li>
						<li>
						    <a target="_blank" href="https://www.bwgl.cn/twxxzx">
						        <img src="https://www.bwgl.cn/wp-content/uploads/sites/21/2022/09/ico4.png" alt="">
						        <p>图书馆</p>
						    </a>
						</li>
					</ul>
				</div>
				
			</div>
			<div class="footer-2">
				<div class="foot">
					<div class="foot_l">
					        <div class="foot_logo">
					        	<img src="img/foot_logo.png" alt="">
					        </div>
					        <ul>            
					        	<li>
					                <img src="/static_new/nanning/img/weibo.png" alt="">
					                <p>官方微博</p>
					                <div class="block active"><img src="https://www.bwgl.cn/wp-content/uploads/sites/21/2022/01/wx_.png" alt=""></div>
					            </li>
					            <li>
					                <img src="/static_new/nanning/img/weixin.png" alt="">
					                <p>官方微信</p>
					                <div class="block"><img src="https://www.bwgl.cn/wp-content/uploads/sites/21/2022/01/xxwx.png" alt=""></div>
					            </li>
					            <li>
					                <img src="/static_new/nanning/img/zhaosheng.png" alt="">
					                <p>招生就业</p>
					                <div class="block"><img src="https://www.bwgl.cn/wp-content/uploads/sites/21/2022/01/zsjy.jpg" alt=""></div>
					            </li>
					            <li>
					                <a href="https://www.vrzhan.com/v/6031666">
					                    <img src="/static_new/nanning/img/vrshijing.png" alt="">
					                    <p>VR实景</p>
					                    <div class="block"><img src="https://www.bwgl.cn/wp-content/uploads/sites/21/2022/04/32_842568987bc3fd607a808dbfea467efd.png" alt=""></div>
					                </a>
					            </li>
					            <li>
					                <img src="/static_new/nanning/img/ipv6_ico.png" alt="">
					                <p>IPv6</p>
					                <div class="block"><img src="https://www.bwgl.cn/wp-content/uploads/sites/21/2022/01/ipv6.png" alt=""></div>
					            </li>
					        </ul>
					</div>
					<div class="foot_r">
						<div class="top">
							<ul id="footer_ul">
								<li>
									<p>校内链接</p>
									<div class="jt"><img src="/img/foot_logo.png" alt=""></div>
									<div class="dr">
										<a href="https://oa.bwgl.cn/">办公自动化系统（OA）</a>
									
										<a href="https://mooc.bwgl.cn/">在线教学平台</a>
									
										<a href="http://zc.bwgl.cn/">资产系统</a>
									
										<a href="https://lib.bwgl.cn/opac/BWXY/refineResults">图书检索</a>
									
										<a href="http://zfjw.bwgl.cn/">正方教务系统</a>
									
										<a href="http://jw.bwgl.cn/gllgdxbwglxy">教务系统</a>
									
										<a href="https://eepay.bwgl.cn/wac/pc/login/login.html#/">缴费系统</a>
									
										<a href="https://xgxt.bwgl.cn/xgxt/">学工系统</a>
									
										<a href="https://yxxt.bwgl.cn/yxxt/zzyx/xsLogin_index.do">迎新系统</a>
									
										<a href="https://cnki-image.bwgl.cn/">知网镜像（内网）</a>
									
										<a href="http://w.bwgl.cn/">上网认证</a>
									
										<a href="http://172.30.1.14:8007/">心理普测（内网）</a>
									
										<a href="http://bcxl.bwgl.cn/">北辰心理普测系统</a>
						</div>
								</li>
				
								<li>
									<p>专题网站</p>
									<div class="jt"><img src="/static_new/nanning/img/jt.png" alt=""></div>
									<div class="dr">
										
											<a href="https://www.bwgl.cn/gbxy/web.bwgl.cn/section/SYpXZSpnWDj56gPH/QsFqHpibYZ2tNMM8/1">两学一做</a>
										
											<a href="https://www.bwgl.cn/gbxy/www.bwgl.cn/gbxy/">干部学院</a>
										
											<a href="http://zt.bwgl.cn/fzjy/">法治教育</a>
										
											<a href="https://web.bwgl.cn//site/7D9YM2baWWd6LdM4">网络安全宣传周</a>
										
											<a href="http://zt.bwgl.cn/hw/">海外课堂</a>
										
											<a href="http://zt.bwgl.cn/cxzy/ywjj.html">创先争优</a>
										
											<a href="http://zt.bwgl.cn/pjw/">评建网</a>
										
											<a href="http://zt.bwgl.cn/wm/">安全文明校园</a>
										
											<a href="http://zt.bwgl.cn/xf/">学风建设</a>
										
											<a href="http://zt.bwgl.cn/qzlx/">党的群众路线教育实践活动</a>
										
											<a href="http://zt.bwgl.cn/mlgx/">美丽广西 清洁乡村</a>
										
											<a href="http://zt.bwgl.cn/tmgc/">土木工程省级特色专业</a>
										
											<a href="https://www.bwgl.cn/xyw/">校友网</a>
										
											<a href="http://web.bwgl.cn/site/BA6HiKsstPHhgM4F">十五周年校庆</a> 
									</div>
								</li>
								<li>
									<p>友情链接</p>
									<div class="jt"><img src="/static_new/nanning/img/jt.png" alt=""></div>
									<div class="dr">
										
											<a href="http://www.enetedu.com/">高校教师网络培训中心</a>
										
											<a href="http://gxttc.gxnu.edu.cn">广西高等学校师资培训中心</a>
										
									</div>
								</li>
							</ul>
					</div>
						<div class="contact">
							<p>南宁东盟校区：广西南宁市广西-东盟经济技术开发区发展大道16号</p>
							<p>桂林雁山校区：广西桂林市雁山区雁山镇雁山街317号</p>
							<span>招生咨询热线（东盟）：0771-6031555  6031666  6031777   </span>&nbsp;
							<span>招生咨询热线（桂林）：0773-8998009  8998018  8998088    </span>&nbsp;
				
							<div class="prin">
								
									<a href="mailto:yz@nnct.edu.cn">&lt; 校长信箱</a>
								
									<a href="/static_new/nanning/img/jdjbp.jpg">&lt; 监督举报</a>
								
								<a href="https://www-en.bwgl.cn/" style="margin-left: 40px;">EN</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</footer>
</html>

Wh0r1n9
关注
  • 24
    点赞
  • 踩
  • 171
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
实验4 学校网站首页制作 css+js+html
人生当苦无妨
08-20 9517
实验4 学校网站首页制作 css+js+html 效果分析及建议 1.样式以独立文件保存，存放在站点的css文件夹。 2.页面布局可分为上下结构，下面又可以分为左右结构。如下图所示。 main_left分为校园公告与学校园地两块 main_right分为上中下三块，上面包括：校园动态、教师园地，中间与图片新闻，下面为页尾信息。 3.top区域主要是8个圆圈代表的导航，与以往的区别是，它们并没有居中显示，而是有一定的边距或填充，使其靠右显示。 4.main_left比较好处理，只是要注意一下里面两块的位
学校管理网站：前端页面bootstrap、登录、注册、增删改查信息学生信息
花妖er的博客
05-22 4364
学生管理页面：登录、注册等功能 源码地址： https://github.com/zninger0823/studentweb 先上效果图： 1.导航页 2.首页 3.注册页面 4-0.学生页面 5-0管理员页面 简介： 学生用户管理系统：学生登陆-------教师登录----- 技术要点： 1.JDBC、数据库、servlet、JSP页面 2.界面显示数据来自于哪里，查询表的字段 3.用户信息表、课程、数据库 4.测试数据、测试用例（点开超链接能否跳转页面，根据名字
一个学校主页HTML代码
11-21
一个简洁的学院主页代码，html+css编写，有需要的朋友可以省下自己设计了。
一个学校主页代码
02-25
一个简洁的学院主页代码，html+css编写，有需要的朋友可以省下自己设计了
大二学生基于Html+Css+javascript的网页制作——动漫设计公司响应式网站模板 (10个页面) (2)
最新发布
有问必答，欢迎打扰，项目开发，网页设计
06-10 736
HTML实例网页代码, 本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置，有div的样式格局，这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。 ⚽精彩专栏推荐👇🏻👇🏻👇🏻 ❤ 【作者主页——🔥获取更多优质源码】 ❤ 【web前端期末大作业——🔥🔥毕设项目精品实战案例(1000套)】 文章目录🌰一、网页介绍📖一、网页效果🌌二、代码展示😈1.HTML代码结构 🧱2.CSS样式代码 🏠三、个人总结😊四、更多干货🚀
HTML做一个学校网站（纯html代码）
wx___BJ050106的博客
01-06 1137
🏫 校园网页设计 、学校班级网页制作、学校官网、小说书籍、等网站的设计与制作。🏷️HTML静态网页设计作业使用dreamweaver制作，采用DIV+CSS布局，共有多个页面，首页使用CSS排版比较丰富，色彩鲜明有活力。顶部导航及底部区域背景色为100%宽度，主体内容区域宽度🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语...
HTML做一个简单的页面（纯html代码）地球专题学习网站
qq_38514921的博客
05-07 1170
🥇 关于作者: 💬历任研发工程师，技术组长，教学总监；曾于2016年、2020年两度荣获CSDN年度十大博客之星。 十载寒冰，难凉热血；多年过去，历经变迁，物是人非。 然而，对于技术的探索和追求从未停歇。 💪坚持原创，热衷分享，初心未改，继往开来！🍵茶文化网站、🏳️‍🌈中华传统文化题材、京剧文化🔏水墨风书画、中国民间年画文化艺术网站 、等网站的设计与制作。🏷️ 这个首页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒
1.HTML核心
lee_ritenour
09-21 368
基本知识 第一个网页 Emmet插件：自动生成HTML代码片段 注释 注释为代码的阅读者提供帮助，注释不参与运行 在HTML中，注释使用如下格式书写： <!-- 注释内容 --> 元素 其他叫法：标签、标记 <a href="http://www.duyiedu.com" title="黑龙江渡一教育有限公司">渡一教育</a> <title>Document</title> 整体：element （元素） 元素 = 起始标记（begi.
制作一个简单HTML校园网页（HTML+CSS）学校网站制作 校园网站设计与实现
网页设计与制作 | HTML+CSS+JS
12-31 1721
🧑个人网页设计、🙋‍♂️个人简历制作、👨‍💼简单静态HTML个人网页作品、👨‍🏭个人介绍网站模板 、等网站的设计与制作。⭐个人网页设计网站模板采用DIV CSS布局制作，网页作品有多个页面，如 :个人介绍（文字页面）、我的作品（图片列表）、个人技能（图文页面）、在线留言（表单页面）CSS样式方面网页整体采用左右布局结构，制作了网页背景图片，导航区域每个导航背景色不同，导航背景色与页面背景呼应。🏅 一套A+的网页应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大
【网页期末作业】用HTML+CSS做一个漂亮简单的学校官网
网页设计与制作
01-09 1522
🏫 校园网页设计 、学校班级网页制作、学校官网、小说书籍、等网站的设计与制作。🏷️HTML静态网页设计作业使用dreamweaver制作，采用DIV+CSS布局，共有多个页面，首页使用CSS排版比较丰富，色彩鲜明有活力。顶部导航及底部区域背景色为100%宽度，主体内容区域宽度🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语
HTML5+CSS3实现哔哩哔哩首页（完整版）
m0_63512120的博客
03-22 7188
本篇文章用html和css实现了哔哩哔哩首页面，希望这篇文章能够大家带来帮助，同时该页面的源代码和图片素材放在了文章末尾，需要了可以自行提取！
html实现学校网站
06-22
用html实现的简单的学校代码。主页里面的对应的附属页。相应有附属页用一个文件夹保存
学校网站源代码学校网页模板正式版
08-16
学校网站源代码学校网页模板正式版学校网站源代码学校网页模板正式版
动易 漂亮学校网站模板
08-28
动易 漂亮学校网站模板 典型的ASP开发模式,
学校部门网站html源码
06-15
学校整站源码 ，学校部门网站html源码，学校静态网站源码。
基于PHP和HTML/CSS/JavaScript的中国首个开源学校教务管理系统设计源码
04-05
本资源提供了一套基于PHP和HTML/CSS/JavaScript的中国首个开源学校教务管理系统设计源码，包含1697个文件，其中包括675个PHP源代码文件，398个GIF图片文件，167个HTML页面文件，113个JavaScript脚本文件，90个PNG...
SchoolCMS学校管理系统 v2.3
12-01
作为中国首个开源的学校教务管理系统，它为教育机构提供了全面的信息化解决方案，使得学校的日常教务管理工作更加智能化、自动化。 1. **PHP编程语言**：SchoolCMS采用PHP作为后端开发语言，PHP是一种广泛使用的...
网站系统学校班级
05-11
【标题】：“网站系统学校班级”是指一个专门用于学校班级管理的在线平台，它整合了教育机构中的班级信息、学生信息、课程安排等核心功能，为教师、学生和家长提供了一个方便、高效的互动环境。 【描述】：“学校...
jQuery text文本框全国按省选择学校
10-31
总结来说，"jQuery text文本框全国按省选择学校"这个项目涉及到的主要知识点有jQuery选择器、事件处理、Ajax数据交互、动态生成DOM、用户界面设计以及响应式开发等。掌握这些技术，可以构建出用户友好且功能强大的...
奥迪官网首界面项目概述
05-21
奥迪官网首界面主要展示了奥迪品牌最新的车型、技术、设计和活动等方面的信息，以及与奥迪相关的服务和购车流程等内容。该界面通常包括以下几个模块： 1. 车型展示：展示奥迪最新的车型及其特点，包括性能、外观、内饰等方面的介绍和图片展示。 2. 技术特点：介绍奥迪汽车的技术特点，包括动力系统、智能驾驶、安全性能等方面的内容。 3. 设计风格：介绍奥迪的设计风格和设计理念，包括外观设计、内饰设计和用料等方面的内容。 4. 活动资讯：展示奥迪品牌最新的活动资讯，包括新车上市、促销活动、车展信息等方面的内容。 5. 服务支持：提供与奥迪相关的服务支持，包括预约试驾、车辆保养、售后服务等方面的内容。 6. 购车流程：介绍购买奥迪汽车的流程和注意事项，包括选车、试驾、订车、交付等方面的内容。 通过这些模块的展示，用户可以全面了解奥迪品牌的最新信息和服务，从而更好地选择适合自己的奥迪汽车，并享受到奥迪品牌的高品质服务。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值