精华内容
下载资源
问答
  • html期末大作业
    千次阅读
    2021-10-08 10:45:42
    HTML期末大作业 ~ 学生HTML个人网页作业作品下载 ~ 个人主页博客网页设计制作 ~大学生个人网站作业模板 ~ 简单个人网页制作

    临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系列问题。你想要解决的问题,在这篇博文中基本都能满足你的需求~

    原始HTML+CSS+JS页面设计, web大学生网页设计作业源码,这是一个不错的网页制作,画面精明,非常适合初学者学习使用。

    作品介绍

    1.网页作品简介方面 :响应式个人博客系统模板。喜欢的可以下载,文章页支持手机PC响应式布局。主要有:登录、注册、主页、列表页、详情页 等总共6个页面html下载。

    2.网页作品编辑方面:此作品为学生个人主页网页设计题材,代码为简单学生水平 html+css 布局制作,作品下载后可使用任意HTML编辑软件(例如:DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm 所有编辑器均可使用)

    3.网页作品布局方面:网页布局整体为LOGO、导航、主体内容布局。子页面多种布局,兴趣爱好内容使用图片列表布局,成绩页面插入了表格,联系我们使用图片对齐方式设置了左对齐。

    4.网页作品技术方面:使用CSS制作了网页背景图、鼠标经过及选中导航变色效果、下划线等。 首页制作了留言表单,同时简单使用JavaScript制作了表单判断(提交时表单不能为空)

    一、作品演示

    1.博客首页

    HTML期末大作业~学生个人博客静态页面模板(HTML+CSS+JavaScript)_学生HTML个人网页作业作品

    2.碎言碎语

    HTML期末大作业~学生个人博客静态页面模板(HTML+CSS+JavaScript)_学生HTML个人网页作业作品_02

    3.学无止境

    HTML期末大作业~学生个人博客静态页面模板(HTML+CSS+JavaScript)_HTML期末大学生网页设计作业_03

    4.留言板

    HTML期末大作业~学生个人博客静态页面模板(HTML+CSS+JavaScript)_个人主页博客web网页设计制作_04

    5. 关于我

    HTML期末大作业~学生个人博客静态页面模板(HTML+CSS+JavaScript)_个人主页博客web网页设计制作_05

    二、代码目录 三、代码实现
    <!DOCTYPE HTML>
    <html>
    <head>
    <title>学无止尽 — 一个站在java开发之路上的草根程序员个人博客网站</title>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="keywords" content="个人博客,王风宇个人博客,个人博客系统,老王博客,王风宇">
    <meta name="description" content="Lao王博客系统,一个站在java开发之路上的草根程序员个人博客网站。">
    <LINK rel="Bookmark" href="favicon.ico" >
    <LINK rel="Shortcut Icon" href="favicon.ico" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="/staticRes/js/html5shiv.js"></script>
    <script type="text/javascript" src="/staticRes/js/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="plugin/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="plugin/Hui-iconfont/1.0.8/iconfont.min.css" />
    <link rel="stylesheet" type="text/css" href="css/common.css" />
    <link rel="stylesheet" type="text/css" href="plugin/pifu/pifu.css" />
    <!--[if lt IE 9]>
    <link href="/staticRes/lib/h-ui/css/H-ui.ie.css" rel="stylesheet" type="text/css" />
    <![endif]-->
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } function showSide(){$('.navbar-nav').toggle();}</script>
    </head>
    <body>
    <header class="navbar-wrapper">
        <div class="navbar navbar-fixed-top">
            <div class="container cl">
                <a class="navbar-logo hidden-xs" href="http://www.wfyvv.com">
                    <img class="logo" src="img/logo.png" alt="Lao王博客" />
                </a>
                <a class="logo navbar-logo-m visible-xs" href="/">Lao王博客</a>
                <a aria-hidden="false" class="nav-toggle Hui-iconfont visible-xs" href="javascript:void(0);" onclick="showSide();">&#xe667;</a>
                <nav class="nav navbar-nav nav-collapse w_menu" role="navigation">
                    <ul class="cl">
                        <li class="active"> <a href="index.html" data-hover="首页">首页</a> </li>
                        <li> <a href="about.html" data-hover="关于我">关于我</a> </li>
                        <li> <a href="mood.html" data-hover="碎言碎语">碎言碎语</a> </li>
                        <li><a href="article.html" data-hover="学无止尽">学无止尽</a></li>
                        <li> <a href="board.html" data-hover="留言板">留言板</a> </li>
                    </ul>
                </nav>
                <nav class="navbar-nav navbar-userbar hidden-xs hidden-sm " style="top: 0;">
                    <ul class="cl">
                        <li class="userInfo dropDown dropDown_hover">
                                <!--<a href="javascript:;" ><img class="avatar radius" src="http://q.qlogo.cn/qqapp/101388738/1CF8425D24660DB8C3EBB76C03D95F35/40" alt="丶似浅 "></a>
                                <ul class="dropDown-menu menu radius box-shadow">
                                    <li><a href="/app/loginOut">退出</a></li>
                                </ul>-->
                                <a href="/app/qq" onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})" ><img class="avatar size-S" src="img/qq.jpg" title="登入">登入</a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>
    
    <!--导航条-->
    <nav class="breadcrumb">
        <div class="container">
            <i class="Hui-iconfont">&#xe67f;</i><a href="/" class="c-primary">首页</a>
            <span class="c-gray en">&gt;</span> <a href="/article" class="c-primary">学无止尽</a>
            <span class="c-gray en">&gt;</span> <span class="c-gray"><i class="Hui-iconfont">&#xe64b;</i> nginx</span>
        </div>
    </nav>
    
    <section class="container">
      <!--left-->
      <div class="col-sm-9 col-md-9 mt-20">
      	
      		
      	<!--article list-->
    			<ul class="index_arc">
    				<li class="index_arc_item">
    					<a href="#" class="pic">
    						<img class="lazyload" data-original="temp/art.jpg" alt="应该选" />
    					</a>
    					<h4 class="title"><a href="article_detail.html">个人博客应该选择什么样的域名和域名后缀</a></h4>
    					<div class="date_hits">
    						<span>老王</span>
    						<span>2017-02-24</span>
    						<span><a href="/article-lists/10.html">程序人生</a></span>
    						<p class="hits"><i class="Hui-iconfont" title="点击量">&#xe6c1;</i> 276° </p>
    						<p class="commonts"><i class="Hui-iconfont" title="点击量">&#xe622;</i> <span class="cy_cmt_count">20</span></p>
    					</div>
    					<div class="desc">不论搭建什么样的网站,选择一个好的域名都是很有必要的,选择一个好的域名对网站的意义也是不言而喻的。每一个网站都有之对应的域名,就像人的名字一样。每个人都想自己有个好听的名字,网站也是一样。一个网站可以有多个域名,但是一个域名只能对应一个网站。&nbsp;一、域名要好记,方便输入&nbsp; &nbsp; &nbsp; &nbsp;域名本身的意义就是为了人们方便记忆才使用的,不然都用IP地址就好了。所以,网站域名一定要选择好记忆的。因为域名是</div>
    				</li>
    				
    				
    				<li class="index_arc_item no_pic">
    					<h4 class="title"><a href="/article/5.html">个人博客应该选择什么样的域名和域名后缀</a></h4>
    					<div class="date_hits">
    						<span>老王</span>
    						<span>2个月前</span>
    						<span><a href="/article-lists/10.html">建站</a></span>
    						<p class="hits"><i class="Hui-iconfont" title="点击量">&#xe6c1;</i> 276 °</p>
    						<p class="commonts"><i class="Hui-iconfont" title="点击量">&#xe622;</i> <span id="sourceId::105" class="cy_cmt_count">20</span></p>
    					</div>
    					<div class="desc"> 不论搭建什么样的网站,选择一个好的域名都是很有必要的,选择一个好的域名对网站的意义也是不言而喻的。每一个网站都有之对应的域名,就像人的名字一样。每个人都想自己有个好听的名字,网站也是一样。一个网站可以有多个域名,但是一个域名只能对应一个网站。&nbsp;一、域名要好记,方便输入&nbsp; &nbsp; &nbsp; &nbsp;域名本身的意义就是为了人们方便记忆才使用的,不然都用IP地址就好了。所以,网站域名一定要选择好记忆的。因为域名是</div>
    				</li>
    				
    				<li class="index_arc_item">
    	            <a href="/article/4" class="pic">
    	                <img class="lazyload" data-original="temp/art.jpg" alt="centos 6.5 nginx安装及配置" >
    	            </a>
    	        <h4 class="title"><a href="/article/4">centos 6.5 nginx安装及配置</a></h4>
    	        <div class="date_hits">
    	            <span>老王</span>
    	            <span>2017-3-15</span>
    	            <span>
    	                <a href="/article?t=1">程序人生</a>
    	            </span>
    	            <p class="hits"><i class="Hui-iconfont" title="点击量"></i> 13° </p>
    	            <p class="commonts"><i class="Hui-iconfont" title="评论"></i> <span class="cy_cmt_count">0</span></p>
    	        </div>
    	        <div class="desc">linux环境中nginx安装及配置简要概述。。。</div>
    	    </li>
             
             <li class="index_arc_item">
    					<a href="#" class="pic">
    						<img class="lazyload" data-original="temp/art.jpg" alt="应该选" />
    					</a>
    					<h4 class="title"><a href="article_detail.html">个人博客应该选择什么样的域名和域名后缀</a></h4>
    					<div class="date_hits">
    						<span>老王</span>
    						<span>2017-02-24</span>
    						<span><a href="/article-lists/10.html">程序人生</a></span>
    						<p class="hits"><i class="Hui-iconfont" title="点击量">&#xe6c1;</i> 276° </p>
    						<p class="commonts"><i class="Hui-iconfont" title="点击量">&#xe622;</i> <span class="cy_cmt_count">20</span></p>
    					</div>
    					<div class="desc">不论搭建什么样的网站,选择一个好的域名都是很有必要的,选择一个好的域名对网站的意义也是不言而喻的。每一个网站都有之对应的域名,就像人的名字一样。每个人都想自己有个好听的名字,网站也是一样。一个网站可以有多个域名,但是一个域名只能对应一个网站。&nbsp;一、域名要好记,方便输入&nbsp; &nbsp; &nbsp; &nbsp;域名本身的意义就是为了人们方便记忆才使用的,不然都用IP地址就好了。所以,网站域名一定要选择好记忆的。因为域名是</div>
    				</li>
    				
    				
    				<li class="index_arc_item no_pic">
    					<h4 class="title"><a href="/article/5.html">个人博客应该选择什么样的域名和域名后缀</a></h4>
    					<div class="date_hits">
    						<span>老王</span>
    						<span>2个月前</span>
    						<span><a href="/article-lists/10.html">建站</a></span>
    						<p class="hits"><i class="Hui-iconfont" title="点击量">&#xe6c1;</i> 276 °</p>
    						<p class="commonts"><i class="Hui-iconfont" title="点击量">&#xe622;</i> <span id="sourceId::105" class="cy_cmt_count">20</span></p>
    					</div>
    					<div class="desc"> 不论搭建什么样的网站,选择一个好的域名都是很有必要的,选择一个好的域名对网站的意义也是不言而喻的。每一个网站都有之对应的域名,就像人的名字一样。每个人都想自己有个好听的名字,网站也是一样。一个网站可以有多个域名,但是一个域名只能对应一个网站。&nbsp;一、域名要好记,方便输入&nbsp; &nbsp; &nbsp; &nbsp;域名本身的意义就是为了人们方便记忆才使用的,不然都用IP地址就好了。所以,网站域名一定要选择好记忆的。因为域名是</div>
    				</li>
    				
    				<li class="index_arc_item">
    	            <a href="/article/4" class="pic">
    	                <img class="lazyload" data-original="temp/art.jpg" alt="centos 6.5 nginx安装及配置" >
    	            </a>
    	        <h4 class="title"><a href="/article/4">centos 6.5 nginx安装及配置</a></h4>
    	        <div class="date_hits">
    	            <span>老王</span>
    	            <span>2017-3-15</span>
    	            <span>
    	                <a href="/article?t=1">程序人生</a>
    	            </span>
    	            <p class="hits"><i class="Hui-iconfont" title="点击量"></i> 13° </p>
    	            <p class="commonts"><i class="Hui-iconfont" title="评论"></i> <span class="cy_cmt_count">0</span></p>
    	        </div>
    	        <div class="desc">linux环境中nginx安装及配置简要概述。。。</div>
    	    </li>
              
              <li class="index_arc_item">
    					<a href="#" class="pic">
    						<img class="lazyload" data-original="temp/art.jpg" alt="应该选" />
    					</a>
    					<h4 class="title"><a href="article_detail.html">个人博客应该选择什么样的域名和域名后缀</a></h4>
    					<div class="date_hits">
    						<span>老王</span>
    						<span>2017-02-24</span>
    						<span><a href="/article-lists/10.html">程序人生</a></span>
    						<p class="hits"><i class="Hui-iconfont" title="点击量">&#xe6c1;</i> 276° </p>
    						<p class="commonts"><i class="Hui-iconfont" title="点击量">&#xe622;</i> <span class="cy_cmt_count">20</span></p>
    					</div>
    					<div class="desc">不论搭建什么样的网站,选择一个好的域名都是很有必要的,选择一个好的域名对网站的意义也是不言而喻的。每一个网站都有之对应的域名,就像人的名字一样。每个人都想自己有个好听的名字,网站也是一样。一个网站可以有多个域名,但是一个域名只能对应一个网站。&nbsp;一、域名要好记,方便输入&nbsp; &nbsp; &nbsp; &nbsp;域名本身的意义就是为了人们方便记忆才使用的,不然都用IP地址就好了。所以,网站域名一定要选择好记忆的。因为域名是</div>
    				</li>
    				
    				
    				<li class="index_arc_item no_pic">
    					<h4 class="title"><a href="/article/5.html">个人博客应该选择什么样的域名和域名后缀</a></h4>
    					<div class="date_hits">
    						<span>老王</span>
    						<span>2个月前</span>
    						<span><a href="/article-lists/10.html">建站</a></span>
    						<p class="hits"><i class="Hui-iconfont" title="点击量">&#xe6c1;</i> 276 °</p>
    						<p class="commonts"><i class="Hui-iconfont" title="点击量">&#xe622;</i> <span id="sourceId::105" class="cy_cmt_count">20</span></p>
    					</div>
    					<div class="desc"> 不论搭建什么样的网站,选择一个好的域名都是很有必要的,选择一个好的域名对网站的意义也是不言而喻的。每一个网站都有之对应的域名,就像人的名字一样。每个人都想自己有个好听的名字,网站也是一样。一个网站可以有多个域名,但是一个域名只能对应一个网站。&nbsp;一、域名要好记,方便输入&nbsp; &nbsp; &nbsp; &nbsp;域名本身的意义就是为了人们方便记忆才使用的,不然都用IP地址就好了。所以,网站域名一定要选择好记忆的。因为域名是</div>
    				</li>
    				
    				<li class="index_arc_item">
    	            <a href="/article/4" class="pic">
    	                <img class="lazyload" data-original="temp/art.jpg" alt="centos 6.5 nginx安装及配置" >
    	            </a>
    	        <h4 class="title"><a href="/article/4">centos 6.5 nginx安装及配置</a></h4>
    	        <div class="date_hits">
    	            <span>老王</span>
    	            <span>2017-3-15</span>
    	            <span>
    	                <a href="/article?t=1">程序人生</a>
    	            </span>
    	            <p class="hits"><i class="Hui-iconfont" title="点击量"></i> 13° </p>
    	            <p class="commonts"><i class="Hui-iconfont" title="评论"></i> <span class="cy_cmt_count">0</span></p>
    	        </div>
    	        <div class="desc">linux环境中nginx安装及配置简要概述。。。</div>
    	    </li>
              
              <li class="index_arc_item">
    					<a href="#" class="pic">
    						<img class="lazyload" data-original="temp/art.jpg" alt="应该选" />
    					</a>
    					<h4 class="title"><a href="article_detail.html">个人博客应该选择什么样的域名和域名后缀</a></h4>
    					<div class="date_hits">
    						<span>老王</span>
    						<span>2017-02-24</span>
    						<span><a href="/article-lists/10.html">程序人生</a></span>
    						<p class="hits"><i class="Hui-iconfont" title="点击量">&#xe6c1;</i> 276° </p>
    						<p class="commonts"><i class="Hui-iconfont" title="点击量">&#xe622;</i> <span class="cy_cmt_count">20</span></p>
    					</div>
    					<div class="desc">不论搭建什么样的网站,选择一个好的域名都是很有必要的,选择一个好的域名对网站的意义也是不言而喻的。每一个网站都有之对应的域名,就像人的名字一样。每个人都想自己有个好听的名字,网站也是一样。一个网站可以有多个域名,但是一个域名只能对应一个网站。&nbsp;一、域名要好记,方便输入&nbsp; &nbsp; &nbsp; &nbsp;域名本身的意义就是为了人们方便记忆才使用的,不然都用IP地址就好了。所以,网站域名一定要选择好记忆的。因为域名是</div>
    				</li>
    				
    				
    				<li class="index_arc_item no_pic">
    					<h4 class="title"><a href="/article/5.html">个人博客应该选择什么样的域名和域名后缀</a></h4>
    					<div class="date_hits">
    						<span>老王</span>
    						<span>2个月前</span>
    						<span><a href="/article-lists/10.html">建站</a></span>
    						<p class="hits"><i class="Hui-iconfont" title="点击量">&#xe6c1;</i> 276 °</p>
    						<p class="commonts"><i class="Hui-iconfont" title="点击量">&#xe622;</i> <span id="sourceId::105" class="cy_cmt_count">20</span></p>
    					</div>
    					<div class="desc"> 不论搭建什么样的网站,选择一个好的域名都是很有必要的,选择一个好的域名对网站的意义也是不言而喻的。每一个网站都有之对应的域名,就像人的名字一样。每个人都想自己有个好听的名字,网站也是一样。一个网站可以有多个域名,但是一个域名只能对应一个网站。&nbsp;一、域名要好记,方便输入&nbsp; &nbsp; &nbsp; &nbsp;域名本身的意义就是为了人们方便记忆才使用的,不然都用IP地址就好了。所以,网站域名一定要选择好记忆的。因为域名是</div>
    				</li>
    				
    				<li class="index_arc_item">
    	            <a href="/article/4" class="pic">
    	                <img class="lazyload" data-original="temp/art.jpg" alt="centos 6.5 nginx安装及配置" >
    	            </a>
    	        <h4 class="title"><a href="/article/4">centos 6.5 nginx安装及配置</a></h4>
    	        <div class="date_hits">
    	            <span>老王</span>
    	            <span>2017-3-15</span>
    	            <span>
    	                <a href="/article?t=1">程序人生</a>
    	            </span>
    	            <p class="hits"><i class="Hui-iconfont" title="点击量"></i> 13° </p>
    	            <p class="commonts"><i class="Hui-iconfont" title="评论"></i> <span class="cy_cmt_count">0</span></p>
    	        </div>
    	        <div class="desc">linux环境中nginx安装及配置简要概述。。。</div>
    	    </li>
              
    				</ul>
      		<div class="text-c mb-20" id="moreBlog">
                <a class="btn  radius btn-block " href="javascript:;" onclick="moreBlog('${blogType.id}','${tag.name}');">点击加载更多</a>
                <a class="btn  radius btn-block hidden" href="javascript:;">加载中……</a>
            </div>		
      </div>
      
      <!--right-->
      <div class="col-sm-3 col-md-3 mt-20">
      	
      	<!--导航-->
      	<div class="panel panel-primary mb-20">
    			<div class="panel-body">
    				<input class="btn btn-primary radius nav-btn" type="button" value="杂谈">
    				<input class="btn btn-primary-outline radius nav-btn" type="button" value="java">
    				<input class="btn btn-primary-outline radius nav-btn" type="button" value="框架">
    				<input class="btn btn-primary-outline radius nav-btn" type="button" value="服务域名">
    			</div>
    		</div>
      	
      	<!--热门推荐-->
      	<div class="bg-fff box-shadow radius mb-20">
    			<div class="tab-category">
    				<a href=""><strong>热门推荐</strong></a>
    			</div>
    			<div class="tab-category-item">
    				<ul class="index_recd">
    					<li>
    						<a href="#">阻止a标签href默认跳转事件</a>
    						<p class="hits"><i class="Hui-iconfont" title="点击量">&#xe6c1;</i> 276° </p>
    					</li>
    					<li >
    						<a href="#">PHP面试题汇总</a>
    						<p class="hits"><i class="Hui-iconfont" title="点击量">&#xe6c1;</i> 276° </p>
    					</li>
    					<li >
    						<a href="#">阻止a标签href默认跳转事件</a>
    						<p class="hits"><i class="Hui-iconfont" title="点击量">&#xe6c1;</i> 276° </p>
    					</li>
    					<li >
    						<a href="#">阻止a标签href默认跳转事件</a>
    						<p class="hits"><i class="Hui-iconfont" title="点击量">&#xe6c1;</i> 276° </p>
    					</li>
    					<li >
    						<a href="#">PHP面试题汇总</a>
    						<p class="hits"><i class="Hui-iconfont" title="点击量">&#xe6c1;</i> 276° </p>
    					</li>
    				</ul>
    			</div>
    		</div>
    	
    <!--标签-->
    		<div class="bg-fff box-shadow radius mb-20">
    			<div class="tab-category">
    				<a href=""><strong>标签云</strong></a>
    			</div>
    			<div class="tab-category-item">
    				<div class="tags"> <a href="http://www.h-ui.net/">H-ui前端框架</a> <a href="http://www.h-ui.net/websafecolors.shtml">Web安全色</a> <a href="http://www.h-ui.net/Hui-4.4-Unslider.shtml">jQuery轮播插件</a> <a href="http://idc.likejianzhan.com/vhost/korea_hosting.php">韩国云虚拟主机</a> <a href="http://www.h-ui.net/bug.shtml">IEbug</a> <a href="http://www.h-ui.net/site.shtml">IT网址导航</a> <a href="http://www.h-ui.net/icon/index.shtml">网站常用小图标</a> <a href="http://www.h-ui.net/tools/jsformat.shtml">web工具箱</a> <a href="http://www.h-ui.net/bg/index.shtml">网站常用背景素材</a> <a href="http://www.h-ui.net/yuedu/chm.shtml">H-ui阅读</a> <a href="http://www.h-ui.net/easydialog-v2.0/index.html">弹出层插件</a> <a href="http://www.h-ui.net/SuperSlide2.1/demo.html">SuperSlide插件</a> <a href="http://www.h-ui.net/TouchSlide1.1/demo.html">TouchSlide</a></div>
    			</div>
    		</div>
      </div>
      
    </section>
    <footer class="footer mt-20">
        <div class="container-fluid" id="foot">
            <p>Copyright &copy; 2016-2017 www.wfyvv.com <br>
                <a href="http://www.miitbeian.gov.cn/" target="_blank">皖ICP备17002922号</a><br>
            </p>
        </div>
    </footer>
    <script type="text/javascript" src="plugin/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="plugin/layer/3.0/layer.js"></script>
    <script type="text/javascript" src="plugin/h-ui/js/H-ui.min.js"></script>
    <script type="text/javascript" src="plugin/pifu/pifu.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <script> $(function(){ $(window).on("scroll",backToTopFun); backToTopFun(); }); </script>
    <script>
    $(function(){
    //标签
    	$(".tags a").each(function(){
    		var x = 9;
    		var y = 0;
    		var rand = parseInt(Math.random() * (x - y + 1) + y);
    		$(this).addClass("tags"+rand)
    	});
    	
    	$("img.lazyload").lazyload({failurelimit : 3});
    });
    
    </script> 
    </body>
    </html>
    
    
    

    四、web前端入门到高级(视频+源码+资料+面试)一整套 (教程)

    web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站HTML期末大作业~学生个人博客静态页面模板(HTML+CSS+JavaScript)_HTML期末大学生网页设计作业_06


    五、源码获取

    ❉ ~ 关注我,点赞博文~ 每天带你涨知识!

    ❉1.看到这里了就 [点赞+好评+收藏] 三连 支持下吧,你的「点赞,好评,收藏」是我创作的动力。

    ❉ 2.关注我 ~ 每天带你学习 :各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、期末大作业模板 、等! 「在这里有好多 前端 开发者,一起探讨 前端 Node 知识,互相学习」!

    ❉3.以上内容技术相关问题可以相互学习,可关注↓公Z号 获取更多源码 !

    HTML期末大作业~学生个人博客静态页面模板(HTML+CSS+JavaScript)_HTML网页设计期末课程大作业_07

    六、更多HTML期末大作业作品文章

    1.HTML期末学生结课大作业~html+css+javascript仿叮当电影在线网站(功能齐全)

    2.HTML期末学生作业~html+css+javascript仿猫眼电影在线网站(功能齐全)

    3.HTML期末学生大作业(9套)html+css+javascript仿京东、天猫、服装、各大电商模板(大学毕业设计)

    4.HTML期末大作业~海贼王中乔巴专题漫画学生网页设置作业源码(HTML+CSS+JavaScript)

    5.HTML期末大作业~基于HTML+CSS+JavaScript的旅游网站设计与实现

    6.HTML网页设计期末课程大作业~仿腾讯游戏官网设计与实现(HTML+CSS+JavaScript)

    7.HTML期末大作业~仿小米商城网页设计模板(HTML+CSS+JavaScript)

    8.HTML期末大作业~餐饮文化学生网页设计作业(HTML+CSS+JavaScript)

    9.HTML学生网页设计作业~餐饮美食汉堡企业网站6页面带轮播(HTML+CSS+JavaScript)

    10.大学web基础期末大作业~仿品优购页面制作(HTML+CSS+JavaScript)

    11.HTML网页设计制作大作业-制作漫画网页设计6个页面(HTML+CSS+JavaScript)

    12.web前端大一实训~制作卡布漫画网站设计与实现(HTML+CSS+JavaScript)

    13.web网页设计期末课程大作业~超高仿英雄联盟LOL游戏官网设计与实现(HTML+CSS+JavaScript)

    14.HTML期末大作业~酒店网站模板(HTML+CSS+JavaScript)

    15.HTML学生网页设计作业源码~开心旅游网站设计与实现(HTML期末大作业)

    16.HTML奥运网页5页面文化 ~ 体育学生网页设计作业

    17.HTML我的家乡杭州网页设计作业源码(div+css)

    18.HTML网页设计期末课程大作业~动漫樱桃小丸子5页表格div+css学生网页设计作业源码

    19.HTML学生网页设计作业成品~化妆品官方网站设计与实现(HTML+CSS+JS)共8个页面

    20.HTML大学生动漫网页设计作业源码 ~ 火影忍者动漫7页面带特效带轮播(HTML+CSS+JavaScript)

    21.一套完整仿拉勾网HTML静态网页模板(含38个独立HTML)

    22.HTML期末作业课程设计大作业~环境保护学生网页设计作业源码(HTML+CSS)

    23 Web大学生网页作业成品~美食餐饮网站设计与实现(HTML+CSS+JavaScript)

    24.HTML期末大作业~绿色农产品食品类网站设计与实现(HTML+CSS+JavaScript)

    25.HTML期末大作业~花店鲜花商城网站模板设计与实现(HTML+CSS+JavaScript)

    26.HTML期末大作业~大学生旅游官网设计作业成品(HTML+CSS+JavaScript)

    27.HTML期末大作业 ~ 马尔代夫旅游网页设计作业成品

    28.HTML期末大作业~我的家乡(洛阳城)旅游网页设计作业成品(HTML+CSS+JavaScript)

    29.HTML期末大作业 ~ 凤阳旅游网页设计作业成品(HTML+CSS+JavaScript)

    30.HTML期末大作业 ~ 凤阳智慧旅游官方旗舰店(我的家乡)(HTML+CSS+JavaScript)

    31.HTML期末大作业课程设计~仿阴阳师游戏官网首页html模板(HTML+CSS)

    32.HTML期末大作业课程设计动漫主题html5网页~奇恩动漫首页html模板(HTML+CSS)

    33.HTML期末大作业课程设计~动漫游戏官网10个页面(HTML+CSS+JavaScript)

    34.个人设计web前端大作业~响应式游戏网站源码(HTML+CSS+Bootstrap)

    35.HTML期末大作业~个人图片资源网页设计共5个页面(HTML+CSS+JavaScript)

    36.web课程设计网页规划与设计~在线阅读小说网页共6个页面(HTML+CSS+JavaScript+Bootstrap)

    37.HTML期末大作业~清新手工肥皂网站展示4个页面(HTML+CSS+JavaScript+Bootstrap)

    38.学生HTML个人网页作业作品~蛋糕甜品店铺共11个页面(HTML+CSS+JavaScript)

    39.HTML期末大作业~棋牌游戏静态网站(6个页面) HTML+CSS+JavaScript

    40.HTML期末大作业~速鲜站餐饮食品html网页(共6个页面)HTML+CSS+JavaScript

    41.HTML网页设计结课作业~仿小米商城网站纯HTML模板源码(8个页面)(HTML+CSS)

    42.HTML网页设计结课大作业~仿凡客服装商城主页纯HTML模板源码(HTML+CSS+JS)

    43.HTML网页设计结课作业~仿蘑菇街商城网站源码(HTML+CSS+JS)

    44.web课程设计网页规划与设计~时尚服装购物商城模板html源码(HTML+CSS+JS)

    45.web网页设计期末课程大作业~粉色的服装购物商城页面模板(HTML+CSS+JS)

    46.HTML期末大作业~节日礼品购物商城网站html模板 11个页面 (HTML+CSS+JavaScript)

    47.学生HTML个人网页作业作品~个人主页博客网页设计制作(6个页面)

    七、更多表白源码

    ❤100款 html+css+JavaScript 表白源码演示地址

    更多相关内容
  • 本源码共8 个页面,包括首页、个人简介、爱好、相册、留言等页面,包含知识 html,css、js 本作业界面整洁,层次结构分明,带分页、背景音乐、swf视频、滚动、js控制更多隐藏
  • html期末大作业 html期末大作业
  • html期末大作业

    2013-12-18 09:56:36
    html期末大作业,可以供选修了html网页的课的同学应付老师……
  • 这是我自己做的HTML期末大作业html+css+div二十个页面以上,花了很多时间,不用修改就可以作为自己的作业,也可以作为学习参考html静态网页,里面包含两个html+css+div的代码原件
  • HTML期末大作业

    热门讨论 2012-11-24 20:47:17
    这是我自己做的HTML期末大作业,花了很多时间,稍加修改就可以作为自己的作业了,而且也可以作为学习参考
  • 大学生网页设计期末大作业,含期末报告(讲述每个网页的作用及实现过程),实现了登陆注册,文件上传下载功能,留言板、图片轮播功能,代码简单,网页时尚,个人原创作品! 本网页是一个类似时尚芭莎的网页,含下拉...
  • web期末大作业HTML.rar

    2021-12-22 11:13:41
    web期末大作业,包含HTML+CSS代码,适合新手练习和学习
  • 都是给学生定制的都符合学校或者学生考试期末作业的水平,有的有js,有的视频+音乐+flash的等元素的插入。 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件(如:`Dreamweaver、HBuilder、Vscode 、...
  • 都是给学生定制的都符合学校或者学生考试期末作业的水平,有的有js,有的视频+音乐+flash的等元素的插入。 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件(如:`Dreamweaver、HBuilder、Vscode 、...
  • 9个网页布局,学校让做的网站作业,虽然是比较基础的网页静态页面,不过我也希望你能做的规范一些,我们专业制作学生网页作业,div css js 等通过dreamwear的工具实现规范化,比如文件夹...学生静态网页成品作业代做
  • html+css+js实现的一个购物网站,该系统是一个模仿京东 天猫等的购物网站,可以注册登录,能购买也能加入购物车还能在购物车里面买,可以保存每个账号所购物的信息。
  • html+css3期末设计模板网页设计期末大作业
  • 期末大作业+html+css

    2022-05-25 01:55:58
    9个网页布局,学校让做的网站作业,虽然是比较基础的网页静态页面,不过我也希望你能做的规范一些,我们专业制作学生网页作业,div css js 等通过dreamwear的工具实现规范化,比如文件夹...学生静态网页成品作业代做
  • Html5期末大作业内含 提交表单、主页、视频播放,应付作业没问题
  • HTML期末大作业~HTML+CSS+JavaScript旅游网站设计与实现->绿色古典的旅游度假景区(6个页面) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?...
    HTML期末大作业~HTML+CSS+JavaScript旅游网站设计与实现->绿色古典的旅游度假景区(6个页面)

    临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系列问题。你想要解决的问题,在这篇博文中基本都能满足你的需求~

    原始HTML+CSS+JS页面设计, web大学生网页设计作业源码,这是一个不错的网页制作,画面精明,非常适合初学者学习使用。

    作品介绍

    1.网页作品简介方面 :绿色古典的旅游度假景区,旅行社服务公司,旅游景区规划项目管理公司网站html模板下载。包含:景区概况、文苑之旅、舒雅住宅、新闻动态、联系我们等6个页面

    2.网页作品编辑方面:此作品为学生个人主页网页设计题材,代码为简单学生水平 html+css 布局制作,作品下载后可使用任意HTML编辑软件(例如:DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm 所有编辑器均可使用)

    3.网页作品布局方面:网页布局整体为LOGO、导航、主体内容布局。子页面多种布局,兴趣爱好内容使用图片列表布局,成绩页面插入了表格,联系我们使用图片对齐方式设置了左对齐。

    4.网页作品技术方面:使用CSS制作了网页背景图、鼠标经过及选中导航变色效果、下划线等。 首页制作了留言表单,同时简单使用JavaScript制作了表单判断(提交时表单不能为空)

    一、作品演示

    1.首页

    HTML期末大作业~基于HTML+CSS+JavaScript旅游网站设计与实现(6个页面)_大一实训网页制作大作业

    2.景区概况

    HTML期末大作业~基于HTML+CSS+JavaScript旅游网站设计与实现(6个页面)_绿色古典的旅游度假景区HTML_02

    3.文苑之旅

    HTML期末大作业~基于HTML+CSS+JavaScript旅游网站设计与实现(6个页面)_web课程设计网页规划与设计_03

    4.联系我们

    HTML期末大作业~基于HTML+CSS+JavaScript旅游网站设计与实现(6个页面)_个人设计web前端大作业_04

    5. 新闻动态

    HTML期末大作业~基于HTML+CSS+JavaScript旅游网站设计与实现(6个页面)_绿色古典的旅游度假景区HTML_05

    二、代码目录

    HTML期末大作业~基于HTML+CSS+JavaScript旅游网站设计与实现(6个页面)_个人设计web前端大作业_06

    三、代码实现
    <!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" />
    <meta name="renderer" content="webkit"/>
    <meta name="force-rendering" content="webkit"/>
    <title></title>
    <link type="text/css" rel="stylesheet" href="css/style.css" />
    <link type="text/css" rel="stylesheet" href="css/animate.css" />
    <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="js/banner.js"></script>
    <script type="text/javascript">
    $(document).ready(function () {
      $("ul.nav li").hover(function () {
    		$(this).find(".navtwo").toggle();
    	})	
    })
    </script>
    </head>
    
    <body>
    <div class="header">
      <ul class="nav">
        <li>
          <a href="index.html">首页</a>
        </li>
        <li>
          <a href="about.html">景区概况</a>
        </li>
        <li>
          <a href="piclist.html">文苑之旅</a>
          <div class="navtwo">
            <a href="piclist.html">文苑之旅</a>
            <a href="piclist.html">文苑之旅</a>
            <a href="piclist.html">文苑之旅</a>
          </div>
        </li>
        <li>
          <a href="piclist.html">舒雅住宅</a>
        </li>
        <li>
          <a href="list.html">新闻动态</a>
          <div class="navtwo">
            <a href="list.html">公司新闻</a>
            <a href="list.html">行业新闻</a>
          </div>
        </li>
        <li>
          <a href="about.html">联系我们</a>
        </li>
      </ul>
    </div>
    <div class="clear"></div>
    <div class="banner">
      <div class="b-img">
          <img src="images/banner1.jpg" width="100%"/>
          <img src="images/banner1.jpg" width="100%" />
      </div>
      <div class="clear"></div>
      <div class="b-list"> </div>
    </div>
    <div class="clear"></div>
    <div class="part1">
      <div class="main">
        <div class="contitbox">
          <p><a href="about.html" class="ccsl">景区概况</a></p>
          <span class="ccsl">SCENIC OVERVIEW</span>
        </div>
        <div class="conbox">
          石家庄飞天益游天下旅行社有限公司是首批专注于精品民宿的新型创业连锁平台。<br>公司成立于2017年2月,注册资金1000万元。益游使命在于构筑"万众创新、大众创业"的新型平台,建立一个为历史和未来负责的、"留得住浓浓的乡愁"的城镇化村落服务体系,<br>为中国城镇化进程中的美丽乡村建设贡献一份力量。
        </div>
        <div class="morebox">
          <span class="img"></span>
        </div>
      </div>
    </div>
    <div class="clear"></div>
    <div class="part2">
      <div class="contitbox">
        <p><a href="piclist.html" class="ccsl">文苑之旅</a></p>
        <span class="ccsl">COURT TRAVEL</span>
      </div>
      <ul>
        <li>
          <div class="kug"></div>
          <div class="proimg">
            <a href="picdetail.html"><img src="images/1.png" /></a>
          </div>
          <a href="picdetail.html"><p class="ccsl">万竹林海(一)</p></a>
        </li>
        <li>
          <div class="kug"></div>
          <div class="proimg">
            <a href="picdetail.html"><img src="images/1.png" /></a>
          </div>
          <a href="picdetail.html"><p class="ccsl">万竹林海(一)</p></a>
        </li>
        <li>
          <div class="kug"></div>
          <div class="proimg">
            <a href="picdetail.html"><img src="images/1.png" /></a>
          </div>
          <a href="picdetail.html"><p class="ccsl">万竹林海(一)</p></a>
        </li>
      </ul>
    </div>
    <div class="clear"></div>
    <div class="part3">
      <div class="contitbox">
        <p><a href="piclist.html" class="ccsl">舒雅住宅</a></p>
        <span class="ccsl">COURT TRAVEL</span>
      </div>
      <div class="p3con">
        <div class="p3conL">
          <div class="subBox0">
            <ul style="margin-left: 0px; overflow: hidden">
              <li><a href="picdetail.html"><img src="images/2.png" /></a></li>
              <li><a href="picdetail.html"><img src="images/2.png" /></a></li>
              <li><a href="picdetail.html"><img src="images/2.png" /></a></li>
            </ul>
          </div>
        </div>
        <div class="p3conR">
          <img src="images/3.png" />
          <div class="tit ccsl">客 | 房 | 介 | 绍</div>
          <div class="sub">桃花林苑中有各式客房100套,房型分为中式、现代两个类型,以满足客人的不同需求…</div>
          <div class="updowm">
            <p class="up">上一个</p>
            <p class="down">下一个</p>
          </div>
        </div>
      </div>
      <script type="text/javascript">
        $(function () {
            var left = $(".up");
            var right = $(".down");
            var obj = $(".subBox0 ul");
            var w = obj.find("li").innerWidth();
    
            left.click(function () {
                obj.find("li:last").prependTo(obj);
                obj.css("margin-left", -w);
                obj.animate({ "margin-left": 0 });
            });
    
            right.click(function () {
                obj.animate({ "margin-left": -w }, function () {
                    obj.find("li:first").appendTo(obj);
                    obj.css("margin-left", "0");
                });
            });
            var moving = setInterval(function () { right.click() }, 3000);
            obj.hover(function () {
                clearInterval(moving);
            }, function () {
                moving = setInterval(function () { right.click() }, 3000);
            })
        });
       </script>
       <div class="morebox">
        <span class="img"></span>
       </div>
    </div>
    <div class="clear"></div>
    <div class="part4">
      <div class="main">
        <div class="contitbox">
          <p><a href="list.html" class="ccsl">新闻动态</a></p>
          <span class="ccsl">NEWS</span>
        </div>
        <ul>
          <li>
            <div class="newl">
              <a href="detail.html" class="ccsl">暑假去哪玩?桃花苑天地避暑甚好!</a>
              <div class="sub">暑期近在眼前,还在犹豫带孩子去哪儿玩吗?炎热的夏天,一颗躁动的心,背上收拾好的背包,走遍大好河山感受大千世界,还不如隐居室外桃源桃花苑天地精品。少一些城市的喧嚣,回归大自然的清新脱俗,来一场说走就走的夏日之旅吧。</div>
            </div>
            <div class="newr">
              <span>07.21</span>
              <time>2016</time>
            </div>
            <div class="clear"></div>
          </li>
          <li>
            <div class="newl">
              <a href="detail.html" class="ccsl">暑假去哪玩?桃花苑天地避暑甚好!</a>
              <div class="sub">暑期近在眼前,还在犹豫带孩子去哪儿玩吗?炎热的夏天,一颗躁动的心,背上收拾好的背包,走遍大好河山感受大千世界,还不如隐居室外桃源桃花苑天地精品。少一些城市的喧嚣,回归大自然的清新脱俗,来一场说走就走的夏日之旅吧。</div>
            </div>
            <div class="newr">
              <span>07.21</span>
              <time>2016</time>
            </div>
            <div class="clear"></div>
          </li>
          <li>
            <div class="newl">
              <a href="detail.html" class="ccsl">暑假去哪玩?桃花苑天地避暑甚好!</a>
              <div class="sub">暑期近在眼前,还在犹豫带孩子去哪儿玩吗?炎热的夏天,一颗躁动的心,背上收拾好的背包,走遍大好河山感受大千世界,还不如隐居室外桃源桃花苑天地精品。少一些城市的喧嚣,回归大自然的清新脱俗,来一场说走就走的夏日之旅吧。</div>
            </div>
            <div class="newr">
              <span>07.21</span>
              <time>2016</time>
            </div>
            <div class="clear"></div>
          </li>
          <li>
            <div class="newl">
              <a href="detail.html" class="ccsl">暑假去哪玩?桃花苑天地避暑甚好!</a>
              <div class="sub">暑期近在眼前,还在犹豫带孩子去哪儿玩吗?炎热的夏天,一颗躁动的心,背上收拾好的背包,走遍大好河山感受大千世界,还不如隐居室外桃源桃花苑天地精品。少一些城市的喧嚣,回归大自然的清新脱俗,来一场说走就走的夏日之旅吧。</div>
            </div>
            <div class="newr">
              <span>07.21</span>
              <time>2016</time>
            </div>
            <div class="clear"></div>
          </li>
        </ul>
        <div class="more2">
          <a href="list.html">MORE</a>
        </div>
      </div>
    </div>
    <div class="clear"></div>
    <div class="footer">
      <div class="main">
        <div class="foot">
          <div class="fnav">
            <a href="index.html">首页</a>
            <a href="about.html">景区概况</a>
            <a href="piclist.html">文苑之旅</a>
            <a href="piclist.html">舒雅住宅</a>
            <a href="list.html">新闻动态</a>
            <a href="about.html">联系我们</a>
          </div>
          <div class="clear"></div>
          <div class="fot">
            <div>电话:0311-12345678<br />邮箱:123.sjz@456.com<br />手机:123 4560 7890<br />地址:河北省石家庄市裕华区西湾子镇旅游商贸新区胜利大街香雪A区11号 </div>
          </div>
        </div>
      </div>
    </div>
    </body>
    </html>
    
    
    
    

    四、web前端入门到高级(视频+源码+资料+面试)一整套 (教程)

    web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站HTML期末大作业~基于HTML+CSS+JavaScript旅游网站设计与实现(6个页面)_绿色古典的旅游度假景区HTML_07


    五、源码获取

    ❉ ~ 关注我,点赞博文~ 每天带你涨知识!

    ❉1.看到这里了就 [点赞+好评+收藏] 三连 支持下吧,你的「点赞,好评,收藏」是我创作的动力。

    ❉ 2.关注我 ~ 每天带你学习 :各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、期末大作业模板 、等! 「在这里有好多 前端 开发者,一起探讨 前端 Node 知识,互相学习」!

    ❉3.以上内容技术相关问题可以相互学习,可关注↓公Z号 获取更多源码 !

    HTML期末大作业~基于HTML+CSS+JavaScript旅游网站设计与实现(6个页面)_旅游网页设计实现HTML源码_08

    六、更多HTML期末大作业作品文章

    1.HTML期末学生结课大作业~html+css+javascript仿叮当电影在线网站(功能齐全)

    2.HTML期末学生作业~html+css+javascript仿猫眼电影在线网站(功能齐全)

    3.HTML期末学生大作业(9套)html+css+javascript仿京东、天猫、服装、各大电商模板(大学毕业设计)

    4.HTML期末大作业~海贼王中乔巴专题漫画学生网页设置作业源码(HTML+CSS+JavaScript)

    5.HTML期末大作业~基于HTML+CSS+JavaScript的旅游网站设计与实现

    6.HTML网页设计期末课程大作业~仿腾讯游戏官网设计与实现(HTML+CSS+JavaScript)

    7.HTML期末大作业~仿小米商城网页设计模板(HTML+CSS+JavaScript)

    8.HTML期末大作业~餐饮文化学生网页设计作业(HTML+CSS+JavaScript)

    9.HTML学生网页设计作业~餐饮美食汉堡企业网站6页面带轮播(HTML+CSS+JavaScript)

    10.大学web基础期末大作业~仿品优购页面制作(HTML+CSS+JavaScript)

    11.HTML网页设计制作大作业-制作漫画网页设计6个页面(HTML+CSS+JavaScript)

    12.web前端大一实训~制作卡布漫画网站设计与实现(HTML+CSS+JavaScript)

    13.web网页设计期末课程大作业~超高仿英雄联盟LOL游戏官网设计与实现(HTML+CSS+JavaScript)

    14.HTML期末大作业~酒店网站模板(HTML+CSS+JavaScript)

    15.HTML学生网页设计作业源码~开心旅游网站设计与实现(HTML期末大作业)

    16.HTML奥运网页5页面文化 ~ 体育学生网页设计作业

    17.HTML我的家乡杭州网页设计作业源码(div+css)

    18.HTML网页设计期末课程大作业~动漫樱桃小丸子5页表格div+css学生网页设计作业源码

    19.HTML学生网页设计作业成品~化妆品官方网站设计与实现(HTML+CSS+JS)共8个页面

    20.HTML大学生动漫网页设计作业源码 ~ 火影忍者动漫7页面带特效带轮播(HTML+CSS+JavaScript)

    21.一套完整仿拉勾网HTML静态网页模板(含38个独立HTML)

    22.HTML期末作业课程设计大作业~环境保护学生网页设计作业源码(HTML+CSS)

    23 Web大学生网页作业成品~美食餐饮网站设计与实现(HTML+CSS+JavaScript)

    24.HTML期末大作业~绿色农产品食品类网站设计与实现(HTML+CSS+JavaScript)

    25.HTML期末大作业~花店鲜花商城网站模板设计与实现(HTML+CSS+JavaScript)

    26.HTML期末大作业~大学生旅游官网设计作业成品(HTML+CSS+JavaScript)

    27.HTML期末大作业 ~ 马尔代夫旅游网页设计作业成品

    28.HTML期末大作业~我的家乡(洛阳城)旅游网页设计作业成品(HTML+CSS+JavaScript)

    29.HTML期末大作业 ~ 凤阳旅游网页设计作业成品(HTML+CSS+JavaScript)

    30.HTML期末大作业 ~ 凤阳智慧旅游官方旗舰店(我的家乡)(HTML+CSS+JavaScript)

    31.HTML期末大作业课程设计~仿阴阳师游戏官网首页html模板(HTML+CSS)

    32.HTML期末大作业课程设计动漫主题html5网页~奇恩动漫首页html模板(HTML+CSS)

    33.HTML期末大作业课程设计~动漫游戏官网10个页面(HTML+CSS+JavaScript)

    34.个人设计web前端大作业~响应式游戏网站源码(HTML+CSS+Bootstrap)

    35.HTML期末大作业~个人图片资源网页设计共5个页面(HTML+CSS+JavaScript)

    36.web课程设计网页规划与设计~在线阅读小说网页共6个页面(HTML+CSS+JavaScript+Bootstrap)

    37.HTML期末大作业~清新手工肥皂网站展示4个页面(HTML+CSS+JavaScript+Bootstrap)

    38.学生HTML个人网页作业作品~蛋糕甜品店铺共11个页面(HTML+CSS+JavaScript)

    39.HTML期末大作业~棋牌游戏静态网站(6个页面) HTML+CSS+JavaScript

    40.HTML期末大作业~速鲜站餐饮食品html网页(共6个页面)HTML+CSS+JavaScript

    41.HTML网页设计结课作业~仿小米商城网站纯HTML模板源码(8个页面)(HTML+CSS)

    42.HTML网页设计结课大作业~仿凡客服装商城主页纯HTML模板源码(HTML+CSS+JS)

    43.HTML网页设计结课作业~仿蘑菇街商城网站源码(HTML+CSS+JS)

    44.web课程设计网页规划与设计~时尚服装购物商城模板html源码(HTML+CSS+JS)

    45.web网页设计期末课程大作业~粉色的服装购物商城页面模板(HTML+CSS+JS)

    46.HTML期末大作业~节日礼品购物商城网站html模板 11个页面 (HTML+CSS+JavaScript)

    47.学生HTML个人网页作业作品~个人主页博客网页设计制作(6个页面)

    48.HTML期末大作业~学生个人博客静态页面模板6个页面(HTML+CSS+JavaScript)

    49.HTML期末大作业~web前端开发个人博客HTML整站模板

    50.期末学生HTML个人网页作业作品蓝色的异清轩响应式个人博客模板源码(6个页面)bootstrap响应式博客网站模板html

    51.HTML期末大作业~简单的程序员个人博客网站模板源码(7个页面)(HTML+CSS)

    52.HTML期末大作业~简洁的个人博客网站前台页面HTML模板7个页面(html+css+js)

    53.HTML+CSS大学生个人网站作业模板~黑色的html5个人博客网站模板整站下载(5个页面)

    54.用HTML+CSS做一个漂亮简单的个人网页~个人相册介绍个人主页模板(6个页面) 学生HTML个人网页作业作品

    55.HTML期末大作业~ 仿新浪微博个人主页html网站模板4个页面(HTML+CSS+JavaScript)

    56.HTML网页设计制作大作业(div+css)~ 环境保护(5个页面)

    57.HTML网页设计制作大作业 - 绿色环境保护HTML5网站模板(4个页面)

    58.web前端期末大作业 html+css+javascript 全球私人定制旅游网页设计实例(6个页面)

    59.web前端期末大作业 html+css+javascript大学生体育运动网页设计模板代码 校园篮球网页作业成品

    60.HTML静态网页作业-餐饮美食网页8个页面(HTML+CSS+JavaScript)

    61.HTML静态网页作业-网上花店4个页面(HTML+CSS+JS)

    62.个人设计web前端大作业~ 酒店网页设计(瑞豪国际酒店)(HTML5+CSS3+Bootstrap)

    63.大一实训网页制作大作业 ~ 农业产品网页2个页面(div+css)

    七、更多表白源码

    ❤100款 html+css+JavaScript 表白源码演示地址

    展开全文
  • html期末大作业.zip

    2022-06-10 10:29:27
    html期末大作业.zip
  • HTML期末大作业 ~ 大学生旅游官网网页设计作业成品 ~ HTML+CSS+JS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计~ 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML...
    HTML期末大作业 ~ 大学生旅游官网网页设计作业成品 ~ HTML+CSS+JS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计~

    临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系列问题。你想要解决的问题,在这篇博文中基本都能满足你的需求~

    原始HTML+CSS+JS页面设计, web大学生网页设计作业源码,~这是一个不错的网页制作,画面精明,非常适合初学者学习使用。

    作品介绍

    大气全屏的旅游景点官网网站,景区旅游介绍攻略,景区门票在线销售网站织梦。关于HTML网页设计期末课程大作业实现~ 主要有:世外桃源、山水园、桃源文化、教育基金、奖学金、网上商城、综合内容、服务中心等模块页面。

    此作品为学生个人主页网页设计题材,代码为简单学生水平 html+css 布局制作,作品下载后可使用任意HTML编辑软件(例如:DW、HBuilder、NotePAD, Vscode 所有编辑器均可使用)

    网页作品布局方面:网页布局整体为LOGO、导航、主体内容布局。子页面多种布局,兴趣爱好内容使用图片列表布局,成绩页面插入了表格,联系我们使用图片对齐方式设置了左对齐。

    网页作品技术方面:使用CSS制作了网页背景图、鼠标经过及选中导航变色效果、下划线等。 首页制作了留言表单,同时简单使用JavaScript制作了表单判断(提交时表单不能为空)

    一、作品演示

    HTML期末大作业~大学生旅游官网设计作业成品(HTML+CSS+JavaScript)_旅游网页设计HTML

    1.世外桃源

    HTML期末大作业~大学生旅游官网设计作业成品(HTML+CSS+JavaScript)_HTML期末大作业_02

    2.桃源文化

    HTML期末大作业~大学生旅游官网设计作业成品(HTML+CSS+JavaScript)_HTML网页设计结课作业_03

    3.综合内容

    HTML期末大作业~大学生旅游官网设计作业成品(HTML+CSS+JavaScript)_HTML网页设计结课作业_04

    4.教育基金

    HTML期末大作业~大学生旅游官网设计作业成品(HTML+CSS+JavaScript)_HTML网页设计结课作业_05

    5. 、网上商城

    HTML期末大作业~大学生旅游官网设计作业成品(HTML+CSS+JavaScript)_HTML网页设计结课作业_06

    二、代码目录

    HTML期末大作业~大学生旅游官网设计作业成品(HTML+CSS+JavaScript)_大学生旅游官网设计作业html_07

    三、代码实现
    <!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta
          name="viewport"
          content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"
        />
        <meta name="renderer" content="webkit" />
        <meta http-equiv="Cache-Control" content="no-siteapp" />
        <title>我的网站</title>
        <meta name="description" content="" />
        <meta name="keywords" content="" />
        <meta name="author" content="order by " />
        <link rel="stylesheet" href="/skin/css/base.css" />
        <link rel="stylesheet" href="/skin/css/index.css" />
        <!--[if lt IE 9]><script src="/skin/js/respond.min.js"></script><![endif]-->
        <meta http-equiv="mobile-agent" content="format=xhtml;url=/m/index.php" />
    
      </head>
    
      <body>
        <div class="m-header">
          <a class="m-logo" href="/"
            ><img src="/skin/images/logo.png" alt="我的网站"
          /></a>
          <div class="m-nav">
            <a class="index active" href="/">首页</a>
            <dl>
              <dt><a href="/a/shiwaitaoyuan/">世外桃源</a></dt>
              <dd>
                <a href="/a/shiwaitaoyuan/jingqujianjie/">景区简介</a
                ><a href="/a/shiwaitaoyuan/jingqudaolan/">景区导览</a
                ><a href="/a/shiwaitaoyuan/jingqufengguang/">景区风光</a
                ><a href="/a/shiwaitaoyuan/minzufengqing/">民族风情</a
                ><a href="/a/shiwaitaoyuan/yuanmingshanzhuang/">渊明山庄</a>
                <a href="/a/shiwaitaoyuan/taoyuangecanting/">桃源阁餐厅</a
                ><a href="/a/shiwaitaoyuan/mingrenyoulan/">名人游览</a>
              </dd>
            </dl>
            <dl>
              <dt><a href="/a/shanshuiyuan/">山水园</a></dt>
              <dd>
                <a href="/a/shanshuiyuan/jingqujianjie/">景区简介</a
                ><a href="/a/shanshuiyuan/yifangjuzi/">一方巨字</a
                ><a href="/a/yigemeinv/">一个美女</a
                ><a href="/a/shanshuiyuan/yishanqishi/">一山奇石</a
                ><a href="/a/yitiaogudao/">一条古道</a
                ><a href="/a/shanshuiyuan/yizuotingzi/">一座亭子</a>
                <a href="/a/shanshuiyuan/mingrenyoulan/">名人游览</a
                ><a href="/a/shanshuiyuan/jianzhendashi/">鉴真大师</a>
              </dd>
            </dl>
            <dl>
              <dt><a href="/a/taoyuanwenhua/">桃源文化</a></dt>
              <dd>
                <a href="/a/taoyuanwenhua/qiyelinian/">企业理念</a
                ><a href="/a/taoyuanwenhua/rongyaojianzheng/">荣耀见证</a
                ><a href="/a/taoyuanwenhua/pinpaigushi/">品牌故事</a
                ><a href="/a/taoyuanwenhua/tiandirenshen/">天地人神</a
                ><a href="/a/taoyuanwenhua/baiyuewenhua/">百越文化</a>
              </dd>
            </dl>
            <dl>
              <dt><a href="/a/jiaoyujijin/">教育基金</a></dt>
              <dd>
                <a href="/a/jiaoyujijin/jiangxuejin/">奖学金</a
                ><a href="/a/jiaoyujijin/lianyihui/">联谊会</a
                ><a href="/a/jiaoyujijin/jinanjiuzhu/">极难救助</a
                ><a href="/a/jiaoyujijin/lushenghuodong/">陆生活动</a
                ><a href="/a/jiaoyujijin/xiangguanbaodao/">相关报道</a>
              </dd>
            </dl>
            <dl>
              <dt><a href="/a/wangshangshangcheng/">网上商城</a></dt>
              <dd>
                <a href="/a/wangshangshangcheng/shuiguosu/">水果酥</a
                ><a href="/a/wangshangshangcheng/tutechan/">土特产</a
                ><a href="/a/wangshangshangcheng/gongyipin/">工艺品</a>
              </dd>
            </dl>
            <dl>
              <dt><a href="/a/zonghenarong/">综合内容</a></dt>
              <dd>
                <a href="/a/zuixinzixun/">最新资讯</a
                ><a href="/a/jingcaishipin/">精彩视频</a>
              </dd>
            </dl>
            <dl>
              <dt><a href="/a/fuwuzhongxin/">服务中心</a></dt>
              <dd>
                <a href="/a/zaixianliuyan/">在线留言</a
                ><a href="/a/kuaisuwenda/">快速问答</a
                ><a href="/a/zhaoxiannashi/">招贤纳士</a>
              </dd>
            </dl>
          </div>
        </div>
        <ul class="m-tool">
          <li class="map">
            <a href="/a/shiwaitaoyuan/jingqudaolan/"></a>
            <div>景区导览</div>
          </li>
          <li class="wei">
            <div>
              <img src="/skin/images/code.jpg" width="80" /><br />
              官方微信
            </div>
          </li>
          <li class="qq">
            <div>
              <p>在线咨询</p>
              <a
                target="_blank"
                href="http://wpa.qq.com/msgrd?v=3&uin=323495596&site=qq&menu=yes"
                ><img
                  border="0"
                  src="/skin/images/e4ba677b1f9d44a5bb46e4ddc0eb164a.gif"
                  alt="点击这里给我发消息"
                  title="点击这里给我发消息" /></a
              ><a
                target="_blank"
                href="http://wpa.qq.com/msgrd?v=3&uin=323495596&site=qq&menu=yes"
                ><img
                  border="0"
                  src="/skin/images/4962b7b40fb643c380c8b523fd980610.gif"
                  alt="点击这里给我发消息"
                  title="点击这里给我发消息"
              /></a>
            </div>
          </li>
        </ul>
    
        <div class="m-sliderpage" id="slider">
          <div class="page taoyuan" style="display: block">
            <div class="text-con">
              <i class="ty-a"></i><i class="ty-b"></i><i class="ty-c"></i
              ><i class="ty-d"></i><i class="ty-e"></i><i class="ty-bg"></i>
            </div>
            <i class="yun-a"></i><i class="yun-b"></i><i class="hua-a"></i
            ><i class="hua-b"></i><i class="hua-c"></i><i class="hua-d"></i
            ><i class="hua-e"></i><i class="hua-f"></i><i class="hua-g"></i
            ><i class="hua-h"></i
            ><img id="taoyuan" src="/skin/images/banner1.jpg" alt="" />
          </div>
          <div class="page shanshui">
            <div class="text-con">
              <i class="ss-a"></i><i class="ss-b"></i>
              <div class="link">
                <a
                  class="ss-c"
                  href="/a/shanshuiyuan/yifangjuzi/"
                  title="一方巨字"
                ></a>
                <a class="ss-d" href="/a/yigemeinv/" title="一个美女"></a>
                <a
                  class="ss-e"
                  href="/a/shanshuiyuan/jianzhendashi/"
                  title="鉴真大师"
                ></a>
                <a
                  class="ss-f"
                  href="/a/shanshuiyuan/yizuotingzi/"
                  title="一座亭子"
                ></a>
                <a class="ss-g" href="/a/yitiaogudao/" title="一条古道"></a>
                <a
                  class="ss-h"
                  href="/a/shanshuiyuan/yishanqishi/"
                  title="一山奇石"
                ></a>
              </div>
            </div>
            <img src="/skin/images/banner2.jpg" alt="" />
          </div>
          <div class="page wenhua">
            <div class="text-con">
              <i></i>
              <div class="link">
                <a class="wh-a" href="/a/taoyuanwenhua/qiyelinian/" title="企业理念"
                  ><em></em
                ></a>
                <a
                  class="wh-b"
                  href="/a/taoyuanwenhua/rongyaojianzheng/"
                  title="荣耀见证"
                  ><em></em
                ></a>
                <a
                  class="wh-c"
                  href="/a/taoyuanwenhua/pinpaigushi/"
                  title="品牌故事"
                  ><em></em
                ></a>
                <a
                  class="wh-d"
                  href="/a/taoyuanwenhua/tiandirenshen/"
                  title="天地人神"
                  ><em></em
                ></a>
                <a
                  class="wh-e"
                  href="/a/taoyuanwenhua/baiyuewenhua/"
                  title="百越文化"
                  ><em></em
                ></a>
              </div>
              <div class="mask"></div>
            </div>
            <img src="/skin/images/banner3.jpg" alt="" />
          </div>
          <div class="page gongyi">
            <div class="text-con">
              <div><i class="gy-a"></i><i class="gy-b"></i></div>
              <div class="link">
                <a class="gy-0" href="/a/jiaoyujijin/jiangxuejin/" title="奖学金">
                  <p>奖学金</p>
                </a>
                <a class="gy-1" href="/a/jiaoyujijin/lianyihui/" title="联谊会">
                  <p>联谊会</p>
                </a>
                <a class="gy-2" href="/a/jiaoyujijin/jinanjiuzhu/" title="极难救助">
                  <p>极难救助</p>
                </a>
                <a
                  class="gy-3"
                  href="/a/jiaoyujijin/lushenghuodong/"
                  title="陆生活动"
                >
                  <p>陆生活动</p>
                </a>
              </div>
              <div class="news">
                <span>最新报道</span>
                <ul>
                  <li>
                    <a
                      href="/a/jiaoyujijin/xiangguanbaodao/3.html"
                      title="中原成立台商经营讲座 推展两岸文创合作"
                      >中原成立台商经营讲座 推展两岸文创合作</a
                    ><em>2015-10-16</em>
                  </li>
                  <li>
                    <a
                      href="/a/jiaoyujijin/xiangguanbaodao/2.html"
                      title="台商江文豪:台湾政局动荡 企业界会害"
                      >台商江文豪:台湾政局动荡 企业界会害</a
                    ><em>2015-10-16</em>
                  </li>
                  <li>
                    <a
                      href="/a/jiaoyujijin/xiangguanbaodao/1.html"
                      title="地方扫描-推广两岸文创 江文豪慨捐50万"
                      >地方扫描-推广两岸文创 江文豪慨捐50万</a
                    ><em>2015-10-16</em>
                  </li>
                </ul>
                <div class="mask"></div>
              </div>
            </div>
            <img src="/skin/images/banner4.jpg" alt="" />
          </div>
        </div>
        <ul class="m-sliderpage-nav">
          <li class="active"></li>
          <li></li>
          <li></li>
          <li></li>
        </ul>
        <div class="m-arrow"></div>
        <div class="m-content">
          <div>
            <dl>
              <dt>
                <a href="/a/zuixinzixun/"> 最新资讯<i>NEWS</i></a>
              </dt>
              <dd class="news">
                <ul>
                  <li>
                    <a
                      href="/a/zuixinzixun/20151016/9.html"
                      title="桂林黄金周期间自由行散客占九成"
                      >桂林黄金周期间自由行散客占九成</a
                    ><i>2015-10-16</i>
                  </li>
                  <li>
                    <a
                      href="/a/zuixinzixun/20151016/8.html"
                      title="国庆黄金周 阳朔接待游客近80万人次"
                      >国庆黄金周 阳朔接待游客近80万人次</a
                    ><i>2015-10-16</i>
                  </li>
                  <li>
                    <a
                      href="/a/zuixinzixun/20151016/7.html"
                      title="桂花本周进入最佳花期 赏桂系列活动16日"
                      >桂花本周进入最佳花期 赏桂系列活动16日</a
                    ><i>2015-10-16</i>
                  </li>
                </ul>
              </dd>
            </dl>
          </div>
          <div>
            <dl>
              <dt>在线商店<i>SHOPING</i></dt>
              <dd class="order">
                <a
                  href="/a/wangshangshangcheng/gongyipin/28.html"
                  title="加入VIP"
                  target="_blank"
                  ><img src="/uploads/allimg/151017/1-15101G14I20-L.png" />
                  <div>
                    <h4>加入VIP</h4>
                    <p>优惠价:¥<b>0</b>元</p>
                  </div>
                </a>
                <a
                  href="/a/wangshangshangcheng/tutechan/27.html"
                  title="凤梨酥"
                  target="_blank"
                  ><img src="/uploads/allimg/151017/1-15101G146220-L.jpg" />
                  <div>
                    <h4>凤梨酥</h4>
                    <p>优惠价:¥<b>0</b>元</p>
                  </div>
                </a>
                <a
                  href="/a/wangshangshangcheng/shuiguosu/26.html"
                  title="蓝莓酥"
                  target="_blank"
                  ><img src="/uploads/allimg/151017/1-15101G145470-L.jpg" />
                  <div>
                    <h4>蓝莓酥</h4>
                    <p>优惠价:¥<b>0</b>元</p>
                  </div>
                </a>
              </dd>
            </dl>
          </div>
          <div>
            <dl>
              <dt>
                <a href="/a/shiwaitaoyuan/jingqufengguang/"
                  >景区风光 <i>observation</i></a
                >
              </dt>
              <dd class="activity">
                <a
                  href="/a/shiwaitaoyuan/jingqufengguang/19.html"
                  title="春光无限好"
                >
                  <label>1</label>
                  <div>
                    <h4>春光无限好</h4>
                    <p>
                      远离城市的繁华与喧嚣,来到陶渊明笔下世外桃源,体验小桥、流水、人家之意境,入桃源深处,品位最美桂林风光,如诗如
                    </p>
                  </div>
                </a>
                <a href="/a/shiwaitaoyuan/jingqufengguang/18.html" title="秋高气爽">
                  <label>2</label>
                  <div>
                    <h4>秋高气爽</h4>
                    <p>秋高气爽!</p>
                  </div>
                </a>
                <a href="/a/shiwaitaoyuan/jingqufengguang/17.html" title="秋高气爽">
                  <label>3</label>
                  <div>
                    <h4>秋高气爽</h4>
                    <p>秋高气爽!</p>
                  </div>
                </a>
              </dd>
            </dl>
          </div>
          <div>
            <dl>
              <dt>
                <a href="/a/jingcaishipin/"> 精彩视频<i>VIDEO</i></a>
              </dt>
              <dd class="video">
                <a
                  href="/a/jingcaishipin/20151017/20.html"
                  title="【桂台农业合作】阳朔世外桃源:农业旅"
                  >【桂台农业合作】阳朔世外桃源:农业旅</a
                >
                <a
                  href="/a/jingcaishipin/20151017/22.html"
                  title="2015亚洲超模大赛阳朔世外桃源景区拍写真"
                  >2015亚洲超模大赛阳朔世外桃源景区拍写真</a
                >
                <a
                  href="/a/jingcaishipin/20151017/23.html"
                  title="康美之恋——在世外桃源取景的唯美MV"
                  >康美之恋——在世外桃源取景的唯美MV</a
                >
              </dd>
            </dl>
          </div>
        </div>
        <div class="m-footer">
          <span class="copy">
            <a href="/a/kuaisuwenda/">快速问答</a> -
            <a href="/a/zaixianliuyan/">在线留言</a> -
            <a href="/a/zhaoxiannashi/">招贤纳士</a>
            &#12288;&#12288;Copyright &copy; 2002-2011 DEDECMS. 织梦科技 版权所有 
            技术支持&#12288;</span
          ><span class="design">
            <div id="weather"></div>
          </span>
          <!--<dl class="link">
        <dt><a>友情链接</a>:</dt>
        <dd><li><a href='http://www.jsdaima.com/' target='_blank'>IT资源下载</a> </li><li><a href='http://www.jsdaima.com/' target='_blank'>js代码</a> </li><li><a href='http://www.jsdaima.com/js/' target='_blank'>js特效</a> </li><li><a href='http://www.jsdaima.com/webpage/' target='_blank'>网站模板</a> </li><li><a href='http://www.jsdaima.com/yuanma/' target='_blank'>网站源码</a> </li><li><a href='http://www.jsdaima.com/video/' target='_blank'>视频教程</a> </li><li><a href='http://www.jsdaima.com/qita/' target='_blank'>资源共享</a> </li></dd>
      </dl>-->
        </div>
     
        <script src="/skin/js/jquery.min.js"></script>
        <script src="/skin/js/common.js"></script>
        <script src="/skin/js/velocity.min.js"></script>
        <script src="/skin/js/index.js"></script>
        <script src="/skin/js/weather.js"></script>
      </body>
    </html>
    
    

    四、前端 零基础入门到高级(视频+源码+开发软件+学习资料+面试题) 一整套 (教程)

    适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站HTML期末大作业~大学生旅游官网设计作业成品(HTML+CSS+JavaScript)_HTML期末大作业_08



    # 五、源码获取 ❉ ~ 关注我,点赞博文~ 每天带你涨知识!

    ❉1.看到这里了就 [点赞+好评+收藏] 三连 支持下吧,你的「点赞,好评,收藏」是我创作的动力。

    ❉ 2.关注我~ 每天带你学习 :各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业模板 、期末大作业模板 、等! 「在这里有好多 前端 开发者,一起探讨 前端 Node 知识,互相学习」!

    ❉3.以上内容技术相关问题可以相互学习,可关注↓公Z号 获取更多源码 !

    HTML期末大作业~大学生旅游官网设计作业成品(HTML+CSS+JavaScript)_HTML期末大作业_09

    六、更多HTML期末大作业文章

    1.HTML期末学生结课大作业~html+css+javascript仿叮当电影在线网站(功能齐全)

    2.HTML期末学生作业~html+css+javascript仿猫眼电影在线网站(功能齐全)

    3.HTML期末学生大作业(9套)html+css+javascript仿京东、天猫、服装、各大电商模板(大学毕业设计)

    4.HTML期末大作业~海贼王中乔巴专题漫画学生网页设置作业源码(HTML+CSS+JavaScript)

    5.HTML期末大作业~基于HTML+CSS+JavaScript的旅游网站设计与实现

    6.HTML网页设计期末课程大作业~仿腾讯游戏官网设计与实现(HTML+CSS+JavaScript)

    7.HTML期末大作业~仿小米商城网页设计模板(HTML+CSS+JavaScript)

    8.HTML期末大作业~餐饮文化学生网页设计作业(HTML+CSS+JavaScript)

    9.HTML学生网页设计作业~餐饮美食汉堡企业网站6页面带轮播(HTML+CSS+JavaScript)

    10.大学web基础期末大作业~仿品优购页面制作(HTML+CSS+JavaScript)

    11.HTML网页设计制作大作业-制作漫画网页设计6个页面(HTML+CSS+JavaScript)

    12.web前端大一实训~制作卡布漫画网站设计与实现(HTML+CSS+JavaScript)

    13.web网页设计期末课程大作业~超高仿英雄联盟LOL游戏官网设计与实现(HTML+CSS+JavaScript)

    14.HTML期末大作业~酒店网站模板(HTML+CSS+JavaScript)

    15.HTML学生网页设计作业源码~开心旅游网站设计与实现(HTML期末大作业)

    16.HTML奥运网页5页面文化 ~ 体育学生网页设计作业

    17.HTML我的家乡杭州网页设计作业源码(div+css)

    18.HTML网页设计期末课程大作业~动漫樱桃小丸子5页表格div+css学生网页设计作业源码

    19.HTML学生网页设计作业成品~化妆品官方网站设计与实现(HTML+CSS+JS)共8个页面

    20.HTML大学生动漫网页设计作业源码 ~ 火影忍者动漫7页面带特效带轮播(HTML+CSS+JavaScript)

    21.一套完整仿拉勾网HTML静态网页模板(含38个独立HTML)

    22.HTML期末作业课程设计大作业~环境保护学生网页设计作业源码(HTML+CSS)

    23 Web大学生网页作业成品~美食餐饮网站设计与实现(HTML+CSS+JavaScript)

    24.HTML期末大作业~绿色农产品食品类网站设计与实现(HTML+CSS+JavaScript)

    25.HTML期末大作业~花店鲜花商城网站模板设计与实现(HTML+CSS+JavaScript)

    七、更多表白源码

    ❤100款表白源码演示地址

    展开全文
  • 学生Web前端静态网页设计期末大作业(高分必看)学生Web前端静态网页设计期末大作业(高分必看)学生Web前端静态网页设计期末大作业(高分必看)使用的是原生的 html,css,js代码学生Web前端静态网页设计...
  • HTML期末作业~基于...HTML期末作业-旅游网页作业HTML+CSS+JavaScript实现,共有登录 首页 预定 套餐 服务 相册 评价 联系我们等页面 旅游网站的页面通常设计得很宽,而且搭配非常有吸引力的图片...
    HTML期末大作业~基于HTML+CSS+JavaScript的旅游网站设计与实现

    HTML期末作业-旅游网页作业HTML+CSS+JavaScript实现,共有登录 首页 预定 套餐 服务 相册 评价 联系我们等页面

    旅游网站的页面通常设计得很宽,而且搭配非常有吸引力的图片,目的是为了突出视觉吸引力。今天这篇文章向大家分享最佳旅游网站设计案例,一起欣赏这些精美的网站。

    作品演示

    1.登录

    HTML期末大作业~基于HTML+CSS+JavaScript的旅游网站设计与实现_javascript期末作业

    2.首页

    HTML期末大作业~基于HTML+CSS+JavaScript的旅游网站设计与实现_javascript期末作业_02

    3.预定

    HTML期末大作业~基于HTML+CSS+JavaScript的旅游网站设计与实现_HTML作业_03

    4.套餐

    HTML期末大作业~基于HTML+CSS+JavaScript的旅游网站设计与实现_HTML作业_04

    5.服务

    HTML期末大作业~基于HTML+CSS+JavaScript的旅游网站设计与实现_旅游网站设计HTML_05

    6.相册

    HTML期末大作业~基于HTML+CSS+JavaScript的旅游网站设计与实现_javascript期末作业_06

    7.评价/联系我们

    HTML期末大作业~基于HTML+CSS+JavaScript的旅游网站设计与实现_期末大作业HTML_07

    文件目录

    HTML期末大作业~基于HTML+CSS+JavaScript的旅游网站设计与实现_旅游网站设计HTML_08

    代码实现

    头部HTML

    <!-- 头部 -->
        <header>
            <div id="menu-bar" class="fas fa-bars"></div>
            <a href="#" class="logo"><span>J</span>acky</a>
            <nav class="navbar">
                <a href="#home">首页</a>
                <a href="#book">预定</a>
                <a href="#packages">套餐</a>
                <a href="#services">服务</a>
                <a href="#gallery">相册</a>
                <a href="#review">评价</a>
                <a href="#contact">联系我们</a>  
              
            </nav>
            <!-- 图标 -->
            <div class="icons">
                <i class="fas fa-search" id="search-btn"></i>
                <i class="fas fa-user" id="login-btn"></i>
            </div>
            <!-- 搜索框 -->
            <form action="" class="search-bar-container">
                <input type="search" id="search-bar" placeholder="search here...">
                <label for="search-bar" class="fas fa-search"></label>
            </form>
        </header>
    

    登录表单HTML

    <!-- 登录表单 -->
        <div class="login-form-container">
            <i class="fas fa-times" id="form-close"></i>
            <form action="">
                <h3>login</h3>
                <input type="email" class="box" placeholder="enter your email">
                <input type="password" class="box" placeholder="enter your password">
                <input type="submit" value="login now" class="btn">
                <input type="checkbox" id="remember">
                <label for="remember">remember me</label>
                <p>forget password? <a href="#">click here</a></p>
                <p>don't have and account? <a href="#">register now</a></p>
            </form>
        </div>
    

    首页视频banner区html

    <!-- 首页视频banner区 -->
        <section class="home" id="home">
    
            <div class="content">
                <h3>旅游是一种信仰</h3>
                <p>和我们一起去远方,寻找诗和梦想</p>
                <a href="#" class="btn">查看更多</a>
            </div>
        
            <div class="controls">
                <span class="vid-btn active" data-src="images/vid-1.mp4"></span>
                <span class="vid-btn" data-src="./images/vid-2.mp4"></span>
                <span class="vid-btn" data-src="images/vid-3.mp4"></span>
                <span class="vid-btn" data-src="images/vid-4.mp4"></span>
                <span class="vid-btn" data-src="images/vid-5.mp4"></span>
            </div>
        
            <div class="video-container">
                <video src="images/vid-1.mp4" id="video-slider" loop autoplay muted></video>
            </div>
        
        </section>
    

    预订部分HTML

    <!-- 预订部分 -->
        <section class="book" id="book">
    
            <h1 class="heading">
                <span>b</span>
                <span>o</span>
                <span>o</span>
                <span>k</span>
                <span class="space"></span>
                <span>n</span>
                <span>o</span>
                <span>w</span>
            </h1>
        
            <div class="row">
        
                <div class="image">
                    <img src="images/book-img.svg" alt="">
                </div>
        
                <form action="">
                    <div class="inputBox">
                        <h3>where to</h3>
                        <input type="text" placeholder="去哪里">
                    </div>
                    <div class="inputBox">
                        <h3>how many</h3>
                        <input type="number" placeholder="多少人用行">
                    </div>
                    <div class="inputBox">
                        <h3>多久到</h3>
                        <input type="date">
                    </div>
                    <div class="inputBox">
                        <h3>多久离开</h3>
                        <input type="date">
                    </div>
                    <input type="submit" class="btn" value="立即 预定">
                </form>
        
            </div>
        
        </section>
    

    相册部分HTML

    <!-- 相册部分 -->
    
    <section class="gallery" id="gallery">
    
        <h1 class="heading">
            <span>g</span>
            <span>a</span>
            <span>l</span>
            <span>l</span>
            <span>e</span>
            <span>r</span>
            <span>y</span>
        </h1>
    
        <div class="box-container">
    
            <div class="box">
                <img src="images/g-1.jpg" alt="">
                <div class="content">
                    <h3>美丽景色</h3>
                    <p>这是你梦中向往的地方</p>
                    <a href="#" class="btn">查看 更多</a>
                </div>
            </div>
            <div class="box">
                <img src="images/g-2.jpg" alt="">
                <div class="content">
                    <h3>美丽景色</h3>
                    <p>这是你梦中向往的地方</p>
                    <a href="#" class="btn">查看 更多</a>
                </div>
            </div>
            <div class="box">
                <img src="images/g-3.jpg" alt="">
                <div class="content">
                    <h3>美丽景色</h3>
                    <p>这是你梦中向往的地方</p>
                    <a href="#" class="btn">查看 更多</a>
                </div>
            </div>
            <div class="box">
                <img src="images/g-4.jpg" alt="">
                <div class="content">
                    <h3>美丽景色</h3>
                    <p>这是你梦中向往的地方</p>
                    <a href="#" class="btn">查看 更多</a>
                </div>
            </div>
            <div class="box">
                <img src="images/g-5.jpg" alt="">
                <div class="content">
                    <h3>美丽景色</h3>
                    <p>这是你梦中向往的地方</p>
                    <a href="#" class="btn">查看 更多</a>
                </div>
            </div>
            <div class="box">
                <img src="images/g-6.jpg" alt="">
                <div class="content">
                    <h3>美丽景色</h3>
                    <p>这是你梦中向往的地方</p>
                    <a href="#" class="btn">查看 更多</a>
                </div>
            </div>
            <div class="box">
                <img src="images/g-7.jpg" alt="">
                <div class="content">
                    <h3>美丽景色</h3>
                    <p>这是你梦中向往的地方</p>
                    <a href="#" class="btn">查看 更多</a>
                </div>
            </div>
            <div class="box">
                <img src="images/g-8.jpg" alt="">
                <div class="content">
                    <h3>美丽景色</h3>
                    <p>这是你梦中向往的地方</p>
                    <a href="#" class="btn">查看 更多</a>
                </div>
            </div>
            <div class="box">
                <img src="images/g-9.jpg" alt="">
                <div class="content">
                    <h3>美丽景色</h3>
                    <p>这是你梦中向往的地方</p>
                    <a href="#" class="btn">查看 更多</a>
                </div>
            </div>
        </div>
    </section>
    

    做好的网页效果,如何通过发链接给别人看?

    1.1解决部署上线~> 部署上线工具(永久免费使用)

    1.不需要买服务器就能部署线上,全世界都能访问你的连接啦, 这里给大家推荐一个程序员必备神器~
    插件集成了超级多好用的插件,免费下载安装,简单易懂, 简直神器 ~ 需要可在文章 ↓ 下方公Z号获取

    2.就是把你的代码效果做好了以后, 部署到线上, 把链接发给别人, 就可以让对方通过你的连接点击进去, 就能看到你的网页效果啦, 电脑端和手机端都可以噢! (不然别人看你的网页都要发文件过去,体验感不太好哦~)

    1.1部署流程

    HTML期末大作业~基于HTML+CSS+JavaScript的旅游网站设计与实现_期末大作业HTML_09

    1.2 哇~ 部署成功

    哇~ 部署成功! 将你写好的页面部署上线后, 全世界的人都可以通过链接访问到你的网页了(永久免费使用哦)~

    HTML期末大作业~基于HTML+CSS+JavaScript的旅游网站设计与实现_HTML作业_10


    前端 零基础入门到高级(视频+源码+开发软件+学习资料+面试题) 一整套 (教程)

    适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站HTML期末大作业~基于HTML+CSS+JavaScript的旅游网站设计与实现_学生网站设计作业源码HTML_11


    源码获取

    ❉ ~ 关注我,点赞博文~ 每天带你涨知识!

    ❉1.看到这里了就 [点赞+好评+收藏] 三连 支持下吧,你的「点赞,好评,收藏」是我创作的动力。

    ❉ 2.关注我~ 每天带你学习 :各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业模板 、期末大作业模板 、等! 「在这里有好多 前端 开发者,一起探讨 前端 Node 知识,互相学习」!

    ❉3.以上内容技术相关问题可以相互学习,可关注↓公Z号 获取更多源码 !

    HTML期末大作业~基于HTML+CSS+JavaScript的旅游网站设计与实现_期末大作业HTML_12

    更多HTML期末学生作业文章

    1.HTML期末学生结课大作业~html+css+javascript仿叮当电影在线网站(功能齐全)

    2.HTML期末学生作业~html+css+javascript仿猫眼电影在线网站(功能齐全)

    3.HTML期末学生大作业(9套)html+css+javascript仿京东、天猫、服装、各大电商模板(大学毕业设计)

    4.HTML期末大作业~海贼王中乔巴专题漫画学生网页设置作业源码(HTML+CSS+JavaScript)

    HTML期末作业作业(下载)

    1.web前端期末节课大作业~html学生信息管理系统模板

    2.web前端期末节课大作业 ~HTML学校后台用户登录界面模板

    3.web前端期末节课大作业 ,~小米官网竖直分类导航菜单

    4.web前端期末节课大作业~HTML5大学生网上报到系统响应式模板

    5.web前端期末节课大作业~自考大学官网HTML模板

    6.web前端期末节课大作业 ~小米商城官网首页模板

    7.web前端期末节课大作业-绿色IT技术在线教育响应式模板

    8.web前端期末节课大作业~HTML教育培训机构网站模板

    9.web前端期末结课大作业html+css+javascript大学实验教学示范中心HTML网站模板

    10.web前端期末节课大作业 ~HTML5响应式少儿舞蹈培训学校网站模板

    11.web前端期末节课大作业~红色教育培训画室HTML网站模板

    12.HTML期末作业-绿色果蔬商城购物网模板(HTML+CSS+JavaScript)

    更多源码

    ❤100款表白源码演示地址

    展开全文
  • 都是给学生定制的都符合学生考试期末作业的水平,有的有js,有的视频+音乐+flash的等 元素的插入。 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件(如:`Dreamweaver、HBuilder、Vscode 、Sublime 、...
  • HTML期末大作业~京东首页仿制作海贼王动漫HTML网页(HTML+CSS+JavaScript) 这次网页主要以(HTML+CSS+JavaScript)制作海贼王动漫商城 , 通过这些可以大概了解这部漫画的内容和他为何如此吸引人的原因 在漫画赏析中...
  • 网页设计与开发课程的期末大作业 1.有5个网页,其中一个主页面,四个子页面,面包屑导航,首页轮播图切换,通过链接形成一个小型网站,各页面之间有a标签相互链接。 2.断断续续前后写了一个星期,不容易,天天熬夜调...
  • 为此,本次作业的要求主要有: (1)登录功能。登陆是对用户的验证,防止非法用户登陆和使用。 (2)注册功能。注册是对新用户的加入设定的,可以增加游戏用户。 (3)导航功能。提供完整的系统导航功能,帮助用户...
  • html静态网站设计-旅游网(期末大作业).rar
  • HTML期末大作业~海贼王学生网页设计作业(HTML+CSS+JavaScript) 这次网页主要是介绍在近年来非常受关注的日本超人气漫画 海贼王 作者是尾田荣一郎 海贼王首页 详情资讯 视频介绍 文章简介 漫画赏析 几个主要部分其中...
  • 网页设计-仿小米商城-前端期末大作业(免积分下载),网页比较完美,详细情况请看我的文章介绍。
  • 1.临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手? 网页要求的总数量太多? 2.没有合适的模板?等等一系列问题。你想要解决的问题,在这篇博文中基本都能满足你的需求~ 3....
  • HTML期末大作业~ 简单的程序员个人博客网站模板源码(HTML+CSS)~学生HTML个人网页作业作品下载 ~个人主页博客网页设计制作 ~大学生个人网站作业模板 ~简单个人网页制作 临近期末, 你还在为HTML网页设计结课作业,老师...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 14,271
精华内容 5,708
关键字:

html期末大作业

友情链接: lubo.rar