html大学官网主题源码期末大作业0018

已于 2022-05-07 21:55:44 修改
阅读量1.2k 收藏 6
点赞数 2
分类专栏： html网页作品 文章标签： html javascript css 前端
于 2022-05-07 20:32:38 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_37916936/article/details/124638818
版权

项目展示：

部分代码展示： 

<!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>河北科技大学官网模板</title>
<link href="css/css.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="content">
<div class="head">
  <div class="head_1">
    <div class="top">
      <div class="top_logo"><img src="img/logo.png" /></div>
      <div class="top_zixun">
        <ul>
          <li><a href="#">加入收藏</a></li>
          <li>|</li>
          <li><a href="#">设为首页</a></li>
        </ul>
        <div class="tel">
          <div class="dianh"><span>0531—58057258</span></div>
        </div>
      </div>
    </div>
    <div class="nav">
      <ul>
        <li><a href="#" >首&nbsp;页</a></li>
        <li>|</li>
        <li><a href="jianjie.html">学校简介</a></li>
        <li>|</li>
        <li><a  href="zhanshi.html">校园风光</a></li>
        <li>|</li>
        <li><a  href="dongtai.html">招生动态</a></li>
        <li>|</li>
        <li><a  href="dongtai.html">专业设置</a></li>
        <li>|</li>
        <li><a href="#">招生简章</a></li>
        <li>|</li>
        <li><a href="baoming.html">网上报名</a></li>
      </ul>
    </div>
    <div id="win">
      <ul id="picChange">
        <li><img src="img/banner.jpg"  width="990" height="310"/></li>
        <li><img src="img/banner2.jpg"  width="990" height="310"/></li>
        <li><img src="img/banner3.jpg"  width="990" height="310"/></li>
      </ul>
    </div>
  </div>
  <script type="text/javascript" src="js/picChange-0.3.2.js"></script> 
  <script type="text/javascript">
//直接切换效果
//$pic("picChange").picChange();
//淡出效果
$pic("picChange").picChange({changeStyle:"fade",time:250,interTime:5000});
//向上移出效果
//$pic("picChange").picChange({changeStyle:"move",time:250,direction:"up"});
//向上联动效果
//$pic("picChange").picChange({changeStyle:"wheel",time:250,direction:"up"});
//以下为页面测试函数，并非picChange的使用方法，使用方法如上
function func(){
	//恢复html代码原状
	var my_time = document.getElementById("time").value;
	var my_changeStyle = document.getElementById("changeStyle").value;
	var my_direction = document.getElementById("direction").value;
	var my_isClick = document.getElementById("isclick").checked;
	var my_intertime = document.getElementById("intertime").value;
	//alert(my_time+" "+my_changeStyle+" "+my_direction+" "+my_isClick);
	$pic("picChange").picChange({
		changeStyle:my_changeStyle,
		time:my_time,
		direction:my_direction,
		isClick:my_isClick,
		interTime:my_intertime
	});
	var tmpImg = document.getElementById("picChange").getElementsByTagName("img");
	var tmpLength = tmpImg.length;
	for(var n=0;n<tmpLength;n++)
	{
		tmpImg[n].style.top = "";
		tmpImg[n].style.left = "";
		setAlpha(tmpImg[n],100);
		if(n==0)
			tmpImg[n].style.display = "block";
		else
			tmpImg[n].style.display = "";
	}
	var showText = "改变成功！当前模式：";
	if(my_changeStyle == "move" || my_changeStyle == "wheel")
	{
		showText += "向"+document.getElementById("direction").options[document.getElementById("direction").selectedIndex].text+document.getElementById("changeStyle").options[document.getElementById("changeStyle").selectedIndex].text;
		showText += "，"+my_time+"毫秒，每隔"+my_intertime/1000+"秒切换。";
	}
	else if(my_changeStyle == "fade")
	{
		showText += document.getElementById("changeStyle").options[document.getElementById("changeStyle").selectedIndex].text;
		showText += "，"+my_time+"毫秒，每隔"+my_intertime/1000+"秒切换。";
	}
	else
	{
		showText += document.getElementById("changeStyle").options[document.getElementById("changeStyle").selectedIndex].text;
	}
	document.getElementById("show").innerHTML = showText;
}
</script> 
</div>
<div class="main">
  <div class="main_1">
    <div class="box">
      <div class="box_lm">
        <div class="box_lm_1"><span>最新公告</span><a href="#"><img src="img/m.jpg" /></a></div>
        <div class="box_lm_2">
          <ul>
            <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>
      </div>
      <!--
!--> 
      <!--

