学生DW网页设计作业成品-HTML5+CSS大作业——传统节日--圣诞节(3页)

最新推荐文章于 2023-12-11 20:15:34 发布

优质内容贡献

最新推荐文章于 2023-12-11 20:15:34 发布

阅读量2k

点赞数

文章标签： css html5 html 前端 javascript

本文链接：https://blog.csdn.net/qq_524614081/article/details/121687267

版权

这是一个HTML5和CSS结合的大学网页设计作业，主题为传统节日——圣诞节，包含3页内容。作业提供了作品展示、文件目录、代码实现等部分，并提供更多的源码供学习者获取。同时，作者分享了相关的学习资料和更多源码链接，适合网页设计初学者。

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

HTML5+CSS大作业——传统节日–圣诞节(3页)

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

获取更多源码

PC电脑端关注我们

🧡作者主页-更多源码

🧡HTML期末大作业文章专栏

一、作品展示

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<!DOCTYPE html>
<html lang="en">

<head>
    <title>Home</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="utf-8">
    <meta name="keywords" content="" />
    <script type="application/x-javascript">
        addEventListener("load", function() {
     
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
     
            window.scrollTo(0, 1);
        }
    </script>
    <!-- bootstrap-css -->
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
    <!--// bootstrap-css -->
    <!-- css -->
    <link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
    <link rel='stylesheet prefetch' href='css/kwgwmy.css'>
    <link rel='stylesheet prefetch' href='css/jgrjew.css'>
    <link rel='stylesheet prefetch' href='css/rrgkvw.css'>
    <link href='css/simplelightbox.min.css' rel='stylesheet' type='text/css'>
    <link href="css/easy-responsive-tabs.css" rel="stylesheet" type="text/css" media="all" />
    <!--// css -->
    <!-- font-awesome icons -->
    <link rel="stylesheet" href="css/font-awesome.min.css" />
    <!-- //font-awesome icons -->
    <!-- font -->
    <link href="http://fonts.googleapis.com/css?family=Dancing+Script:400,700" rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Cabin:400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700italic,700,400italic,300italic,300' rel='stylesheet' type='text/css'>
    <!-- //font -->
    <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function($) {
     
            $(".scroll").click(function(event) {
     
                event.preventDefault();
                $('html,body').animate({
     
                    scrollTop: $(this.hash).offset().top
                }, 1000);
            });
        });
    </script>

</head>

<body>
    <!--/banner-->
    <div class="w3ls-banner-top" id="home">
        <div class="frame">
            <img src="images/placeholder.png" />
            <canvas id="canvas"></canvas>

        </div>
        <div class="w3layouts_menu">
            <nav class="cd-stretchy-nav edit-content">
                <a class="cd-nav-trigger" href="#0"> Menu <span aria-hidden="true"></span> </a>
                <ul>
                    <li><a href="#home" class="scroll"><span>Home</span></a></li>