HTML5期末大作业：家具家居网站设计——智能家居(10页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 学生静态网页制作...

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

作品介绍

1.网页作品简介 ：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。

2.网页作品编辑：作品下载后可使用任意HTML编辑软件(如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页)。

3.网页作品技术：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频、音频元素、Flash，同时设计了logo(源文件)，基本期末作业所需的知识点全覆盖。

文章目录

HTML5期末大作业：动漫网站设计——迪斯尼公主(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设网页设计源码
作品介绍
一、作品展示
二、文件目录
三、代码实现
四、学习资料
五、完整源码
六、更多源码

二、文件目录

三、代码实现

<html xmlns="http://www.w3/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>江苏欧仕尼智能科技有限公司、江苏欧仕尼智能家居、欧仕尼智能家居</title>
<meta name="description" content="江苏欧仕尼智能科技有限公司、江苏欧仕尼智能家居、欧仕尼智能家居、智能家居、欧仕尼科技" />
<link rel="stylesheet" type="text/css" href="../Assets/css/reset.css"/>
<link rel="stylesheet" type="text/css" href="../Assets/css/thems.css">
<link rel="stylesheet" type="text/css" href="../Assets/css/main.css">
<script type="text/javascript" src="../Assets/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../Assets/plugins/FlexSlider/jquery.flexslider.js"></script>
<script type="text/javascript" src="../Assets/js/js_z.js"></script>
<script language="javascript">
$(function() {
$('.flexslider').flexslider({
animation: "slide"
  });
});
</script>
</head>

<body>
<div class="t_bg">
<div class="top">
<span class="mail">欢迎进入江苏欧仕尼智能家居官网！</span>
<div class="top_r">
<span class="tel">服务热线：400-6828-234</span>
</div>
</div>
</div>
<div class="header">
<div class="head clearfix">
<div class="logo"><a href="../index.html"><img src="../Assets/images/logo.png" alt=""/></a></div>
<ul class="nav clearfix">
<li>
<a href="about_a.html">
<p>别墅智能</p>
                    Products
</a>
<div class="er_bg">
<ul class="er clearfix">
<li>
<b><a href="about_a.html">智能别墅</a></b>
<p><a href="#">智能灯光</a></p>
<p><a href="#">智能电动窗帘</a></p>
<p><a href="#">监控管理</a></p>
<p><a href="#">中央空调控制</a></p>
<p><a href="#">门禁管理</a></p>
<p><a href="#">中央背景音乐</a></p>
<p><a href="#">专业安防</a></p>
<p><a href="#">地暖智能控制</a></p>
<p><a href="#">家庭影院控制</a></p>
</li>
</ul>
</div>
</li>
<li>
<a href="about_b.html">
<p>大众智能</p>
                    Service
</a>
<div class="er_bg">
<ul class="er clearfix">

<li>
<b><a href="about_b.html">大众智能</a></b>
<p><a href="#">智能灯光</a></p>

<p>工程案例</p>
                    Case
</a>
<div class="er_bg">
<ul class="er clearfix">
<li>
<b><a href="project.html">工程案例</a></b>
<p><a href="project.html">家庭影院案例</a></p>
<p><a href="#">背景音乐案例</a></p>
<p><a href="#">全宅系列</a></p>
<p><a href="#">弱电工程案例</a></p>
<p><a href="#">其余案例</a></p>
<p><a href="#">服务与技术支持</a></p>
</li>
</ul>
</div>
</li>
<li>
<a href="#">
<p>关于我们</p>
                    About
</a>
<div class="er_bg">
<ul class="er clearfix">
<li>
<b><a href="#">关于我们</a></b>
<p><a href="#">公司概况</a></p>
<p><a href="#">公司文化</a></p>
<p><a href="#">招才纳贤</a></p>
<p><a href="#">办公平台</a></p>
<p><a href="#">联系我们</a></p>
</li>
</ul>
</div>
</li>
<li>
<a href="#">
<p>新闻中心</p>
                    News
</a>
<div class="er_bg">
<ul class="er clearfix">
<li>
<b><a href="#">新闻中心</a></b>
<p><a href="#">公司动态</a></p>
<p><a href="#">行业热点</a></p>
<p><a href="#">技术探讨</a></p>
</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
<div class="banner banners" ><img src="../Assets/upload/banner_a.jpg" alt=""/></div>
<div class="abtta">
<div class="abttzuo">

<div class="meirr">
<h1>工程案例<span>PROJECTS</span></h1></div>
<ul>

<a href="project.html"> 
<li><img src="../Assets/images/ing11.png" width="8" height="8">家庭影院案例</li></a>
<a href="project.html"> 
<li><img src="../Assets/images/ing11.png" width="8" height="8">背景音乐案例</li></a>
<a href="project.html"> 
<li><img src="../Assets/images/ing11.png" width="8" height="8">全宅系列</li></a>
<a href="project.html"> 
<li><img src="../Assets/images/ing11.png" width="8" height="8">弱电工程案例</li></a>
<a href="project.html"> 
<li><img src="../Assets/images/ing11.png" width="8" height="8">其余案例</li></a>
<a href="project.html"> 
<li><img src="../Assets/images/ing11.png" width="8" height="8">服务与技术支持</li></a>
</ul>
</div>
<div class="abttyou">
<div class="weizhi">
<h2>工程案例&nbsp;&nbsp;&nbsp;&nbsp;PROJECT CASE<span><a href="#">首页</a> > <a href="#">工程案例</a> > <a href="#">家庭影院案例</a></span></h2>
</div>
<div class="proj">
<ul>
<li>
<a href="projects.html"><img src="../Assets/upload/vv1.jpg" width="380" height="211"> </a>
<div class="pooj">
<h1><a href="projects.html">旭日上城项目工程</a></h1>
<p><span>项目摘要：</span>旭日上城位于南京市大桥北岸，毗临长江，坐拥江北新城核心地段的独特优势......</p>
</div>
</li>
<li>
<a href="projects.html"><img src="../Assets/upload/vv1.jpg" width="380" height="211"> </a>
<div class="pooj">
<h1><a href="projects.html">旭日上城项目工程</a></h1>
<p><span>项目摘要：</span>旭日上城位于南京市大桥北岸，毗临长江，坐拥江北新城核心地段的独特优势......</p>
</div>
</li>
<li>
<a href="projects.html"><img src="../Assets/upload/vv1.jpg" width="380" height="211"> </a>
<div class="pooj">
<h1><a href="projects.html">旭日上城项目工程</a></h1>
<p><span>项目摘要：</span>旭日上城位于南京市大桥北岸，毗临长江，坐拥江北新城核心地段的独特优势......</p>
</div>
</li>
<li>
<a href="projects.html"><img src="../Assets/upload/vv1.jpg" width="380" height="211"> </a>
<div class="pooj">
<h1><a href="projects.html">旭日上城项目工程</a></h1>
<p><span>项目摘要：</span>旭日上城位于南京市大桥北岸，毗临长江，坐拥江北新城核心地段的独特优势......</p>
</div>
</li>
<li>
<a href="projects.html"><img src="../Assets/upload/vv1.jpg" width="380" height="211"> </a>
<div class="pooj">
<h1><a href="projects.html">旭日上城项目工程</a></h1>
<p><span>项目摘要：</span>旭日上城位于南京市大桥北岸，毗临长江，坐拥江北新城核心地段的独特优势......</p>
</div>
</li>
<li>
<a href="#"><img src="../Assets/upload/vv1.jpg" width="380" height="211"> </a>
<div class="pooj">
<h1><a href="#">旭日上城项目工程</a></h1>
<p><span>项目摘要：</span>旭日上城位于南京市大桥北岸，毗临长江，坐拥江北新城核心地段的独特优势......</p>
</div>
</li>
</ul>
</div>
<div class="space_hx">&nbsp;</div>
<div class="pages">
<a href="" class="now">首页</a>
<a href="">1</a>
<a href="">2</a>
<a href="">3</a>
<a href="">4</a>
<a href="">下一页</a>
<a href="" class="now">尾页</a>
</div>
</div>
</div>

<div class="bg_a">&nbsp;</div>
<div class="f_nbg">
<ul class="f_nav clearfix">
<li>
<b><a href="#">产品中心</a></b>
<p><a href="#">别墅智能</a></p>
<p><a href="#">大众智能</a></p>
<p><a href="#">家庭影院</a></p>
<p><a href="#">弱电工程</a></p>
</li>
<li>
<b><a href="#">服务支持</a></b>
<p><a href="#">服务与技术</a></p>
<p><a href="#">售后服务</a></p>
<p><a href="#">下载中心</a></p>
</li>
<li>
<b><a href="#">工程案例</a></b>
<p><a href="#">家庭影院案例</a></p>
<p><a href="#">背景音乐案例</a></p>
<p><a href="#">全宅系列</a></p>
<p><a href="#">弱电工程案例</a></p>
<p><a href="#">其他案例</a></p>
</li>

<li>
<b><a href="#">新闻中心</a></b>
<p><a href="#">公司动态</a></p>
<p><a href="#">行业热点</a></p>
<p><a href="#">技术探讨</a></p>
</li>
<li class="noline">
<b><a href="#">关于我们</a></b>
<p><a href="#">公司概况</a></p>
<p><a href="#">公司文化</a></p>
<p><a href="#">招才纳贤</a></p>
<p><a href="#">办公平台</a></p>
<p><a href="#">联系我们</a></p>
</li>
<li>
<b><a href="#">友情链接</a></b>
<p><a href="#">智能家居</a></p>
<p><a href="#">中国家装网</a></p>
<p><a href="#">百度装饰</a></p>
</li>
<li class="code">
<img src="../Assets/upload/code.jpg" alt=""/>
<p>微信号&nbsp;&nbsp;js-osn</p>
</li>
</ul>
</div>
<div class="bq_bg">
<div class="bq">
<span>版权所有 &copy; 2015-2025 江苏欧仕尼智能科技有限公司 苏ICP备14022554号</span>
<a href="http://www.pinsuer/"  title="忆素津歌" target="_blank">技术支持&nbsp;&nbsp;|</a>
<a href="#">网站统计</a>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){

$(".prev,.next").hover(function(){
$(this).stop(true,false).fadeTo("show",0.9);
  },function(){
$(this).stop(true,false).fadeTo("show",0.4);
  });

$(".banner-box").slide({
titCell:".hd ul",
mainCell:".bd ul",
effect:"fold",
interTime:2500,
delayTime:500,
autoPlay:true,
autoPage:true, 
trigger:"click" 
  });

});
</script>
</body>
</html>

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

适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站

# 五、 👇🏻👇🏻👇🏻更多源码👇🏻👇🏻👇🏻

更多推荐

HTML5期末大作业：家具家居网站设计——智能家居(10页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计学