如何构建响应式网站的 "To add content" 页面

How do I build the "To add content" page of a responsive website

上下文: 好吧,我正在为朋友建立一个网站。他是一位非常需要每天包含他的项目(图像和文本)的设计师。

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

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

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

自己做!

这确实是一次有趣且很有教育意义的经历。

有很多很多方法可以做到这一点。一般来说,您会希望有一个与后端通信的前端 API.

对于前端来说,有很多选择。来自像 Jekyll, to MVC frameworks like Laravel, to full fledged high level abstractions like Angular and React 这样的模板引擎,这些引擎公认更难学习,但一旦你弄清楚它们,它们就会非常强大和有用。

可用于制作支持网站的 API 的工具选择同样丰富。 ASP.NET for C# (which some people use for the front end as well but I wouldn't), there is Node.JS for JavaScript, with a myriad of libraries and packages to get you started. Flask 是 Python 的热门选项。名单还在继续。

哦,别忘了 Ruby on Rails

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

现在,关于如何你实际上会怎么做,答案实际上取决于你选择使用的工具。通常,您需要阅读 MVC pattern, or React's component architecture 之类的内容。前者是您会在各种平台上遇到的东西。后者主要是特定于 React 的,但在我看来,了解如何使用组件架构正确构建网站意味着你有正确的心态,无论你选择如何构建它,这都会对你有所帮助。

话虽如此...

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

那样的话,有大量的发布框架和工具集可供选择。 Wordpress has become very popular in the recent years, and templates and plugins for it are abundant. Alternatives like Medium and Ghost 也获得了一些关注。

有很多商业 CMS 类型的框架。我听说过的一件好事是 ExpressionEngine。但是,我不能肯定地说。

如果您正在寻找网站建设者,也有很多选择,例如 Weebly, Wix, as well as Squarespace. Google sites 是该部门的一个相对较新的人,但看起来很有前途。

所以,总而言之,

我衷心推荐从头开始构建它。有许许多多的语言、框架和工具可供您选择,每种语言、框架和工具都有自己的模式、最佳实践和特质。如果您没有时间,或者只是不想经历从头开始构建动态网站的过程,您可以使用众多可用工具中的一种。但是,这不会那么有趣,而且可能会产生较差的结果。