!-->
      
      <div class="box_lm_3">
        <div class="box_lm_3_1"><span>新闻资讯</span><a href="#"><img src="img/m.jpg" /></a></div>
        <div class="box_lm_3_2">
          <ul>
            <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>
      </div>
      <div class="box_lm_5">
        <div class="box_lm_5_1"><span>录取查询</span><a href="#"><img src="img/m.jpg" /></a></div>
        <div class="box_lm_5_2"><span>请输入查询编号</span>
          <input type="text" name="" id="kuang" value="">
          <input name="" type="submit" value="提交"  id="an"/>
          <a href="#"><img src="img/baoming.jpg" /></a> </div>
      </div>
    </div>
    <div class="box_2">
      <div class="box_lm2">
        <div class="box_lm2_1"><span>学校介绍</span></div>
        <div class="box_lm2_2"> <img src="img/tupian.jpg" /><span>河北科技大学学校介绍河北科技大学学校介绍河北科技大学学校介绍河北科技大学学校介绍河北科技大学学校介绍河北科技大学学校介绍河北科技大学学校介绍河北科技大学学校介绍河北科技大学学校介绍河北科技大学学校介绍河北科技大学学校介绍</span> </div>
      </div>
      <div class="box_lm_4">
        <div class="js">
          <div id="demo">
            <div id="indemo">
              <div id="demo1">
                <div id="demo1_1"><a href="#"><img src="img/zhanshi.jpg" width="149" height="124" />图片说明</a></div>
                <div id="demo1_1"><a href="#"><img src="img/zhanshi.jpg" width="149" height="124" />图片说明</a></div>
                <div id="demo1_1"><a href="#"><img src="img/zhanshi.jpg" width="149" height="124" />图片说明</a></div>
                <div id="demo1_1"><a href="#"><img src="img/zhanshi.jpg" width="149" height="124" />图片说明</a></div>
              </div>
              <div id="demo2"></div>
            </div>
          </div>
          <script>var speed=20;
var tab = document.getElementById("demo");
var tab1 = document.getElementById("demo1");
var tab2 = document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
    if(tab2.offsetWidth-tab.scrollLeft<=0)
        tab.scrollLeft-=tab1.offsetWidth
    else{
        tab.scrollLeft++;
    }
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
</script> 
        </div>
      </div>
      <div class="box_right">
        <div class="box_right_1">
          <div class="box_right_1_1">
            <div class="z"><span>校园通知</span></div>
            <div class="i"><a href="#"><img src="img/m.jpg" /></a></div>
          </div>
          <div class="box_right_1_2">
            <ul>
              <li><a href="#"><span class="time">[2014-6-4]</span>校园通知校园通知</a></li>
              <li><a href="#"><span class="time">[2014-6-4]</span>校园通知校园通知</a></li>
              <li><a href="#"><span class="time">[2014-6-4]</span>校园通知校园通知</a></li>
              <li><a href="#"><span class="time">[2014-6-4]</span>校园通知校园通知</a></li>
              <li><a href="#"><span class="time">[2014-6-4]</span>校园通知校园通知</a></li>
            </ul>
            
            <!--
              <div class="you">
               <ul>
                <li><a href="#">2014-6-4</a></li>
                <li><a href="#">2014-6-4</a></li>
                <li><a href="#">2014-6-4</a></li>
                <li><a href="#">2014-6-4</a></li>
                <li><a href="#">2014-6-4</a></li>
               
              </ul>
              </div>
              !--> 
          </div>
        </div>
        <div class="box_right_2">
          <div class="box_right_2_1">
            <div class="z"><span>招生简章</span></div>
            <div class="i"><a href="#"><img src="img/m.jpg" /></a></div>
          </div>
          <div class="box_right_2_2">
            <ul>
              <li><a href="#"><span class="time">[2014-6-4]</span>校园通知校园通知</a></li>
              <li><a href="#"><span class="time">[2014-6-4]</span>校园通知校园通知</a></li>
              <li><a href="#"><span class="time">[2014-6-4]</span>校园通知校园通知</a></li>
              <li><a href="#"><span class="time">[2014-6-4]</span>校园通知校园通知</a></li>
              <li><a href="#"><span class="time">[2014-6-4]</span>校园通知校园通知</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="footer">
    <div class="footer_1">
      <div class="xian"></div>
      <div class="foot">
        <div class="yq">
          <ul>
            <li><a href="#">友情链接：</a></li>
            <li><a href="#">河北科技大学</a></li>
            <li>|</li>
            <li><a href="#">微畅信息</a></li>
            <li>|</li>
            <li><a href="#">河北科技大学</a></li>
            <li>|</li>
            <li><a href="#">微畅信息</a></li>
          </ul>
        </div>
        <div class="bq"><img src="img/logo.png" />
          <ul>
            <li>版权所有：河北科技大学</li>
            <li>电话：0531—58057258 &nbsp;13589024680 </li>
            <li>地址：河北科技大学</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
</body>
</html>

完整项目源码获取： 

