个人博客页面喜欢的可以下载看看资源-CSDN下载

共7个文件

js：2个

jpg：2个

mp4：1个

需积分: 5 38 浏览量 2023-04-17 00:01:12 上传评论收藏 27.75MB ZIP 举报

【博客搭建基础】博客是一种在线平台，用于个人或团队分享观点、知识、经验和故事。创建一个个人博客，首先需要一个静态网页或者动态网站系统。在这个压缩包中，我们可以看到一些基本元素，它们构成了一个简单的博客页面。 1. **index.html** - 这是网站的主页文件，通常包含了整个网站的主要导航链接和内容。HTML（HyperText Markup Language）是构建网页的基础语言，用于定义网页结构。`index.html`是网站的入口点，浏览器加载的第一个文件，它会呈现博客的首页布局和内容。 2. **bg.mp4** - 这可能是一个背景视频文件，用于给博客页面添加动态视觉效果。在现代网页设计中，动态背景元素可以提升用户体验，使网站更生动。HTML5的`<video>`标签支持直接在网页中嵌入视频，通过CSS控制其显示方式。 3. **images** - 这是一个文件夹，很可能包含了博客中使用的图片资源。图片在博客中起到丰富内容、增强可读性的作用。可以使用HTML的`<img>`标签来插入图片，或者通过CSS进行样式调整和布局。 4. **css** - 这是CSS（Cascading Style Sheets）文件夹，用于定义网页的样式和布局。CSS与HTML分离，可以实现内容与表现的解耦，使网页设计更加灵活。通过选择器选择HTML元素并应用样式，可以改变字体、颜色、布局等。 5. **js** - 这可能是JavaScript代码文件夹，JavaScript是一种强大的客户端脚本语言，用于增加网页的交互性和动态功能。例如，它可以处理用户输入、动画效果、响应式设计等。通常，JavaScript文件通过`<script>`标签链接到HTML页面。博客页面的开发通常包括以下几个步骤： 1. **规划**：确定博客的主题、内容类型和目标受众。 2. **设计**：创建页面布局，选择色彩方案，决定导航结构。 3. **编写HTML**：用HTML构建页面结构，插入内容和媒体元素。 4. **样式设计**：使用CSS定制页面的外观，如字体、颜色、布局等。 5. **实现交互**：通过JavaScript添加动态效果和功能，提高用户体验。 6. **测试**：确保页面在不同设备和浏览器上的兼容性。 7. **发布**：将所有文件上传至服务器，让公众可以访问。这个压缩包提供的资源可以作为一个简单的博客模板，通过修改HTML内容、CSS样式和JavaScript脚本，你可以根据自己的需求定制出独一无二的个人博客页面。如果你不熟悉这些技术，也可以使用现成的博客平台如WordPress或Jekyll等，它们提供了图形化的界面和丰富的主题供选择，降低了建立博客的技术门槛。

资源推荐

资源详情

资源评论

收起资源包目录

个人网页.zip （7个子文件）

bg.mp4 27.28MB

imgaes

2.jpg 243KB

1.jpg 281KB

js.js 6KB

jquery.min.js 86KB

css

style.css 3KB

index.html 3KB

<!DOCTYPE html> <html lang="en">  <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Yun Shi 的个人主页|欢迎来到我的主场~</title> <meta name="keywords" content="Yun Shi个人主页"> <meta name="description" content="简单且渺小"> <link rel="stylesheet" href="css/style.css"> <script type="text/javascript" src="js/jquery.min.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/APlayer.min.css"> <link href="http://cdn.bootcss.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet"> </head> <body> <div class="box">  <video src="bg.mp4" autoplay muted loop></video> <div class="content">  <div class="ide"> <img src="https://q1.qlogo.cn/g?b=qq&nk=1401184612&s=100" alt=""> <h2>Yun Shi 的个人网页</h2> <span><i class="fa fa-map-marker fa-lg"></i>广东 . 广州</span> <span>爱好：编程丶健身丶睡觉</span> <span>凡前呼后拥才敢说话的人，心底必然藏着怯弱。</span> <span>---------常用链接---------</span> <ul> <li><a href="https://jq.qq.com/?_wv=1027&k=zJC6ZcGx" title="官网"><i class="fa fa-paper-plane-o"></i></a></li> <li> <a href="https://jq.qq.com/?_wv=1027&k=zJC6ZcGx" title="QQ"><i class="fa fa-qq"></i></a></li> <li> <a href="https://jq.qq.com/?_wv=1027&k=zJC6ZcGx" title="QQ群"><i class="fa fa-users"></i></a></li> <li> <a href="#" title="Github"><i class="fa fa-github"></i></a></li> <li> <a href="#" title="微博"><i class="fa fa-weibo"></i></a></li> </ul> </div> </div> </div> <div id="aplayer" class="aplayer" data-order="random" data-id="5210965038" data-server="netease" data-type="playlist" data-fixed="true" data-autoplay="true" data-volume="0.8"></div>  <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/APlayer.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/Meting.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/kaygb/kaygb@master/layer/layer.js"></script> <script src="https://cdn.jsdelivr.net/gh/kaygb/kaygb@master/js/v3.js"></script>  </body> </html>

评论收藏

内容反馈