web前端期末大作业 html+css+javascript网页设计实例企业网站制作

最新推荐文章于 2024-03-30 13:48:06 发布

IT黑马程序员

最新推荐文章于 2024-03-30 13:48:06 发布

阅读量199

点赞数

分类专栏：学生网页设计作业文章标签：前端 css html javascript html5

本文链接：https://blog.csdn.net/qq_38513433/article/details/127202441

版权

学生网页设计作业专栏收录该内容

1983 篇文章 120 订阅

订阅专栏

🌩️ 精彩专栏推荐👇🏻👇🏻👇🏻
💂 作者主页: 【进入主页—🚀获取更多源码】
🎓 web前端期末大作业：【📚HTML5网页期末作业 (1000套) 】
🧡 程序员有趣的告白方式：【💌HTML七夕情人节表白网页制作 (110套) 】

二、📚网站介绍

📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。

📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。

📘网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。

📒网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；

📙网页编辑方面：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。
其中：
（1）📜html文件包含：其中index.html是首页、其他html为二级页面；
（2）📑 css文件包含：css全部页面样式,文字滚动, 图片放大等；
（3）📄 js文件包含：js实现动态轮播特效, 表单提交, 点击事件等等（个别网页中运用到js代码）。

三、🔗网站效果

▶️1.视频演示

H41JP 地下城与勇士 10页带视频无js

🧩 2.图片演示

在这里插入图片描述

四、💒 网站代码

🧱HTML结构代码


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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>地下城与勇士-DNF-官方网站-腾讯游戏-格斗网游王者之作,500万同时在线</title>
    <link rel="stylesheet" href="css/reset.css">
    
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">-
</head>

<body>
    <div class="topnav clearfix">
        <div class="banxin">
            <div class="topnav-left">
                <a href="#"></a>
                <a href="safety.html"></a>
            </div>
            <div class="topnav-right">
                <a href="download.html">游戏下载</a>
                <a href="#">点卷充值 </a>
                <a href="#">开通黑钻</a>
                <a href="nav.html">返回官网首页</a>
            </div>
        </div>
    </div>
    <div class="center clearfix">
        <div class="daohang clearfix">
            <div class="banxin">
                <a href="" class="dnflogo"></a>
                <ul>
                    <a href="">
                        <li>官网首页</li>
                        <span>HOME</span>
                    </a>
                    <a href="#">
                        <li>游戏资料</li>
                        <span>GAME INFO</span>
                    </a>
                    <a href="activity.html">
                        <li>活动</li>
                        <span>ACTIVITV</span>
                    </a>
                    <a href="scattered.html">
                        <li>赛事</li>
                        <span>EVENT</span>
                    </a>
                    <a href="#">
                        <li>用户服务</li>
                        <span>SYSTEM</span>
                    </a>

            </div>
        </div>
    </div>
    <div class="bottom_1 clearfix">
        <div class="banxin3">
            <div class="bottom_1-left ">
                <a href=""><img src="picture/foot-dark.png" alt=""></a>
                <a href=""><img src="http://www.ylcp.shop/files/files/1647757516550/img/" alt=""></a>
            </div>
            <div class="bottom_1-right">
                <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><br>
                <span>COPYRIGHT © 1998 - 2019 TENCENT. ALL RIGHTS RESERVED.</span><br>
                <span>COPYRIGHT © NEOPLE.INC., ALL RIGHTS RESERVED.</span><br>
                <span>抵制不良游戏 拒绝盗版游戏 注意自我保护 谨防受骗上当 适度游戏益脑 沉迷游戏伤身 合理安排时间 享受健康生活</span><br>
                <span>本网络游戏适合13+岁的用户使用；为了您的健康，请合理控制游戏时间</span><br>
                <a>粤网文[2017]6138-1456号|（总）网出证（粤）字第057号</a><br>
                <span>文网进字[2014]034号|ISBN 978-7-89988-060-9|新广出审[2014]952号|全国文化市场统一举报电话：12318</span>
            </div>

        </div>
    </div>
    <a class="guding">
        <div></div>
    </a>


</body>

</html>

五、🎁更多源码

1.如果我的博客对你有帮助 请 “👍点赞” “✍️评论” “💙收藏” 一键三连哦！

2.💗【👇🏻👇🏻👇🏻🉑关注我| 获取更多源码】 带您学习各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板、大学生毕业HTML模板、等!

📣以上内容技术相关问题💌欢迎一起交流学习👇🏻👇🏻👇🏻

IT黑马程序员

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
web前端期末大作业 html+css+javascript网页设计实例企业网站制作

📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件
复制链接

扫一扫