留学生如何开发一个简单网页来应付学校作业?

网站开发是网站建设工作的总称。这包括从标记和编码到脚本、网络配置和内容管理系统开发的所有工作。网站开发通常是指网页标记和编码，而网站开发则包括所有相关的开发任务，如客户端脚本、服务器端脚本、服务器和网络安全配置、电子商务开发和内容管理系统(CMS)开发。

这项工程听起来很复杂，但是很多高校的老师都会给计算机专业的学生布置这样的作业，那么留学生们要如何开发网页呢?

1. 制定计划

在将笔放在纸上或手放在键盘上之前，首先与组织内的团队和人员联系，制定网站计划至关重要。在你的第一个网站草稿之前，以下是一些需要考虑的问题：

- 你的网站的目标是什么?

- 你的受众是谁，你希望他们在你的网站上做什么?

- 你正在构建哪种类型的网站?(例如基本信息、会员制、在线商店)

- 你打算发布什么内容，以及发布的数量是多少?

- 这些内容的目的是什么?

- 你将如何构建网站以获得最佳导航体验?

- 你的预算是多少?

回答这些问题需要与你的网站开发、市场营销和财务团队互动，以确定你的优先事项并做出明智的决策。简而言之，与其在遇到障碍时再返工，不如在过程开始时创建一份路线图要容易得多。

2. 创建线框图

所有好的网站都从一个蓝图开始。开发人员称之为线框图。它不必是正式的文件;它只是你网站的一个愿景，可以为你和你的开发人员提供方向和一个开始的地方。你可以在白板上绘制它，或者使用工具如Invision、Slickplan或Mindnode。

线框图是纯粹的视觉工具，将帮助你了解文本和图像将在各个网页上放置在何处。你可以使用空白框和“虚拟文本”来了解你的内容将如何显示在前端。与你的开发人员合作创建线框图，以便他们了解你的想法。

3. 编写站点地图

接下来，是创建站点地图的时候(不要与sitemap.XML混淆，后者是一个帮助搜索引擎爬行和查找你的网站的XML文件)。就像商业计划为潜在投资者提供了关于你的目标和可交付内容的洞察一样，站点地图为开发人员提供了满足你的愿景所需的信息。你可以自己创建站点地图，也可以与你的开发人员合作。

在计划你的网站时，可以考虑以下一些问题：

- 你想要哪些个别页面?

- 这些页面上会有什么内容?

- 你如何将这些页面组织成类别?

- 你的网站页面的层次结构是什么?

- 页面之间如何链接?

- 哪些页面和类别对你的网站和用户体验至关重要?

- 哪些页面或类别可以删除或合并?

再次强调，与你组织内的其他团队咨询是个好主意。如果你有一个SEO和/或内容战略团队，他们的意见在页面链接结构和分类方面将至关重要。

4. 编写网站代码

Web开发过程的下一步是编写代码。开发人员将使用不同的编程语言来开发网站的前端和后端，以及网站的不同功能(如设计、交互等)。这些不同的语言一起工作来构建和运行你的网站。让我们从最常用的语言开始。

- HTML(超文本标记语言)：自1990年代以来一直在使用。它是构建网站所需的最基本的东西。虽然只使用HTML可以创建一个网站，但它可能不会看起来特别吸引人。以下是一个基本的Bootstrap按钮的HTML代码示例：

```html

<button type="button" class"btn">Click Me</button>

```

类似CSS和JavaScript这样的语言可以增强和修改由HTML代码构建的基本网站结构。HTML5是最新版本，支持跨平台浏览器功能，因此在移动应用程序开发中非常流行。

- CSS(层叠样式表)：在1990年代末开发。它添加了设计元素，如排版、颜色和布局，以改善网站的整体“外观”。CSS允许开发人员根据你为网站设想的美感来进行转换，与HTML5一样，CSS与所有浏览器兼容。

- JavaScript：JavaScript是编程语言中的“点睛之笔”。它于1990年代中期创建，用于为网站添加功能。开发人员使用它来添加动画、自动化某些页面内的任务，并添加增强用户体验的交互功能。JavaScript正在迅速发展。曾被认为是“玩具”语言，现在是世界上使用最广泛的编程语言。在Node.Js的帮助下，它现在是后端编程语言。它是浏览器能够理解的第一种语言，甚至有人讨论将机器学习应用于它。以下是一个在WordPress中自动打开链接的JavaScript代码示例。

HTML、CSS、JavaScript是Web开发的“三巨头”。几乎每个网站都以某种方式使用它们。还有许多其他语言，如Java、C++、Python和SQL等，但理解这三种语言是构建你的网站开发知识的基础。

5. 构建网站的后端

