进击的巨人网页 html源码 期末大作业 课程设计

最新推荐文章于 2024-05-06 10:59:29 发布
最新推荐文章于 2024-05-06 10:59:29 发布
阅读量377 收藏
点赞数
分类专栏： html网页作品 文章标签： html 课程设计 前端 网页设计 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_37916936/article/details/130702802
版权

进击的巨人网页 html源码 期末大作业 课程设计

开发语言：html

布局方式：div

页面数量：5页

项目页面截图 ：

 

 

 

老学长毕业设计辅导
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
HTML5期末大作业 漫画网站设计——动漫海贼王(10页) 动漫网页设计制作 简单静态HTML网页作品 动漫网页作业成品 学生动漫网站模板
11-24 5620
HTML5期末大作业 漫画网站设计——动漫海贼王(10页) 动漫网页设计制作 简单静态HTML网页作品 动漫网页作业成品 学生动漫网站模板 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以
【CSS】样式表
进击的巨人--小天贵
04-03 1325
CSS初识CSS(Cascading Style Sheets) 美化样式CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。引入CSS样式...
titanAttack：结合PHP连结MySQL资料库制作进击的巨人网页，并制作小游戏
02-11
泰坦攻击 结合php连结MySQL资料库制作进击的巨人网页，并制作小游戏
HTML期末作业-绿色果蔬商城购物网模板(HTML+CSS+JavaScript)
七夕情人节表白网页代码100款 HTML5网页设计与制作1120款 Echarts大屏数据150款
06-21 4573
HTML期末作业-绿色果蔬商城购物网模板(HTML+CSS+JavaScript) 商城购物网HTML模板，(HTML+CSS+JavaScript)布局，全套模板，包括商城首页、特色产品、产品详情、相关资讯、商城简介、注册、登录等HTML商城模板。 效果演示(功能齐全) 文件目录 代码实现 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
HTML网页作业个人网站源码div+css布局
qq_19465203的博客
09-17 6292
个人网站使用div+css布局，网站一共四个页面。页面中的banner使用swiper框架制作动画切换，注册页面使用js验证用户信息输入是否正确。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l.
web网页设计期末课程大作业~粉色的服装购物商城页面模板(HTML+CSS+JS)
七夕情人节表白网页代码100款 HTML5网页设计与制作1120款 Echarts大屏数据150款
07-02 1万+
web网页设计期末课程大作业~粉色的服装购物商城页面模板 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~ 原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，~这是一个不错的网页制作，画面精明，非常适合初学者学习使用。 作品介绍 关于HTML网页设计期末课程大作业实现，大作业A+水平 ~，共有首页，登录页，瀑布流列表页，详情页带评价带晒单
概要设计和详细设计模板_网站模板不用设计 直接下载免费网站模板
weixin_39672160的博客
12-02 192
今天给大家分享几个下载网站模板的网站，国外精品网站模板，设计风格大气，思路清晰，可下载，可学习别人的设计理念和制作方法，非常不错的几个网站，强烈建议收藏了。一.Awwwards精挑细选世界各地的最佳网站！并对其打分颁奖,是一个专业的网页设计和优秀网页设计竞赛平台，开发者或网页设计师可以通过该平台提交自己的网页作品(付费)，然后会有专业的评为进行评价和打分，每到一段时间会整合近期最佳的设计...
关于动漫的HTML网页设计作业——动漫网页(刀剑神域6个页面)
热门推荐
七夕情人节表白网页代码100款 HTML5网页设计与制作1120款 Echarts大屏数据150款
07-06 2万+
关于动漫的HTML网页设计作业——动漫网页(刀剑神域6个页面) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~ 原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，这是一个不错的网页制作，画面精明，非常适合初学者学习使用。 作品介绍 1.网页作品简介方面 ：日本动漫网页(6个页面)网站模板。喜欢的可以下载，文章页支持手机PC响应式布局。主
HTML语言与网页设计期末考试题.docx
12-22
HTML语言与网页设计期末考试题.docx
进击巨人手抄报.doc
09-17
进击巨人手抄报.doc
python爬虫爬进击的巨人漫画
09-21
利用爬虫爬取得进击的巨人漫画，放在d盘test下，目前到109话。请修改参数
学生图书管理系统（大作业-毕业设计）
08-02
1、使用VS2017+QT5.13的开发环境，不同版本请自行配置 2、使用扁平软件样式，十分很好看。 3、使用数据库可以拓展mysql,sqlsever,默认使用的是本地sqlite，免去安装数据库的麻烦。 4、使用多层的软件框架，结构...
网页设计及制作期末考试题及答案..docx
12-22
网页设计及制作期末考试题及答案..docx
35个简约风格的 网页设计
—巨人绿
01-03 4526
简约式设计理念在设计圈受到了不少设计师的青睐，因为它们总能用有限的资源向用户传达无限的想象。尽管简约限制了网页设计的范围，但是很多有天分的设计师利用极少的工具创作出了震惊世界的作品。简约设计的优点不仅仅体现在它高雅简洁的设计风格上，同时也提高了网页登陆速度，对于很多网页以及服务来说，这也是一个非常重要的因素。本期文章中，我们精心挑选了最新最热的三十五个简约风格网页，希望你能从中获取灵感~ R
构筑稳固基石：HTML网站架构与结构设计的深度探索
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
05-04 1055
HTML架构与结构设计是构建高质量网站的基石，它不仅关乎技术实现，更是一种艺术，平衡着美观、功能与性能。在你的开发实践中，遇到了哪些挑战？有哪些独到的结构设计技巧愿意分享？欢迎在评论区留下你的见解，让我们共同探讨，推动Web发展的边界。💝💝💝欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。DTcode7的博客首页。
【毕业设计】基于微信小程序的校园快递平台系统设计与实现
各类程序设计成品、文档、学习资料
04-30 786
如今社会上各行各业，都喜欢用自己行业的专属软件工作，互联网发展到这个时候，人们已经发现离不开了互联网。新技术的产生，往往能解决一些老技术的弊端问题。因为传统校园快递平台系统信息管理难度大，容错率低，管理人员处理数据费工费时，所以专门为解决这个难题开发了一个校园快递平台系统管理系统，可以解决许多问题。校园快递平台系统管理系统按照操作主体分为管理员和用户。管理员的功能包括字典管理、订单管理、公告管理、快递记录管理、快递管理、用户管理、管理员管理。用户的功能等。
使用IIS部署Vue项目
最新发布
weixin_44656422的博客
05-06 414
使用IIS部署Vue项目，后端必须跨域，不要在Vue中用proxy跨域，那个只在dev环境中有用！IIS安装，不用全部打勾，有些他默认就是方块 ■ 选择性安装的，就维持原样就可以。
大模型部署之前端页面编写框架，我选streamlit
人工智能
04-30 868
Streamlit是一个开源的Python库，它让数据科学家和开发者可以快速创建和分享美观的，交互式的Web应用。无需拥有前端开发经验，任何人都可以使用Streamlit将数据脚本转换为分享给非技术用户的交互式Web应用。它简化了Web应用的开发流程，让开发者能够专注于数据和业务逻辑，而不是UI代码。Streamlit的设计哲学是简洁高效，它通过减少样板代码的使用，使得创建数据驱动的应用变得前所未有的简单。
用css+html+hs+响应式编写一个进击的巨人的网站
06-13
好的，我可以为您介绍如何使用 CSS、HTML 和 JavaScript 开发一个响应式的进击的巨人网站。 首先，我们需要编写 HTML 代码来构建网站的基本结构。以下是一个简单的 HTML 模板，您可以在其中添加您自己的内容： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>进击的巨人</title> <link rel="stylesheet" href="style.css"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <header> <nav> <ul> <li><a href="#">首页</a></li> <li><a href="#">角色介绍</a></li> <li><a href="#">剧情梗概</a></li> <li><a href="#">动画资讯</a></li> <li><a href="#">关于我们</a></li> </ul> </nav> <h1>进击的巨人</h1> </header> <main> <section class="hero"> <h2>英雄</h2> <p>艾伦·耶格尔，一个普通的少年，他的生命因为巨人的袭击而发生了翻天覆地的变化。</p> </section> <section class="villain"> <h2>反派</h2> <p>巨人，是人类的天敌，它们的出现带来了无尽的痛苦和灾难。</p> </section> <section class="supporting-characters"> <h2>配角</h2> <ul> <li>三笠·阿克曼</li> <li>利威尔·阿尔敏</li> <li>米卡·阿卡曼</li> <li>...</li> </ul> </section> </main> <footer> <p>版权所有 © 2021 进击的巨人官网</p> </footer> <script src="script.js"></script> </body> </html> ``` 接下来，我们需要添加样式表来为网站添加样式。您可以在 `style.css` 文件中添加以下样式： ```css /* 全局样式 */ body { margin: 0; padding: 0; font-family: Arial, sans-serif; } /* 头部样式 */ header { background-color: #1A1A1A; color: #FFFFFF; padding: 20px; } nav ul { margin: 0; padding: 0; list-style: none; display: flex; justify-content: space-between; } nav li { margin: 0 10px; } nav a { color: #FFFFFF; text-decoration: none; } nav a:hover { color: #FFC107; } /* 主要内容样式 */ main { padding: 20px; } .hero { background-image: url('hero.jpg'); background-size: cover; background-position: center; color: #FFFFFF; padding: 50px; } .villain { background-image: url('villain.jpg'); background-size: cover; background-position: center; color: #FFFFFF; padding: 50px; } .supporting-characters { background-color: #F5F5F5; padding: 20px; } /* 页脚样式 */ footer { background-color: #1A1A1A; color: #FFFFFF; padding: 20px; text-align: center; } /* 响应式样式 */ @media (max-width: 768px) { header { padding: 10px; } nav ul { flex-direction: column; align-items: center; } nav li { margin: 10px 0; } .hero, .villain { padding: 20px; } } ``` 最后，我们需要添加 JavaScript 代码来为网站添加交互性。以下是一个简单的示例，当用户单击页脚时将显示一个警告框： ```javascript // JavaScript 代码 const footer = document.querySelector('footer'); footer.addEventListener('click', function() { alert('进击的巨人官网，版权所有！'); }); ``` 这就是使用 CSS、HTML 和 JavaScript 开发一个响应式的进击的巨人网站的基本步骤。当然，还有很多其他的设计和功能可以添加，但这应该足以让您开始构建自己的网站了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

老学长毕业设计辅导

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值