迹忆客 专注技术分享

当前位置:主页 > 学无止境 > WEB前端 >

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

作者:嫣然 最近更新:2022/11/13 浏览次数:

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

PC端界面设计-----logo设计--------前端代码编写-----------后台搭建----------域名,空间准备。
我主要完成的是设计和前端代码的编写。所以我主要从这两方面谈谈。

PC端界面设计

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

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

首页设计

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

logo设计

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

logo设计
前端代码编写

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


转载请发邮件至 1244347461@qq.com 进行申请,经作者同意之后,转载请以链接形式注明出处

本文地址:

相关文章

如何在 Java 中使用复合设计模式?

发布时间:2023/02/09 浏览次数:153 分类:算法

你好 Java 程序员,如果大家想了解 Java 中的 复合设计模式 ,例如如何实现复合设计模式以及何时使用它,那么来对地方了。 在本文中,我们将讨论 复合设计模式 。 复合设计模式(

Java 中的观察者设计模式

发布时间:2023/02/09 浏览次数:83 分类:算法

Java 中的 观察者设计模式 是一种基本的核心 Java 模式,其中 Observe 监视 Subject 的状态或属性的任何变化。 例如,公司向所有股东更新他们在这里做出的任何决定公司是主体,股东是观

Java 中的适配器 vs 装饰器 vs 门面 vs 代理设计模式

发布时间:2023/02/09 浏览次数:176 分类:算法

Adapter(适配器)、Decorator(装饰器)、Facade(门面) 和 Proxy(代理) 设计模式之间有一些惊人的相似之处,因为它们都使用组合和委托来解决问题。 适配器模式 包装一个接口,并将

如何在 Java 中使用适配器设计模式

发布时间:2023/02/08 浏览次数:147 分类:算法

Java 中的 适配器设计模式 ,也称为 Wrapper 模式,是另一个非常有用的 GOF 模式,它有助于弥合 Java 中两个类之间的差距。 根据四人组模式列表,适配器是一种结构模式,很像 Java 中的代

如何在 Java 中使用状态设计模式?

发布时间:2023/02/08 浏览次数:119 分类:算法

状态(State)设计模式 是一种行为模式。 状态模式 看起来类似于策略模式,但它有助于管理对象状态,从而使它们在不同状态下表现不同。 在这个例子中,我们将采用一个著名的面向对

如何在 Java 中实现命令设计模式

发布时间:2023/02/08 浏览次数:128 分类:算法

大家好,今天,我们将学习一种重要的设计模式,它经常被 Java 开发人员忽视。 是的,我说的是 命令模式 ,它可以帮助我们编写灵活、松散耦合的代码来实现应用程序中的操作和事件

Java 装饰器设计模式示例

发布时间:2023/02/08 浏览次数:106 分类:算法

大家好,如果想了解 Java 中的 装饰器设计模式 ,那么你来对地方了。由于设计模式在构建软件时非常重要,在任何核心 Java 面试中也同样重要,因此清楚地了解 Java 中的各种设计模式

如何在 JavaScript ES6+ 中实现单例模式

发布时间:2023/02/08 浏览次数:197 分类:算法

在这篇文章中,我们将向大家展示如何在 JavaScript 中实现单例模式。 如果我们是一名全栈 JavaScript 开发人员,就会知道 JavaScript 是一种功能强大的语言,可以使用它来构建令人惊叹的网

Java中的策略设计模式和开闭原则

发布时间:2023/02/01 浏览次数:170 分类:算法

策略设计 模式基于 开闭设计原则 ,即著名的 SOLID 设计原则的 O 。 它是与 装饰器模式 、 观察者模式 和 工厂模式 一起在面向对象分析和设计领域中流行的模式之一。 策略模式允许我

扫一扫阅读全部技术教程

社交账号
  • https://www.github.com/onmpw
  • qq:1244347461

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便