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

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

时间：2022-05-29 16:42:19

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

📂文章目录

二、📚网站介绍三、🔗网站效果▶️1.视频演示🧩 2.图片演示四、💒 网站代码🧱HTML结构代码五、🎁更多源码

二、📚网站介绍

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

📓网站程序方面：计划采用最新的网页编程语言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 - TENCENT. ALL RIGHTS RESERVED.</span><br><span>COPYRIGHT © NEOPLE.INC., ALL RIGHTS RESERVED.</span><br><span>抵制不良游戏拒绝盗版游戏注意自我保护谨防受骗上当适度游戏益脑沉迷游戏伤身合理安排时间享受健康生活</span><br><span>本网络游戏适合13+岁的用户使用；为了您的健康，请合理控制游戏时间</span><br><a>粤网文[]6138-1456号|（总）网出证（粤）字第057号</a><br><span>文网进字[]034号|ISBN 978-7-89988-060-9|新广出审[]952号|全国文化市场统一举报电话：12318</span></div></div></div><a class="guding"><div></div></a></body></html>