跳到主要内容

设计者应该知道10个Web开发概念

十多年来,我一直是一名网络开发人员,大部分时间我的公司都是分包开发团队,与网页设计师一起在网站和应用程序上工作。此外,我们开发了自己的小型CMS产品,栖息许多网页设计师使用它来为他们的网站提供简单的内容管理。在支持Perch的过程中,我会看到人们如何工作,以及他们挣扎的概念。

自由职业者或经营自己的代理商的设计师可能会发现他们需要自信地向客户解释技术概念。最终客户通常不知道启动新网站背后的各种专业,并依赖他们的网页设计师来指导他们完成整个过程。因此,即使您倾向于外包开发工作,了解开发也可以带来好处,让您与客户讨论工作的技术部分。此外,在与开发人员合作时,您的知识将有助于加快沟通并防止误解。

本文包含一些小技巧和进一步阅读的链接,我发现自己在与项目的网页设计师合作以及支持Perch时所解释的主题。

1.编写以用户为中心的功能规范

开发工作的功能规范或简报是代理生活的一部分。他们得到了一些糟糕的新闻,因为他们可以用来击败客户端,并防止做出改进,从而改善网站。但是,如果您需要引用时间和成本,则需要基于该估算的内容,如果您要分包开发工作,则需要确保开发人员清楚他们需要构建什么。

开发规范应该清楚地描述您的应用程序,重点关注用户可以做什么。专注于用户 - 访问者和管理员 - 需要实现的任务,并且您将大大创建可以可靠引用的规范,这将有助于防止特征蠕变

2.在计划时考虑编程结构

当开发人员考虑一系列需求时,我们倾向于考虑编程结构。在开发规范和设计接口时,对这些结构的理解可以提供帮助。

条件逻辑 - 如果......那么......其他......

条件逻辑的示例可能是以下要求。如果用户已登录,则向他们显示“我的帐户”的链接,否则显示登录和帐户创建的链接。在设计流程时很容易忘记其他,总是考虑如果你的条件不满足会发生什么。

循环

许多发展包括重复信息块。也许您将产品存储在数据库中并希望将它们显示为列表,一遍又一遍地重复相同的标记块,直到结束。

如果你有太多的项目可以很好地显示在一个页面上会发生什么?您将需要某种分页 - 上一页和下一页 - 或者只显示部分数据的其他方式。人们可以以任何方式对数据进行排序吗?是否有任何需要以不同方式显示的特殊情况?这些规则需要在规范中解释,因为任何过滤都可能需要针对数据库中的产品存储额外的信息。

本文来自dev.opera为非程序员简单地解释了编程的基础知识。

3.设计时 - 不要忘记错误状态

在考虑开发开发简介或创建初始设计时,不要忘记错误状态和表单验证。如果将这些内容留给开发人员,最终会得到程序员设计的错误消息。

从程序员那里保护您的设计!特别是如果您处于将设计交给开发人员来构建站点的情况,并且在此之后可能没有太多输入。仔细考虑用户需要填写表单或以其他方式与站点交互的各个位置。通过向开发人员提供有关消息如何显示以及用户体验应该是什么的明确说明来保护您的设计。

4.了解数据库设计的基础知识以及数据的存储方式

除非你有一个完全静态的站点 - 在这种情况下你的数据存储为HTML - 你以某种方式存储数据。了解数据的存储方式将使您作为网页设计师的生活更轻松。它将帮助您理解开发人员需要做出的决定,以便很好地存储数据以便在网站上使用,以及为什么看似微小的设计更改可以做很多工作。

5.学会爱版本控制

特别是对于单独的设计者来说,源代码或版本控制似乎是不必要的,但版本控制可以通过提供工作备份来帮助防止数据丢失。使用远程托管版本控制系统还可以更轻松地在不同位置工作。我每天晚上检查我的工作进入我们的系统然后如果我需要在第二天出于某种原因在家工作,我可以查看我的进度并准确地找到我离开的地方。

如今,有许多优秀的托管版本控制提供商 - 例如,GitHub上魔豆。豆茎也有版本控制的精彩指南对于那些第一次使用它的人。

6.创建专业的开发环境

支持Perch为我们提供了对人们工作方式的精彩洞察。我们看到人们做的一些可怕的事情包括以下内容:

直接在现场开发

我总是对我看到直接对实时网站上的文件进行更改的人数感到惊讶。这是一种可怕的工作方式,而不仅仅是因为你可能会在现场网站上破坏某些东西。如果直接在服务器上的文件上进行开发,很可能这是可用的最新文件的唯一副本。如果服务器出现任何问题,您可能会发现整个站点都丢失了。

在实时网站的子文件夹中进行开发

我们看到人们正在做的另一件事是在实时网站上开发,但在子文件夹中这样做。虽然这意味着您没有直接对实际站点进行更改,但您仍然遇到现有服务器上子文件夹中存在的唯一站点副本的问题。

