web网页设计实例作业 ——中国水墨风的小学学校网站(6页) 专题网页设计作业模板学校物静态HTML网页模板下载

最新推荐文章于 2022-08-15 23:17:15 发布

web领域优质创作者-网页设计

最新推荐文章于 2022-08-15 23:17:15 发布

阅读量929

点赞数

分类专栏： HTML5期末大作业 web网页设计与开发 web期末作业设计网页文章标签：前端 html 文化 javascript 传统

本文链接：https://blog.csdn.net/m0_46321522/article/details/121695862

版权

这是一个关于中国水墨风格的小学学校网站静态HTML网页设计作业模板，包含6页内容，适用于网页设计学习和大学作业需求。提供源码下载及学习资源。

摘要由CSDN通过智能技术生成

web网页设计实例作业 ——中国水墨风的小学学校网站(6页) 专题网页设计作业模板学校物静态HTML网页模板下载

常见网页设计作业题材有 个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

获取更多源码

PC电脑端关注我们

🧡作者主页-更多源码

🧡HTML期末大作业文章专栏

文章目录

web网页设计实例作业 ——中国水墨风的小学学校网站(6页) 专题网页设计作业模板学校物静态HTML网页模板下载
获取更多源码
一、作品展示
二、文件目录
三、代码实现
四、获取更多源码
五、学习资料
六、更多源码

一、作品展示

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>某某学校网站模板</title>
<mvc:annotation-driven enable-matrix-variables="true"></mvc:annotation-driven>
<context:component-scan base-package="com.th.action"></context:component-scan>
<mvc:default-servlet-handler/>
<link href="css/common.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">
<!--<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>-->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide2.js"></script>
<script type="text/javascript">
$(function(){
     
	$('#index-news-focus').owlCarousel({
     
		items: 1,
		navigation: true,
		navigationText: ["上一个","下一个"],
		autoPlay: true,
		stopOnHover: true
	}).hover(function(){
     
		$('.owl-buttons').show();
	}, function(){
     
		$('.owl-buttons').hide();
	});
});
</script>

<!--下拉动画-->
<link rel="stylesheet" href="wow/animate.min.css"/>
<script type="text/javascript" src="wow/wow.min.js"></script>
<script>
	if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
     
		new WOW().init();
	};
	$(function(){
     
		
	});
</script>
<!--下拉动画-->
</head>

<body>
<!--header S-->
<header>
	<!--nav S-->
    <nav>
        <div class="top">
        	<div class="text">
            	<span class="l">欢迎光临某某学校网站！</span>
                <span class="r">咨询电话：010-0000000</span>
            </div>
        </div>
        <div class="hn-main">
        	<ul>
            	<li>
                	<a href="index.html">网站首页</a>
                    <a href="about.html">关于我们</a>
                    <a href="images-list.html">校园风采</a>
                    <a href="about.html">校园文化</a>
                </li>
                <a href="index.html" class="logo"><span><img src="images/logo.png"></span></a>
                <li>
                	<a href="title-list.html">新闻资讯</a>
                    <a href="about.html">荣誉资质</a>
                    <a href="about.html">招生介绍</a>
                    <a href="contact.html">联系我们</a>
                </li>
            </ul