如何构建"添加内容"响应式网站的页面

时间:2017-07-27 11:09:27

标签: html web responsive-design content-management-system

上下文:好的,我正在为朋友建立一个网站。他是一名设计师,每天都需要包括他的项目(图片和文字)。

问题: 好的,所以我非常了解如何在html / css / javascript中编写一个前端响应式网站,这对我来说很简单,困难的是内容页面。我从来没有这样做过,所以我不知道最好的方法。 他每天去的一个页面放了一个新项目,新图像,格式化文本(像博客一样)。但由于他对编码和前端一无所知,因此必须足够简单易懂。

资源:我进行了多次搜索,发现一些网站允许自定义模板包含内容,其中一个是wordPress(多年来一直没有使用过它)。我目前正在滥用tumblr,但他们的支持非常糟糕。我应该使用一个,我应该买一个像bluehost的主机并创建我自己的主机,你们建议的是什么?我尝试谷歌它,但也许我没有正确的方式,因为我没有找到任何问题的答案。

1 个答案:

答案 0 :(得分:2)

看,你来到一个编程网站,所以你最常见的建议就是我自己推荐的选项:

自己动手!

这真的是一种有趣且非常有教育意义的体验。

有许多方法可以做到这一点。通常,您希望有一个与后端API通信的前端。

对于前端,有很多选择。从像Jekyll这样的模板引擎到像Laravel这样的MVC框架,再到AngularReact等完全成熟的高级抽象,这些抽象难以学习,但是非常强大一旦你弄清楚它们就会很有用。

您可以用来制作支持网站的API的工具选择同样丰富。 C#有ASP.NET(有些人也用于前端,但我不会),JavaScript有Node.JS,有大量的库和软件包可以让你入门。 Flask是Python的流行选项。这个清单一直在继续。

哦,别忘了Ruby on Rails

至于你的朋友将用来添加他们的作品的界面,将所有复杂的后端变成一个简单易用的界面是UX设计的基本部分,恕我直言,一旦你做对了就非常满意。让它更时尚,最重要的是,直观。不应该教会如何使用它。从他们第一次打开页面时应该很明显。在开发过程中,您应始终询问他们的反馈。有些人甚至选择创建界面的模型,以便在编写单行代码之前获得有关其美学和直观性的反馈。

现在,关于 你实际上是怎么做的,答案实际上取决于你选择使用的工具。一般来说,您需要阅读MVC pattern或React component architecture之类的内容。前者是您在各种平台上遇到的问题。后者主要是针对React的,但在我看来,了解如何使用组件架构正确构建网站意味着您处于正确的思维模式中,无论您选择如何构建它都会对您有所帮助。

所有这一切 ......

Web开发很复杂。创建动态网站是一项更大的任务,即设计静态页面,甚至制作SPA。虽然我全心全意地建议你在某个时候,但从你朋友的网站开始可能不是最好的主意。或者,您可能根本没有时间筛选所有选项,找出最适合您的选项,开始学习过程等。

在这种情况下,有大量的发布框架和工具集可供选择。 Wordpress近年来变得非常流行,其模板和插件也很丰富。像MediumGhost这样的替代品也获得了一些牵引力。

有很多商业CMS类型的框架。我听到的好消息是ExpressionEngine。但是,我不能肯定地说出来。

如果您正在寻找网站构建器,那么还有很多选项,例如WeeblyWix以及SquarespaceGoogle sites是该部门的一个相对较新的人,但看起来很有希望。

总而言之,

我全心全意地建议从头开始构建它。您可以选择许多语言,框架和工具,每个都有自己的模式,最佳实践和特性。如果您没有时间,或者只是不想从头开始构建动态网站的过程,您可以使用许多可用工具中的一种。然而,这几乎没有那么有趣,并且可能会产生较差的结果。