搭建静态的响应式个人官网

这几天看到了一个视频（哔哩哔哩 up：峰华前端工程师）的一个教程，是做一个响应式的官网，用到了好多的 js 包，虽然说使用别人的包，但是效果是很好看的。

项目所用到的库有：

 anime： 动画库，里面有各种动画实现，链接：http://www.animejs.cc/ 。glide： 轮播图库， 链接：https://glidejs.com/ 。isotope： 筛选排版库， 链接：https://isotope.metafizzy.co/ 。scrollreveal：滚动动画库， 链接：https://scrollrevealjs.org/ 。smooth-scroll：平滑滚动屏幕到指定地方， 链接：https://github.com/cferdinandi/smooth-scroll/tree/master/dist 。

完成后的项目是一个静态页面，可以在 https://zyf5.gitee.io/mu-tu 这个页面访问一下，看看是什么效果，这个是个静态网站，然后放到码云上去了，使用码云的 Gitee Pages 可以把静态网页进行展示。（不知道说得对不对）。
在下一篇文章，我们来说如何简单的做到把项目部署到码云上，而且可以浏览效果。

附加一下哔哩哔哩视频的地址，感兴趣的小伙伴可以看看哦，我比较笨用了 4天的时间，才做出来，嘿！看链接：哔哩哔哩链接

搭建静态的响应式个人官网相关推荐

HTML5期末大作业：网站——响应式网络游戏官网HTML+CSS+JavaScript ~ 学生HTML个人网页作业作品下载 ~ web课程设计网页规划与设计 ~大学生个人网站作业模板 ~简单个人网页
HTML5期末大作业:网站--响应式网络游戏官网HTML+CSS+JavaScript ~ 学生HTML个人网页作业作品下载 ~ web课程设计网页规划与设计 ~大学生个人网站作业模板 ~简单个人网页 ...
php企业官网源码响应式,基于ThinkPHP5框架开发的响应式企业官网PHP源码_PC端+WAP手机端自适应+TP企业官网建站系统...
源码介绍基于ThinkPHP5框架开发的响应式企业官网PHP源码,是一款基于ThinkPHP5.0.10内核开发的企业建站管理系统,非常适合企业拿来二次开发自己的企业官网系统.前端界面采用流行的bo ...
PHP响应式H5图片网盘外链系统源码自适应PC手机端
介绍: PHP响应式H5图片网盘外链系统源码自适应PC手机端支持图片违规检测网盘与外链分享步伐,撑持一切格局文件的上传,可以天生文件外链.图片外链.音乐视频外链,天生外链同时主动天生响应的UBB ...
响应式行业资讯网类网站织梦mip模板带数据完整无错版
织梦最新内核开发的模板,该模板属于比特币新闻资讯类.博客类企业都可使用, 这款模板使用范围极广,不仅仅局限于一类型的企业,你只需要把图片和产品内容: 换成你的,颜色都可以修改,改完让你耳目一新的感觉! ...
如何搭建个人博客或企业官网
想搭建个人博客,但懒得写前端.网友说wordpress+xampp搭建网站方便快捷,我便尝试了一下.功能很多,不用我设计表,不用写代码,只有一个缺点--依赖模板.搜了各种WordPress模板,没有自 ...
大学生静态HTML网页设计--公司官网首页
⛵ 源码获取文末联系 ✈ Web前端开发技术描述网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 公司官网网站 | 企业官网 | 酒店官网 | 等网站的设计与制 ...
Bootstrap样式插件/响应式布局/旅游网案例
Bootstrap 1. 概念: 一个前端开发的框架,Bootstrap,来自 Twitter,是目前很受欢迎的前端框架.Bootstrap 是基于 HTML.CSS.JavaScript 的,它简洁 ...
[自学第十一天] 静态项目实战_纽曼官网(用时三天)
1.需求分析 2.创建项目目录样式分为 index.css 首页内容样式 public.css 公共样式 reset.css 页面样式初始化 3.完成首页的结构与样式首页结构展示初始化样式部分展 ...
【HTML响应式项目】成人教育官网前端页面（HTML+CSS+JS实现三端适应）
项目源码已上传至码云仓库:云南农业职业技术学院/HTML响应式成人教育官网前端页面(HTML+CSS+JS实现) 项目演示地址:成人教育网 AAP端下载地址:成人教育网APP端.apk-互联网文档类资 ...
HTML5期末大作业：游戏网站——网络游戏官网(悦世界) 6个页面 HTML+CSS+JavaScript ~ ~ 学生HTML个人网页作业作品下载
HTML5期末大作业:游戏网站--网络游戏官网(悦世界) 6个页面 HTML+CSS+JavaScript ~ ~ 学生HTML个人网页作业作品下载临近期末, 你还在为HTML网页设计结课作业,老师 ...

搭建静态的响应式个人官网

搭建静态的响应式个人官网相关推荐

最新文章

热门文章