纯HTML+CSS网页设计——林允儿（可做网页课程作业）

已于 2023-08-24 17:44:53 修改
阅读量709 收藏 3
点赞数 1
分类专栏： Web开发 文章标签： css html 前端
于 2021-12-14 00:23:19 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45730223/article/details/121917189
版权
这是一个作者的课程作业，抛弃了传统的导航栏，采用了动态图谱设计，包含6个页面，主要展示了4个核心页面，如首页（轮播背景和动态图谱）、音乐库（仿QQ音乐）。作品链接提供在阿里云盘，源码可获取。由于时间紧迫，部分细节可能粗糙，适合初学者研究和修改。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

作品介绍

  • 网页为作者一次课程作业，效果个人觉得还行
  • 其中抛弃了导航栏的使用，主要每次都导航栏，写烦了！采用的是图谱的形式，主要也是因为最近在学！
  • 页面主要有6个，有三个是较重复的，所以主要页面是四个！具体的直接看图吧！

作品展示

首页

  • 首页背景是轮播的，图谱是动态的，标题有呼吸道效果（弄GIF有点麻烦，就不弄啦！）
    在这里插入图片描述

林允儿

请添加图片描述

IU

请添加图片描述

金泰妍

请添加图片描述

裴秀智

在这里插入图片描述

黄美英

请添加图片描述

音乐库（仿QQ音乐）

请添加图片描述

源码获取

阿里云盘：https://www.aliyundrive.com/s/neMahAbai4Z

结语

  • 东西就那么多，也就是HTML相关的基础的不能再基础的东西。
  • 其中还有很多东西，因为作者偷懒没有修改，只顾忌了大体的框架，感兴趣的话可以修改看看。

由于网页是在DDL来临前写的，所以很多内容很粗糙，所以还请各位看官多担待！

