浅谈我们的个人博客完成之路-----前端

看到题目:我们,顾名思义不是一个人的意思,是我和我的老公。工作之后我们一直想拥有自己的博客,但是一直没有闲暇时间,就一直搁置了,最近这段时间不那么忙了,于是就想好好规划规划我们的博客,最初是起一个名字,我们这个博客主要想记录生活的点滴,我们都是从事IT行业的,也想把平常工作中的积累和总结记录下来,分享给大家,以免大家少走或不走弯路。所以我们最终给博客起的名字:”迹忆“(迹:痕迹;忆:回忆,记录生活中的痕迹,就是记录生活的点点滴滴),这个博客是我们共同完成的,我主要负责logo的设计,页面设计,前端代码的编写;我老公主要负责搭建后台,域名购买,服务器搭建,网站备案,当然他还给了很多前端知识的指导。先说说完成步骤吧

PC端界面设计-----logo设计--------前端代码编写-----------后台搭建----------域名,空间准备。

我主要完成的是设计和前端代码的编写。所以我主要从这两方面谈谈。

PC端界面设计

在北京这个偌大的城市,我们是幸运的,因为我们都有彼此的依靠,但是那些在北京漂泊无依无靠的人,他们有时候也需要心灵的寄托,我们希望我们这个博客可以成为北漂人心灵的港湾,在这繁华的都市,很多人也许厌倦了这浮华的生活,向往田园式的生活,于是我们把博客的风格定位:田园,清新,扁平化。主色调黑白灰,强调色:红色,红色是暖系,我们忠心希望每一位来我们这里的游客都可以放松下来,身心愉悦的浏览。

首页的功能主要想放最新文章,推荐文章,最新作品,文章也需要分类,文章优分为:技术类的和非技术类的,技术类的在学无止境列表页,非技术类的在趣味杂谈里,这里还设计了足迹板块,积累日常所想所思,所见所闻。

首页设计

其他就是列表页和详情页,都是按照首页的风格设计的。

logo设计

刚开始设计完成时候,就想在网站里放”迹忆“,但是考虑到后面可能要做微站,ico图标还没有,所以又设计了一个logo,J Y取了“迹忆“的首字母,用了网站的强调色,这个网站记录人的点点滴滴的,所以又设计了一个似”人“的形状(刚设计完时,老公根本没有看出是人的形状,好吧,我的设计水平还不行,以后有了好想法再改版吧)


logo设计

前端代码编写

前端代码我主要是做首页,列表页,足迹页,留言板页,作品页,还有详情页。现在html5的语义标签对搜索引擎更友好,所以适当的使用了html5语义标签。


本文转载自:迹忆客(https://www.jiyik.com)

以上是 浅谈我们的个人博客完成之路-----前端 的全部内容, 来源链接: utcz.com/z/290017.html

回到顶部