zhaoyang_m的博客

网页是用HTML.CSS纯手写的，包括首页轮播的背景图也没有用到JS，参考B站大佬视频【CSS】轮播图效果，网页的创意抄袭B站这位UP的视频大学生不良人主题的网页设计。刷到过他的视频，感觉他的创意很好，就自己也手写了一个，功能没有他的那么多，就更精致了一点。点击跳转目录01-项目目录02-头部导航栏03-首页轮播背景图04-剧情概要05-主要人物06-相关视频07-底部背景08-404丢失网页09-网格壁纸网页。

网页是由HTML和CSS写的，背景音乐和新闻列表有一点JS，对静态网页几乎没有影响，可删除。没有用到BootStrap之类的框架，对着官方网页F12，一点一点手写出来的，中间改动很多，类名都是照着官方网页源码起的，所以又臭又长。本人对前端了解不是很深入，对源码有问题的地方，尽量帮忙解决。

链接：https://pan.baidu.com/s/18yHl9czZRXDRlYjEtnDVSw?

链接：https://pan.baidu.com/s/1bwQcfE0WzsDS0D4rOfV9Pg?

链接：https://pan.baidu.com/s/1bwQcfE0WzsDS0D4rOfV9Pg?uploads 文件夹：存放非固定使用的图片素材，例如：商品图、宣传图需要上传的图片。images 文件夹：存放固定使用的图片素材，例如：logo、样式修饰图等等。Favicon 图标：网页图标，出现在浏览器标题栏，增加网站辨识度。common.css：各个网页相同模块的重复样式，例如：头部、底部。css 文件夹：存放 CSS 文件（link 标签引入）index.css：首页 CSS 样式。

链接：https://pan.baidu.com/s/10KBDVULhIOW698yODAmvSQ?，包含 HTML、CSS、图片、JavaScript等等。布局思路：先整体再局部，从外到内，从上到下，从左到右。标签结构：h1 > a > 网站名称（搜索关键字）调整盒子位置 → flex 布局、内外边距。画盒子，调整盒子范围 → 宽高背景色。搜索引擎优化：提升网站百度搜索排名。文件夹，内部包含当前网站的。网站根目录是指存放网站的。控制图片、文字内容样式。