欢 迎 关 注 扫 码 关 注！
HTML5+CSS大作业——明星相片个人网页设计(6页)
11-30 1204
HTML5+CSS大作业——明星相片个人网页设计(6页) 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载! 获取更多源码 PC电脑端关注我们 ????作者主页-更多源码 ????H
使用HTML+CSS制作一个简单的网页
m0_57423785的博客
11-25 1万+
简单学习了一下HTML和CSS，制作了下面这个网页（第一次做还在学习中），里面包含一些基础的布局包括导航条、分页栏、悬浮列表等内容。
html作品明星,HTML – CSS的形状 – 明星.这个怎么运作？
weixin_28938385的博客
05-31 236
这可能是更好的可视化#star-five {margin: 50px 0;position: relative;display: block;color: red;width: 0px;height: 0px;border-right: 100px solid transparent;border-bottom: 70px solid red;border-left: 100px soli...
静态网页（纯CSS和html）
10-10
静态网页，参加了教程，重点是响应式页面的实现，对css布局有了更深的认识。
明星的html模板,明星个人网页制作模板
weixin_36445866的博客
06-17 4872
【实例简介】有CSS和swf等文件。网页已经排版好无需改动。如果想设计其他DIV，请合理安排。图片尽量用png和gif格式喔~【实例截图】【核心代码】e20f99a3-8292-48c1-ad91-c7e95826ae50└── 明星个人网页├── Forum.css├── Forum.html├── images│ ├── t1.jpg│ ├── t2.jpg│ ├── t3.jpg...
林允儿文件夹图标下载
12-24
这个“林允儿文件夹图标下载”提供了一种特别的图标设计，主题是围绕韩国女艺人林允儿，让粉丝或者对这个设计感兴趣的人有机会改变他们的文件夹外观。 【描述】：“该文档为林允儿文件夹图标下载，是一份很不错的...
Web前端系列技术之HTML基础（从入门开始）①
小柴爱程序的博客
07-14 1066
Java系列技术之HTML基础（从入门开始）①
林允儿主题文件夹图标资源免费下载
根据给定文件信息，本文将详细介绍有关“林允儿文件夹图标下载”文件的知识点，包括文件夹图标的概念、下载图标的意义、林允儿作为图标的内容来源以及图标下载的一般流程。此外，还将探讨文件压缩、提取文件的操作...
使用eclipse开发javaweb登录功能带验证码&&文件下载&&第几位登录&&使用servlet编写html
乔治大哥的博客
08-27 2287
这个代码在我的资源中我有上传。如果需要可以前往下载 https://download.csdn.net/download/qq_41946557/11622045 当然也可以留言分享与你，共同进步 具体页面演示： login.html <!DOCTYPE html> <html> <head> <meta charset=...
JavaScript小案例程序保存（完整代码+效果展示）
xubuhui的博客
11-20 1万+
1.案例——点击button换照片 html部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>换照片</title> </head> <body> <button id="btn">点我...
HTML5+CSS大作业——明星胡歌(7页)
12-01 1583
HTML5+CSS大作业——明星胡歌(7页) 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载! 获取更多源码 PC电脑端关注我们 ????作者主页-更多源码 ????HTML期末大
HTML+CSS实现百度网盘首页
matafeiyanll的博客
06-27 4803
HTML+CSS实现百度云盘首页 HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="./css/index.css" /> </head> <body> <!-- 头部信息 -->
用HTML+CSS做成的一个简单网页（小兔鲜儿）
wym123_的博客
04-23 1万+
写在前面的话：在跟着黑马程序员视频学习的时候，做的一个由简单HTML+CSS知识组成的一个简单小网页分享给大家，可以供新手学习。 目录 效果图如下： HTMl相关代码如下： CSS相关代码如下： index.css： common.css： base.css： 所有资料网盘链接： 效果图如下： （用到的相关图片是自己随便找的，不太好看，大家可以自行更换） HTMl相关代码如下： index.html： <!DOCTYPE html> <html lang
纯HTML+CSS网页设计期末作业（个人网站）
热门推荐
weixin_47138646的博客
11-14 34万+
目录纯HTML+CSS网页设计期末作业（个人网站）效果展示源码index.htmlindex.cssabout.htmlhobbies.htmlhobbies.cssme.htmlme.cssbook1.htmlbook.csssongci.htmlsongci.css缺陷 纯HTML+CSS网页设计期末作业（个人网站） 效果展示 index 页面 about 页面 hobbies 页面 书籍介绍页面 元曲介绍页面 源码 index.html <!DOCTYPE html> <h
通过HTML和CSS设计一个静态网页（练习实例，附完整代码）
微子细的博客
07-04 9万+
本文笔记基于「千古壹号」的GitHub项目：https://github.com/qianguyihao/web 网页原址：博雅互动 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="...
HTML和CSS网页设计
weixin_45728236的博客
12-12 1898
css书写位置 ：行内式 外链式 内嵌式 行内式 ：直接输写在标签内部的一个style属性里,前端人员一般不使用 外链式 ：通过link标签在html 外部引入一个css文件 link标签 书写在head标签内部 rel=“stylesheet” rel表示html和css的关系，stylesheet样式表 type=“text/css” type表示css文件类型,text/css纯...
HTML5+CSS大作业——明星薛之谦(7页面))带轮播特效
12-01 1702
HTML5+CSS大作业——明星薛之谦(7页面))带轮播特效 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载! 获取更多源码 PC电脑端关注我们 ????作者主页-更多源码 ???
HTML5期末大作业：饮食食品主题设计——绿色简洁生鲜超市网站设计(5页) HTML+CSS+JavaScript web前端大二实训大作业
qq_365392777
09-26 1万+
HTML5期末大作业：饮食食品主题设计——绿色简洁生鲜超市网站设计(5页) HTML+CSS+JavaScript 期末作业HTML代码 学生网页课程设计期末作业下载 web网页设计制作成品 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平
纯HTML+CSS仿作京东页面
weixin_50926516的博客
12-12 8744
纯HTML+CSS仿作京东页面 大一学了一个月的网页制作课程，就在今天，我对京东页面下手了。 我用的是旧版京东的素材。。。 先上效果图 接下来让我们看看HTML代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" hre
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

九陌斋

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

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

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

打赏作者

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

抵扣说明：

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

余额充值