个人博客网站成功上线

呼呼呼呼,在昨天费劲千辛万苦终于成功上线了自己的个人网站项目,为啥要在昨天上线呢?哈哈哈,因为昨天是我的生日,我要送给自己一个特别的生日礼物,嘻嘻嘻嘻,也算是不负众望,在生日的头一个小时,我成功的利用购买的阿里云服务器上线了我的个人网站,网址名为: 

www.fujianjian.cn      欢迎各位访问,并且提出你们的宝贵意见。接下来我介绍一下我的网站主要的功能。

一,主页面

由于我比较喜欢好看的华丽点的页面,于是采用了html+css+js实现星空特效_拾玥花开的博客-CSDN博客的文章。

页面图片为:

背景的星空是不断旋转着的。

二,点击链接访问到首页

这是进入首页后所展示的内容,左边的标签栏可以访问到另外的几个页面,在这个页面下方我放了几篇文章上面我写了自己的成长经历,嘻嘻嘻,要不可能是真的没啥可以写的,大家请不要笑话,页面展示如下:

 本身是可以把介绍内容放到另个页面的,在当我们点击每一个不同的照片或者链接时,跳转到文章详情介绍页面,但是因为我有点懒了,就写到了外面,因为我没有添加数据库和后端的内容,头像和点击量评论数我都是写的固定的,这个页面设计了一个响应式设计:

当将页面缩小为一定的距离时,标签栏会收回去,取而代之的是一个可以点击的插件,点击之后变成了如图所示内容 :

点击关闭按钮又可以收回去,这个页面考虑到了手机端访问的用户,于是添加了另一个的响应式设计,如图:

 

这样的话手机端也可以很舒服的访问并且浏览,也是可以点击三道横杠的插件

,之后也是可以选择其他页面标签:

页面的最底下有个导航菜单,我没怎么认真编写,只是有一个形在那里放着:

接下来我们介绍第三个页面。

三,相册页面

 

该页面我没有设计其他主要的功能,只有一个功能就是大图预览功能 

 点击不同的照片时,可以弹出一个大图预览,点击X按钮就可以关闭这个大图,恢复照片的页面

 四,花园宝宝页面

其实该页面也就是一个轮播图的功能,这个功能我在之前写过一篇文章在前面,这个页面我选择了几张好看的图片挂在了上面:

 该图片会在3秒左右进行一次图片的切换,当你点击下面的数字时,图片会直接跳到你点击数字所对应的图片位置,之后此页面的底部也是有一个导航栏,一二三页面都是带有一个导航栏在底部。

之后的三个页面就都是一些特效页面了,也都是参考了我们csdn的博客大佬们

五,高危页面

流星雨特效,参照于   html写流星雨(完整代码)_秦哥的博客-CSDN博客_html流星雨代码

具体页面如图:

 因为我很喜欢这种氛围,每个小孩子都会喜欢这种看起来酷酷的感觉把,嘻嘻嘻,我也是小孩子。

六,爱心冲击

参照于html爱心特效代码_梦游星海的博客-CSDN博客

页面如下:

 这里出现了一些中文乱码,我因为着急上线,也没有特别的去修改一下,大家体谅一下,

七,旋转相册框

参照于fool宋转载的文章

页面如下:

这个页面也有着一些乱码,将就一下=.=;这个页面就是当你的鼠标在不同的位置时,照片的切换速度和方向是不一样的,越靠近中心一点的位置,速度会越慢,看起来十分的酷炫。

到这里,我的网站所有的功能就介绍完了,之后这个页面也会不断的进行更新,修改,会增加许多不同的新功能,敬请期待把。

还有,我之前就写过一个功能的文章,最近如果学业不忙,我会继续编写不同的功能代码,就这些,拜拜。 

猜你喜欢

转载自blog.csdn.net/m0_55315930/article/details/120293141
今日推荐