HTML5期末大作业：家居/家电/家居网站设计——html家具装饰网站设计30页 HTML+CSS+JavaScript

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

作品介绍

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

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

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

文章目录

一、作品展示

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/main.css"/>
    <script src="js/jquery-1.7.2.min.js"></script>
    <script src="js/main.js"></script>
    <title></title>
</head>
<body>

<!--top-->
<div class="top">
    <div class="container clearfix">
        <h5 class="fl">欢迎来到美意陶官方网站！咨询请拨打：400-123456678</h5>
        <ul class="clearfix fr">
            <li class="fl"><a href="javascript:void(0);" id="setHomePage" onclick="SetHome(this)" style="behavior:url(#default#homepage);">设为首页</a></li>
            <li class="fl"><a href="javascript:addToFavorite()">加入收藏</a></li>
            <li class="fl"><a href="map.html">网站地图</a></li>
        </ul>
    </div>
</div>

<!--bannner-->
<div class="banner">
    <!-- 导航条-->
    <div class="nav">
        <div class="container clearfix">
            <div class="logo fl">
                <a href="index.html"><img src="images/logo.png" class="middle" alt="logo" width="65" height="65"/></a>
            </div>
            <ul class="navbar fr">
                <li class="fl current">
                    <a href="index.html">网站首页</a>
                </li>
                <li class="fl rlt">
                    <a href="about.html">走进美意陶</a>
                    <ul class="abs hide">
                        <li><a href="about.html">品牌介绍</a></li>
                        <li><a href="honor.html">荣誉资质</a></li>
                        <li><a href="show.html">展厅功能</a></li>
                        <li><a href="factory.html">工厂展示</a></li>
                        <li><a href="process.html">产品工艺</a></li>
                    </ul>
                </li>
                <li class="fl rlt">
                    <a href="product-list.html">产品中心</a>
                    <ul class="abs hide">
                        <li><a href="product-list.html">瓷砖背景墙</a></li>
                        <li><a href="product-list.html">3D瓷砖背景墙</a></li>
                        <li><a href="product-list.html">现代瓷砖背景墙</a></li>
                        <li><a href="product-list.html">欧式瓷砖背景墙</a></li>
                        <li><a href="product-list.html">古典瓷砖背景墙</a></li>
                        <li><a href="product-list.html">海洋瓷砖背景墙</a></li>
                        <li><a href="product-list.html">抛晶砖</a></li>
                        <li><a href="product-list.html">抛晶砖拼花</a></li>
                        <li><a href="product-list.html">小花砖</a></li>
                        <li><a href="product-list.html">西班牙小花砖</a></li>
                        <li><a href="product-list.html">地中海小花砖</a></li>
                        <li><a href="product-list.html">风情小花砖</a></li>
                        <li><a href="product-list.html">餐厅小花砖</a></li>
                        <li><a href="product-list.html">厨房小花砖</a></li>
                    </ul>
                </li>
                <li class="fl rlt">
                    <a href="news-center.html">新闻中心</a>
                    <ul class="abs hide">
                        <li><a href="news-center.html">公司动态</a></li>
                        <li><a href="news-center2.html">行业资讯</a></li>
                    </ul>
                </li>
                <li class="fl rlt">
                    <a href="case.html">工程案例</a>
                </li>
                <li class="fl rlt">
                    <a href="join.html">招商加盟</a>
                </li>
                <li class="fl rlt">
                    <a href="contac.html">联系我们</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="slide rlt">
        <img src="img/product.jpg" width="1920" height="300" alt=""/>
    </div>
</div>