编写代码可能是Web开发的较复杂部分之一，但它远不是唯一的组成部分。你还必须构建网站的后端和前端结构以及设计。

让我们从后端开始。

后端处理支持前端功能的数据。例如，Facebook的后端存储我的照片，以便前端可以让其他人查看它们。后端由两个关键组件组成：

- 数据库：负责存储、组织和处理数据，以便它可以通过服务器请求检索。

- 服务器：构成计算机的硬件和软件。服务器负责发送、处理和接收数据请求。它们是数据库和客户端/浏览器之间的中介。浏览器实际上会告诉服务器“我需要这些信息”，服务器将知道如何从数据库获取该信息并将其发送到客户端。

这些组件共同工作，为每个网站构建基础。

至于构建你的网站，后端开发人员将建立以下三个重要部分：

- 逻辑代码：这是你的网站将如何响应特定请求以及网站对象将如何交互的一组规则。

- 数据库管理：这是你的网站将如何组织、管理和检索数据的方式。

- 基础架构：这是你的网站将如何托管的方式。托管自己的网站将为你提供更大的控制权，但成本更高，需要维护自己的服务器健康和安全。

有了这些组件和决策，你的网站将准备好进行前端开发。

注意：后端与Web开发略有不同，因为如果你不存储任何数据，你不总是需要后端。在这种情况下，“数据”指的是你需要保存和持久化的任何用户输入信息。想象一下登录到一个网站。如果他们没有后端，他们如何记住你的登录信息?或者你的配置设置是什么?要获得这些信息，你需要后端。例如，Facebook需要知道你的好友列表中有哪些人，你加入了哪些活动，你创建了哪些帖子等等。这都是存储在数据库中的“数据”。如果他们没有带有数据库的后端，那么这些数据对他们来说都是不可访问的。另一方面，一个纯粹提供信息的网站，不需要用户输入任何数据，可能不需要后端。

因此，如果没有数据，你不一定需要后端开发。但这并不意味着你不应该学习基础知识。你永远不知道何时会需要它。

6. 构建网站的前端

如果你曾经涉足过网页设计，或者尝试使用WordPress、Squarespace或Google Sites创建网站，那么你已经接触过前端Web开发。

前端工作很重要，因为它决定了你的访问者、客户和用户看到什么，以及他们将如何使用你的网站。前端(或客户端)开发包括JavaScript、HTML和CSS的组合。它还控制了诸如排版和字体、导航、定位以及浏览器兼容性和响应性等组件。这部分将更多地反映你最初的网站愿景以及你在线框图中包含的内容。

随着技术和消费者偏好的变化，客户端编码往往比后端开发更容易过时。这就是编码资源(如下面提到的资源)派上用场的地方。

7.(可选)使用内容管理系统(CMS)

为什么有人会选择使用内容管理系统(CMS)而不是手工编码或从头开始编码?的确，CMS不够灵活，因此在前端上控制权较小。然而，CMS更容易使用(你需要编写更少的代码)，通常具有托管网站、存储用户信息、创建博客、发布着陆页、捕获潜在客户以及构建电子邮件列表等工具。因此，你将能够在不到一半的工作量下使你的网站更加盈利。

CMS选项通常包括插件，可以省去编写后端的需要。例如，有WordPress的电子商务插件，因此，不需要构建复杂的后端来向客户收取信用卡费用，可以使用现有的插件，避免处理数据库和服务器端代码。

流行的内容管理系统包括HubSpot、Joomla、Magento和WordPress，后者在市场上占有65%以上的份额。在这种情况下，我们谈论的是开源的WordPress软件，而不是WordPress网站构建器。

8. 获取域名

此时，你的网站将具有IP地址。它还需要一个域名，一个可记住的网站名称，让你的访问者可以用来找到你的网站。也许你听说过GoDaddy和Hover等网站。这些服务可以帮助你购买域名，并在ICANN(互联网名称与数字地址分配机构)注册。大多数域名注册在一年内需要续订。

网站构建器和托管服务，如WordPress和Squarespace，也允许你购买域名。

9. 启动你的网站

一旦设置了域名并将其链接到托管服务器，你几乎可以准备将你的工作展示给网络。但不要那么快——在正式发布之前，你仍然需要检查一些事情。这些包括为团队分配职责、彻底测试你的网站是否有任何故障、优化SEO以及在“启动”之前进行最后检查，使你的网站上线。

海马课堂留学生作业辅导，根据学生的辅导需求匹配背景相符的专业老师。1V1个性化备课，双语教学，实时辅导，讲解相关知识点和解题思路，提供大型作业任务的解决方案，辅导计算机编程语言操作，教授学生高效完成PPT和演讲稿，针对性解决留学生各类作业中遇到的困扰，提高作业成绩！