在子文件夹中进行开发存在第二个问题 - 在实时站点或本地服务器上 - 通过这样做,当您将站点移动到某个级别时,从root用户的所有路径都将是不正确的。有些脚本需要知道root的路径,因此您可能会发现环境的变化会在您上线时导致问题。德鲁麦克莱伦解释了为什么你应该这样做停止在子文件夹中构建网站

没有Web服务器在本地开发

如果您没有进行任何服务器端开发,那么您可以在本地工作,在浏览器中预览文件系统中的文件,或使用Dreamweaver或其他编辑器在浏览器中进行预览。再一次,通过这样做,您不会将您的页面视为网站的一部分,这可能会在您上线时产生路径问题。

开发人员知道您应该始终尽可能地镜像您的实时环境,这可以防止您在移动网站时遇到的许多问题。

我想建议每个人都运行自己的本地Web服务器。如果您的网站通常只是HTML和CSS,或者您使用PHP,那么MAMP在Mac上,的EasyPHP要么XAMPP在Windows上会做得很好。为每个站点创建虚拟主机,以便文件可以位于站点的根目录中。

7.重复使用代码和其他资产

开发人员喜欢尽可能地重用代码而不是从头开始编写代码,重用可以节省时间,但也可以避免一次又一次地犯同样的错误。

重用代码并不一定意味着为每个站点使用CSS框架或相同的样板。您可以只维护一个有用的片段库。

许多代码编辑器允许您将代码存储为片段或片段,还有独立的工具和网络应用为此目的而设计。

重用不仅仅是关于代码,您可以存储常见的界面元素以放入Photoshop中的设计中。我节省时间的一种方法是在我的桌面上保留一个测试上传文件的文件夹。我所做的很多是开发和测试内容管理系统,我经常要测试上传的图像和文件。通过保留一些测试文件,我最终不会将一些重要的PDF文件从帐户上传到客户端的测试服务器中!

8.知道何时将责任转移给第三方是个好主意

想要做到这一切并将所有内容保存在您自己的网站上是很诱人的。但是,有时向客户建议最负责任的事情是使用第三方来实现某些功能。这方面的好例子是在处理付款和发送电子邮件时。

付款页面

如果您的网站需要在线支付,许多支付服务提供商将提供完整的API集成选项或在其网站上的安全页面上进行支付。除非您对安全性非常有信心并了解PCI DSS要求将如何影响您,否则通常更好的决定是将收集卡详细信息留给PSP,然后您和您的客户无需担心安全性卡详细信息。

发送电子邮件

发送电子邮件是一件棘手的事情。让邮件在邮件客户端上运行良好并通过垃圾邮件过滤器可能很困难。您还需要管理取消订阅请求,并查看您的消息实际通过了多少。第三方服务如Campaign MonitorMailChimp发送到列表,和邮戳从您的应用程序发送邮件可以将电子邮件的责任转移给处理它的专家的第三方。

9.意识到便宜的托管是昂贵的

如果你每月支付的费用低于你每天早上支付的咖啡,那么就会出现问题。质量差的托管将花费你更多的时间,而不是你省钱。

主机通过提供非常少的支持和通过将大量站点加载到每个物理服务器上来提供廉价主机。共享服务器上存在的站点越多,每个站点的资源就越少 - 并且您的站点可能运行缓慢,并且在数据库驱动的网站中,您可能会看到数据库服务器的连接错误,因为它有太多的流量应付。

如果您希望您的网站快速加载,并且您的主机可以帮助您,如果您遇到任何问题,为您的托管支付更多费用将获得回报。更多关于选择虚拟主机

10.了解安全问题

通过一些基本的预防措施,您可以最大限度地降低网站遭到黑客攻击或污损的风险。大多数攻击都不是个人攻击,而是针对常用的软件。该停止恶意软件网站解释了您在黑客网站上可能会发现的一些常见问题。

升级到第三方软件必须是规范的一部分

让客户端在其服务器上安装第三方软件而无法升级它是不负责任的。如果您为使用任何第三方代码的人部署网站 - 无论是博客软件,CMS,论坛还是其他任何东西 - 您必须与客户达成协议,您将在需要时更新软件或传递信息,以便他们自己做。

对插件非常怀疑

假设您使用的是正在使用的核心软件(如WordPress),黑客更有可能通过安全性较差的插件或甚至是恶意软件本身的主机来访问服务器。在向您的网站添加任何代码之前进行您的研究,并检查人们在使用它之后没有报告问题。

如果您的网站遭到入侵,请检查主机上的其他人是否遇到同样的问题

它可能不是您安装的导致安全漏洞的任何内容。如果您的网站遭到黑客攻击,请检查并查看同一主机上的其他人是否也遇到问题。问题可能源于托管公司的安全性差,或基于其控制面板软件的妥协。如果他们确实没有认真对待这个问题,那么现在是改变主机的时候了!

无论您是作为设计人员,开发人员,撰稿人,项目经理还是其他任何角色参与Web,我都觉得您对整个堆栈的了解越多越好。当我们欣赏并且可以互相学习彼此的角色时,我们会更有效地合作 - 当我们看到其他人正在做的事情时,通常会有一些提示可以帮助我们完成自己的工作。您可以在评论中添加自己的建议。



翻译字数超限