<!--main-->
<div class="map">
    <div class="container clearfix">
        <h2>网站地图</h2>
        <h3><a href="index.html">网站首页</a></h3>
        <h3><a href="about.html">走进美意陶</a></h3>
        <ul class="clearfix">
            <li class="fl"><a href="about.html">品牌介绍</a></li>
            <li class="fl"><a href="honor.html">荣誉资质</a></li>
            <li class="fl"><a href="show.html">展厅功能</a></li>
            <li class="fl"><a href="factory.html">工厂展示</a></li>
            <li class="fl"><a href="process.html">产品工艺</a></li>
        </ul>
        <h3><a href="product-list.html">产品中心</a></h3>
        <ul class="clearfix">
            <li class="fl"><a href="product-list.html">瓷砖背景墙</a></li>
            <li class="fl"><a href="product-list.html">3D瓷砖背景墙</a></li>
            <li class="fl"><a href="product-list.html">现代瓷砖背景墙</a></li>
            <li class="fl"><a href="product-list.html">欧式瓷砖背景墙</a></li>
            <li class="fl"><a href="product-list.html">古典瓷砖背景墙</a></li>
            <li class="fl"><a href="product-list.html">海洋瓷砖背景墙</a></li>
            <li class="fl"><a href="product-list.html">抛晶砖</a></li>
            <li class="fl"><a href="product-list.html">抛晶砖拼花</a></li>
            <li class="fl"><a href="product-list.html">小花砖</a></li>
            <li class="fl"><a href="product-list.html">西班牙小花砖</a></li>
            <li class="fl"><a href="product-list.html">地中海小花砖</a></li>
            <li class="fl"><a href="product-list.html">风情小花砖</a></li>
            <li class="fl"><a href="product-list.html">餐厅小花砖</a></li>
            <li class="fl"><a href="product-list.html">厨房小花砖</a></li>
        </ul>
        <h3><a href="news-center.html">新闻中心</a></h3>
        <ul class="clearfix">
            <li class="fl"><a href="news-center.html">公司动态</a></li>
            <li class="fl"><a href="news-center2.html">行业资讯</a></li>
        </ul>
        <h3><a href="case.html">工程案例</a></h3>
        <h3><a href="join.html">招商加盟</a></h3>
        <h3><a href="contac.html">联系我们</a></h3>
    </div>
</div>

<!--foot-->
<div class="foot">
    <div class="container">
        <p>友情链接：<a href="#">寶力陶瓷</a><a href="#">佛山做网站</a><a href="#">奥普拉陶瓷</a><a href="#">合富陶瓷</a><a href="#">佛山网站建设</a><a href="#">威臣陶瓷企业</a><a href="#">佛山网络公司</a><a href="#">瓷片十大品牌</a><a href="#">喷墨微晶石柏戈斯陶瓷 </a><a href="#">时尚创新陶瓷品牌</a><a href="#">微晶石陶瓷品牌</a><a href="#">威臣陶瓷集团</a><a href="#">陶卫网</a></p>
        <div class="line"></div>
        <ul class="clearfix">
            <li class="foot-nav fl rlt clearfix">
                <a href="#">走进美意陶</a>
                <ul>
                    <li><a href="about.html">品牌介绍</a></li>
                    <li><a href="honor.html">荣誉资质</a></li>
                    <li><a href="show.html">展厅功能</a></li>
                    <li><a href="factory.html">工厂展示</a></li>
                    <li><a href="process.html">产品工艺</a></li>
                </ul>
            </li>
            <li class="foot-nav fl rlt">
                <a href="product-list.html">产品中心</a>
                <ul>
                    <li><a href="product-list.html">瓷砖背景墙</a></li>
                    <li><a href="product-list.html">3D瓷砖背景墙</a></li>
                    <li><a href="product-list.html">现代瓷砖背景墙</a></li>
                    <li><a href="product-list.html">欧式瓷砖背景墙</a></li>
                    <li><a href="product-list.html">古典瓷砖背景墙</a></li>
                </ul>
            </li>
            <li class="foot-nav fl rlt">
                <a href="news-center.html">新闻中心</a>
                <ul>
                    <li><a href="news-center.html">公司动态</a></li>
                    <li><a href="news-center2.html">行业资讯</a></li>
                </ul>
            </li>
            <li class="foot-nav fl rlt">
                <a href="case.html">工程案例</a>
                <ul>
                    <li><a href="#"></a></li>
                </ul>
            </li>
            <li class="foot-nav fl rlt">
                <a href="join.html">招商加盟</a>
                <ul>
                    <li><a href="#"></a></li>
                </ul>
            </li>
            <li class="foot-nav fl rlt">
                <a href="contac.html">联系我们</a>
                <ul>
                    <li><a href="#"><img src="img/cqr.png" alt=""/></a></li>
                </ul>
            </li>
            <li class="foot-nav fl rlt">
                <a href="map.html">网站地图</a>
                <ul>
                    <li><a href="#"><img style="margin: 40px 20px 0 0" src="images/sina.png" alt=""/></a><a href="#"><img src="images/qq.png" alt=""/></a></li>
                </ul>
            </li>
        </ul>
    </div>
    <div class="line"></div>

    <p style="text-align: center;padding-bottom: 10px;">Copyright © 2021.. 粤ICP备15052717号-1</p>