http://www.yueying1234.com/moban/xiaoyuanbanji/1812.html

老学长毕业设计辅导
关注
  • 2
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
《web课程设计》使用HTML+CSS制作大学生校园二手交易网站
html精品源码
08-04 1万+
🏫 校园网页设计 、学校班级网页制作、学校官网、小说书籍、等网站的设计与制作。🏷️HTML静态网页设计作业使用dreamweaver制作，采用DIV+CSS布局，共有多个页面，首页使用CSS排版比较丰富，色彩鲜明有活力。顶部导航及底部区域背景色为100%宽度，主体内容区域宽度🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语...
静态网页-学校官网（附源码）
m0_51757444的博客
05-16 1万+
静态百度网页，今天看到一个群里的朋友秀自己学校的官网页面，我也手痒，也做了一个（赋源码）
某大学211工程办公室网站源码(生成静态页)
04-27
中国海洋大学211工程网站的全部源码，采用Access数据库，可以根据模板动态生成静态页面，网页编辑器采用的是FTB(FreeTextBox)后台基本功能：后台用户 部门介绍 分类管理 管理文件 上传类型 链接管理 文章添加 文章管理 通知添加 通知管理 生成静态页2004年帮学校211&985工程办公室做的.程序+设计历时约35小时.(设计挺难看的撒),CSharp代码不到4000行 好久没有来了,发个原创,抛砖引玉,现发布到51aspx希望对学习ASP.NET的朋友有所帮助默认管理帐号和密码均为51aspx，管理员登陆采用验证码校验 DB_51aspx/db.asax为Access数据库文件（如果需要设置数据库请先把扩展名改为mdb)注意：该项目是由Asp.net1.1转到Asp.net2.0
36个精美完整网站网页完整源码HTML+CSS+JS
叶绿体不忘呼吸
07-13 3万+
如果有搭建网站的需要，可以考虑使用云产品，而云产品现在比较推荐腾讯的，感兴趣的可以看看，现在有很多优惠https://curl.qcloud.com/CURGxRiw微信公众号：创享日记 发送：36 获取全部完整源码（打开.html文件均即可用） 以下列举前9个效果图，源码详见微信公众号下载①效果图 ②效果图 ③效果图 ④效果图 ⑤效果图 ⑥效果图 ⑦效果图 ⑧效果图 ⑨效果图
免费html模板 html网页源码网站
weixin_42700926的博客
05-28 691
免费HTML模板探索HTML网页源码网站，在互联网时代，拥有一个个性化且专业的网站是展示个人品牌或企业形象的关键。通过探索不同的HTML网页源码网站，用户可以找到满足自己需求的模板，并利用这些资源快速搭建起一个专业的网站。记住，无论选择哪个模板，都要确保它符合你的品牌风格，提供良好的用户体验，并且是安全的。免费HTML模板是预先设计好的网页布局和样式，用户可以免费下载并用于创建自己的网站。选择模板：根据网站的目的和风格，从多个选项中选择一个合适的模板。多样化选择：市场上有各种风格和功能的免费模板可供选择。
(附源码)计算机毕业设计ssm大学生校园线上知识共享平台
计算机程序华哥
10-06 739
项目运行环境配置：（Webstorm也行）+ Eclispe（IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持）。项目技术：等等组成，B/S模式 + Maven管理等等。环境需要1.运行环境：最好是java jdk 1.8，我们在这个平台上运行的。其他版本理论上也可以。2.IDE环境：IDEA，Eclipse,Myeclipse都可以。推荐IDEA;3.tomcat环境：Tomcat 7.x,8.x,9.x版本均可4.
CSS+HTML静态网页——小米官网（附源代码）
Jsheep91的博客
03-22 9668
链接：https://pan.baidu.com/s/1Bhq1GEZBCH3USx_Tj31jiA?
大学生静态网页设计期末作业蛋糕店主题静态网页大作业HTML源码.zip
06-18
大学生静态网页设计期末作业蛋糕店主题静态网页大作业html源码。 网页设计期末大作业，静态网页，HTML，大学生期末必过项目，95分以上，代码含有注释，亲自操作就可以搞定期末作业啦 大学生静态网页设计期末作业...
基于HTML大学生静态网页设计期末作业-静态简历网页源码.zip
06-18
基于HTML大学生静态网页设计期末作业-静态简历网页源码，高分必看，2021年期末高分作业项目。 基于HTML大学生静态网页设计期末作业-静态简历网页源码，高分必看，2021年期末高分作业项目。基于HTML大学生静态网页...
大学生静态网页设计期末作业
12-28
在本项目中，"大学生静态网页设计期末作业"是一个典型的HTML网页设计项目，适用于大学生们在期末时提交，以展示他们的网页设计技能。这个作业旨在检验学生对HTML基础知识的掌握，以及他们如何将这些知识应用到实际...
基于html+css实现的仿京东电商平台网页源码(html期末大作业).zip
01-11
基于html+css实现的仿京东电商平台网页源码(html期末大作业).zip基于html+css实现的仿京东电商平台网页源码(html期末大作业).zip基于html+css实现的仿京东电商平台网页源码(html期末大作业).zip基于html+css实现的...
大学生静态网页设计期末作业蛋糕店主题静态网页大作业HTML源码（95分以上）.zip
02-16
大学生静态网页设计期末作业蛋糕店主题静态网页大作业HTML源码（95分以上）.zip网页设计期末大作业，静态网页，HTML，大学生期末必过项目，95分以上，代码含有注释，亲自操作就可以搞定期末作业啦 大学生静态网页...
年会活动html酷炫抽奖功能-高端版
xcLeigh
01-26 3203
年会活动html酷炫抽奖功能-高端版，支持json数据，主题风格切换。 资源下载地址（https://download.csdn.net/download/weixin_43151418/14934322）
Web前端开发技术课程大作业: 关于美食的HTML网页设计——HTML+CSS+JavaScript在线美食订餐网站html模板源码30个页面:
HTML网页设计
07-30 1万+
👨‍🎓静态网站的编写主要是用HTML DIV+CSS JS等来完成页面的排版设计👩‍🎓,常用的网页设计软件有Dreamweaver、EditPlus、HBuilderX、VScode 、Webstorm、Animate等等，用的最多的还是DW，当然不同软件写出的前端Html5代码都是一致的，本网页适合修改成为各种类型的产品展示网页，比如美食、旅游、摄影、电影、音乐等等多种主题，希望对大家有所帮助。 🎀 精彩专栏推荐👇🏻👇🏻👇🏻 🧡 【作者主页——🔥获取更多优质源码】 🧡 【...
1000套web前端期末大作业 HTML+CSS+JavaScript网页设计实例 企业网站制作【建议收藏】
热门推荐
HTML网页设计
07-27 4万+
1.网页作品简介方面HTML期末学生结课大作业作品(HTML+CSS+JS)，响应式布局网站源码！兼容pc以及移动端，内涵js交互，ui交互，页面质量高非常适合，2.网页作品编辑方面此作品为学生个人主页网页设计题材，代码为A+学生水平所有编辑器均可使用）3.网页作品布局方面网页布局整体为LOGO、导航、主体内容布局。子页面多种布局，兴趣爱好内容使用图片列表布局，成绩页面插入了表格，联系我们使用图片对齐方式设置了左对齐。4.网页作品技术方面。...
HTML5期末大作业（有源码）
qq_63710441的博客
08-31 578
<div class="enterBut">进入影院</div>翻页动画
HTML+CSS大作业：基于HMTL校园学校网页设计题材【我的学校网站】
专注于dreamweaver网页设计制作
01-08 232
🏫 校园班级网页设计 、👨‍🎓我的班级网页、我的学校、👩‍🎓校园社团、校园运动会、等网站的设计与制作。🏷️HTML我的班级网页设计，采用DIV+CSS布局，共有多个页面，排版整洁，内容丰富，主题鲜明，首页使用CSS排版比较丰富，色彩鲜明有活力，导航与正文字体分别设置不同字号大小。导航区域设置了背景图。子页面有纯文字页面和图文并茂页面。🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站
作业：用html，css进行学校官网页面的大概设计
weixin_51774330的博客
11-23 1885
用html，css进行学校官网页面的大概设计
网络工作室官网HTML源码
SEO资源下载
04-21 521
简介：一个简单的企业网络工作室主页官网html网站源码开源无加密ps文件，设计图纸均已开源，上传即用云盘下载地址：http://www.zijiepan3.xy
清华大学官网子页代码
最新发布
06-21
清华大学官方网站的代码通常是服务器端动态生成的，具体细节不会对外公开。它使用的技术栈可能包括但不限于HTML、CSS、JavaScript（可能还包括React、Vue等前端框架），以及后端语言如Java、Python（如Django或Tornado）、Node.js、PHP或C++（通过Web框架如Spring或Boost.C++），以及数据库技术（如MySQL、MongoDB等）。 为了获取清华大学官网的源代码，你需要查看其网站的HTML源码，通常可以通过浏览器的“查看网页源代码”功能来获取静态页面的内容。但是，动态内容（如用户评论、新闻动态等）通常由服务器处理并返回，这些代码是服务器端的私有信息，不会公开。 如果你想了解清华大学网站开发的一般架构和技术选型，可能会涉及到网站设计原则、响应式设计、安全策略、性能优化等内容。对于这些内容，建议查阅相关的技术文档或报道，或者关注清华大学官方的开发者博客或技术分享。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

老学长毕业设计辅导

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值