如何为我的Django网站开发前端（UI）

我正在学习Django和Web开发的新手。如果您觉得这个问题太蠢了，请原谅。

因此，我正在使用Django创建一个Facebook应用程序，并将其托管在Google App Engine中。该项目将专注于阅读任何网站的RSS / Atom提要（这就是我现在能说的）。

我确定足以处理RSS / Atom文件，但是我担心前端（用户界面）部分-“设计部分”。我不知道HTML / CSS / JavaScript（我可以处理简单的HTML东西，但这不会导致任何设计问题）。

首先，我考虑过使用Dreamweaver之类的工具或任何等效软件来设计UI，但是当我真正开始学习django并开始使用它时，这似乎是“不可能”的事情。

所以，

• 我应该如何设计网站的UI部分？我不能使用Dreamweaver之类的工具吗？

  • 如果否，那么像我这样不懂JavaScript / CSS的人的最佳方法是什么
  • 如果是，那么Dreamweaver的最佳开源替代方案是什么？
  • Google App Engine可以处理所有这些吗？

• 与Django打交道的人如何编辑这些模板页面。Django提到它将逻辑（视图）和设计（模板）部分分开，以便公司中的不同部门可以分别处理。但是，考虑到Django的HTML页面充满了与HTML（设计）无关的“标签”，UI用户如何处理它？

Django文档从未提到过，不了解HTML / JS / CSS内容的人可以使用它。关注点也可以在后端进行，在后端，实际操作（视图）与数据库层或URL路由逻辑分离-允许松散耦合。这绝不意味着您不了解模型就可以编写视图。同样（不是那么类似），您确实需要了解HTML / CSS才能建立基本的网页。您可能会或可能不想学习一些JS，但是我认为使用HTML5，了解一些JavaScript或多或少是至关重要的。

没有理智的Web开发人员会建议使用Dreamweaver之类的WYSIWYG编辑器。手工编写HTML。但是，您可以使用HTML5 Bolierplate之类的工具来快速启动项目。

Google AppEngine是一种Pa​​aS，可用于部署应用程序。它将提供Python运行时，高复制数据存储库等-但不会生成前端。

如果您要雇用某个人来照顾前端，那么那个人无论如何都必须知道如何使用Django标签，就像（如果您严格遵循MVC或MTV模式）那样，他们会定义模糊的线在“静态”和“动态”网页之间。即使您选择雇用前端开发人员，我也建议您掌握HTML和CSS的基础知识（至少要足够了解它的工作原理以及如何为CSS静态文件提供服务）。从长远来看，它只会对您有帮助。

并非所有人都具有良好的设计技能，毫无疑问，设计最好是留给熟练的技术人员使用，但是在实际使用该设计服务页面时，全部是HTML和CSS。因此，您可以聘请一个兼职的人（大多数情况是这样）作为前端设计师和前端开发人员。但是我建议您不要完全不了解前端技术。

我要做的是要么在Dreamweaver中设计布局，要么雇用设计师使用虚假数据创建HTML“线框”，然后遍历它，并使用Django（或Jinja）的模板标签将其制作为工作模板。我知道一些HTML，但是我永远都做不到任何吸引人的东西。有功能吗？是! 赏心悦目？球不！

因此，总而言之；仅需具备HTML的一些基本知识，您就可以修改预制的HTML文档以用作模板。

无论如何，您都需要了解HTML的工作方式。您可以从没有任何图形美感的简单布局开始。

您可以使用任何喜欢的编辑器（Dreamweaver或其他工具），但是django的标签会将模板链接到程序代码，因此没有任何编辑器可以使用所见即所得（所见即所得）进行编辑。一些IDE几乎没有用于该标签的帮助程序，但仅此而已，它们只是使诸如关闭标签之类的事情自动化。

或者，您可以聘请自由职业者在您的应用程序中创建和集成模板，但这不是学习知识的最佳方法:)

也许学习如何使用html + bootstrap。Bootstrap是一个现代的程序包，用于创建响应式站点，在该站点中，CSS和JavaScript几乎（即使不是全部）都由您来照顾。因此，无需深入研究html + css + js。

在足够了解引导程序之后，您将要做的是转到这些引导程序示例，然后从那里开始您的W​​eb设计。然后，当您需要特定于组件的元素时，请转到此链接。

我对HTML，CSS和JS知之甚少，而Bootstrap确实挽救了我的屁股。您将需要了解其中的基本知识，但是，如果您要进行Web开发，那就不应该受到伤害。