</div>
<script>
    //收藏设置页面（首页）
    function addToFavorite(){
        var d="http://www.myt.com/";
        var c="美意陶官方网站";
        if(document.all){
            window.external.AddFavorite(d,c);
        }else{
            if(window.sidebar){
                window.sidebar.addPanel(c,d,"");
            }else{
                alert("对不起，您的浏览器不支持此操作!\n请您使用菜单栏或Ctrl+D收藏本站。");
            }
        }
    }

    //设为首页
    function SetHome(obj){
        try{
            obj.style.behavior='url(#default#homepage)';
            obj.setHomePage('http://www.myt.com/');
        }catch(e){
            if(window.netscape){
                try{
                    netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
                }catch(e){
                    alert("抱歉，此操作被浏览器拒绝！\n\n请在浏览器地址栏输入“about:config”并回车然后将[signed.applets.codebase_principal_support]设置为'true'");
                };
            }else{
                alert("抱歉，您所使用的浏览器无法完成此操作。\n\n您需要手动将'http://www.myt.com/'设置为首页。");
            };
        };
    };
</script>
</body>
</html>

四、学习资料

web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
在这里插入图片描述

# 前端
Logo
华为开发者空间

华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。

更多推荐

华为云PaaS平台微服务治理3微服务引擎CSE

3微服务引擎CSE3.1华为云PaaS平台介绍华为云PaaS平台以华为FusionStage2.0项目为基础，基于Docker、Kubernetes等主流开源容器项目，提供了开 发、测试、部署、运维的全流程自动化流水线能力，提供先进的微服务框架和丰富的服务组件，致力于让开发者专注于代码开发本身，提升开发效率，支持丰富的应用生态，推动企业更好的云化转型。什么是PaaS？PaaS是云计算...

avatar 华为开发者空间

VMware ESXi 6.7安装配置

VMware ESXi 6.7 已与2016年11月15日发布，如下介绍其安装过程。同以往ESXi产品安装区别不大。本次安装过程演示，采用VMware Workstation 15 平台进行安装。如下为具体步骤：VMware下载地址： 链接：https://pan.baidu.com/s/18Hc1InTdM43m883ux8DJZg 提取码：zl67创建虚拟机： 内...

avatar 华为开发者空间

iperf3服务器端显示为0,在ubuntu上为iperf3服务器增加并发连接

我试图运行一个iperf3客户端(ubuntu服务器17.04虚拟机)到服务器(ubuntu服务器17.04虚拟机)测试最大平行流可能与-P选项。目前已经达到〜1022个流的最大值，然后才会以缓冲区溢出错误终止。已经做了以下修改伸展的极限 - - 增加对NOFILE的/etc/security/limits.conf软，硬限制为16384 - 增加的ulimit 16384在ubuntu上为ipe

avatar 华为开发者空间