限时优惠: 年度套餐可享 3 个月免费。 立即领取

返回博客

顶级 Web 2.0 编程与设计技能

CloudBooks 团队1 分钟阅读2020年2月1日

我相信你们很多人都听说过“Web 2.0”这个流行词。对许多人来说,这可能源于那些要求确保你的网站符合 Web 2.0 标准的人或设计公司。事实上,Web 2.0 并不是一种新的互联网形式,它只是一个描述过去几年流行趋势的词汇。

简而言之,Web 2.0 网站专注于用户体验和交互性,允许用户共享内容,并由后端数据库驱动。

在规划下一个网站时,了解哪些技术与 Web 2.0 相关以及每种技术如何为你提供帮助非常重要。在本文中,我将描述与用户界面、搜索引擎优化和数据库相关的各项关键技术。

用户界面

Web 2.0 的一个重要概念是用户体验——对于任何成功的网站来说,良好且用户友好的设计至关重要。如果你想在市场中占据优势,你需要一种直观、易用且让用户感到舒适的设计。

一旦设计师为你创建了网页设计,程序员的任务就是将该设计转化为功能性网站。为了有效地做到这一点并实现“Web 2.0”,程序员需要具备以下技能:

1. XHTML 1.0

你在浏览器中看到的内容以及你访问的大多数网站都是 HTML 的一种形式,这是自互联网早期以来一直使用的编程语言。HTML 已成为网页中使用最广泛的语言。随着开发人员和程序员对该语言越来越熟悉,且设计要求变得越来越苛刻,HTML 在某种意义上已经升级,变得更加稳健和灵活。

如今,互联网通过计算机、移动设备、汽车、电视、自助服务终端等多种设备上的浏览器进行交付,XHTML 已成为 HTML 4 的继任者。

XHTML 1.0 的优势在于它结合了 HTML 4 的优势和 XML 的强大功能。XHTML 比以前的 HTML 版本更严格,这使得它与编程语言和数据库的兼容性更好,也更容易使用。因此,当你与设计师或程序员合作时,明确说明你希望网页“符合 XHTML 标准”非常重要。

2. CSS

层叠样式表 (CSS) 是一个花哨的术语,用于描述网页设计师如何将网页的布局、外观和感觉与内容分离开来。基本上,CSS 允许设计师通过创建一个包含网站外观所有信息的 CSS 文件来满足设计需求。如果你想象一下没有 CSS 的这个博客,你可能会更明白——它将全是文字,没有任何颜色,间距也不好等等……它将只是你阅读的文字,没有任何格式。

CSS 的伟大之处在于,你可以创建一个包含整个网站所有样式和布局信息的 CSS 文件。假设你有一个拥有 100 多个页面的网站。每个页面顶部都有一个菜单,菜单中的按钮是绿色的。如果你想把它们改成红色,如果没有 CSS,你必须打开 100 个页面中的每一个进行修改。而使用 CSS,你只需要打开一个文件进行快速更改,该更改就会应用到每一个页面。

我怎么强调一位才华横溢的 CSS 程序员的重要性都不为过。创建一个 CSS 文档是一回事,但创建一个能让你的网页在 Internet Explorer、Firefox、Safari 和 Opera 浏览器中看起来一样的 CSS 文档则是另一回事。如果每个访问你网站的用户都使用同一种浏览器,这可能并不重要,但正如我之前提到的,你的用户将通过手机、不同的互联网浏览器、电视等访问你的网站。因此,干净且合规的 CSS 代码是一项必备技能。话虽如此,大多数(如果不是全部)使用 XHTML 的设计师也会使用 CSS,因为它们相辅相成。

要了解 CSS 如何极大地改变网站的外观和感觉,请访问 CSS Zen Garden。

3. JavaScript

JavaScript 是互联网上使用最广泛的脚本语言,主要用于为网页添加交互性。它还可以对网页上的事件做出反应。例如,它可以在页面加载时执行某些操作,或者在用户点击“提交”后验证表单。由于用户可以在浏览器中禁用 JavaScript,因此考虑如何添加 JavaScript 以及不要为了使用而使用非常重要。相反,它应该用于增强网站访问者的用户体验。关注你的潜在访问者是谁将有助于遏制不必要的实现。

几乎所有的网站都使用 JavaScript。你可能熟悉的某些使用 JavaScript 的网页包括:eBay 的注册表单——试着在不填写任何内容的情况下点击提交——以及 Amazon 的左侧菜单——当你将鼠标悬停在类别上时,它会为你提供更多选项。

4. Ajax

Ajax 是“异步 JavaScript 和 XML”的首字母缩写,是人们经常与 Web 2.0 联系在一起的一项技能。它通过允许与服务器直接交互而无需重新加载网页,来提高网站的性能和体验。它还可以发送和接收网站的一小部分,而不是整个页面。

借助 Ajax,开发人员使 Web 应用程序的功能更像桌面应用程序,从而使 Web 应用程序更加丰富和用户友好。由于 Ajax 越来越受欢迎,有许多可用的框架可以帮助开发人员进行实现。

Ajax 的一些例子包括 Google 地图,它使用 Ajax 来加载地图内容。另一个很好的例子是 Yahoo!。如果你开始在顶部搜索栏中输入搜索内容,Yahoo! 会使用 Ajax 来查找你可能想要使用的搜索词。

搜索引擎优化 (SEO)

1. SEO

SEO 是一个用于描述提高你的网站页面在流行搜索引擎中排名的方法的术语。找到一位优秀的 SEO 顾问对你的新网站至关重要。不过请保持耐心,因为新网站可能需要一些时间才能获得你想要的流量和排名结果。

2. XML

在 SEO 领域,应该在网站内部做一些事情,以确保 Google 和 Yahoo! 等网络爬虫能够正确索引你的网站。获取网站抓取和索引的一种方法是使用网站地图。网站地图是一个通常以 XML 生成的文件,其中包含指向你网站每个页面的链接,以及有关这些页面的信息,例如上次修改的时间和更改的频率。

XML 的另一个重要用途,也许是最流行的用途,是生成 RSS 订阅源。我相信你在你最喜欢的网站上看到过 RSS 图标,它们允许你“订阅”他们的订阅源。如果你有博客或提供新闻,RSS 订阅源是必不可少的。它将有助于你的网站传播以及留住访问者。

数据库驱动

任何 Web 2.0 网站的一个关键方面是它由数据库以及与该数据库通信的服务器脚本语言提供支持。

数据库是存储信息的地方。数据存储在具有行和列的表中。一个网站通常会有许多表来构成数据库,它们通常以提高网站性能(对流量的响应能力)的方式组织。

服务器脚本语言在网页后台运行。当你加载动态网页时,它会首先从数据库中提取信息,然后将该数据转换为 HTML,以便你的浏览器可以解释它。在寻找数据库设计师时,询问他们提高性能的方法非常重要。设计糟糕的数据库会使你的网站变慢,并给服务器带来沉重的负担。

数据库和脚本语言都有多种选择,我将简要描述最流行的选项,但请记住,大多数普通项目都可以使用任何这些技术来处理。我建议你向程序员描述你的项目,询问他们推荐哪种类型的数据库和编程语言。

1. MySQL

当今世界上使用最广泛的开源数据库 MySQL 可以扩展以处理中小型网站,但也拥有处理大型网站数据库的能力。看看他们的客户列表就知道了。MySQL 可以免费使用,并且有大量的支持和文档。

2. SQL Server

Microsoft 拥有自己的专有数据库解决方案,称为 SQL。许多大公司使用 SQL,因为它有 Microsoft 的支持。SQL 开发人员可能比较难找,而且成本可能更高。

很难说 MySQL 或 SQL Server 哪个更好,或者你应该使用哪一个,因为它们各有各的优势。MySQL 通常性能更好,而 SQL 对数据损坏的抵抗力更强。同样,我建议询问专业人士哪种解决方案最适合你的项目。请记住,你的预算可能是一个决定性因素。

服务器脚本

没有服务器脚本语言,Web 2.0 网站就不完整。基本上这意味着每次加载页面时,服务器上的脚本都会从数据库中检索信息,操作或格式化该信息,然后以可读格式显示在你的浏览器上。这个过程通常非常快。

服务器脚本技术有很多选择。正如我之前提到的,你的项目需求和预算可能是决定哪种技术最适合你的因素。我将简要描述最流行的选项:

1. PHP

我从 PHP 开始,因为它是目前使用最广泛的。它是开源的(免费),拥有优秀的开发人员社区,并且比其他语言更容易学习。有时大公司会避开 PHP,因为它没有像 Microsoft 这样的大公司支持。然而,这并不总是有充分的理由,因为 PHP 一次又一次地证明了它和其他选项一样有效。

PHP 可以在许多不同的平台上运行,并且与大多数操作系统兼容。找到一位在优化 PHP 方面经验丰富的 PHP 程序员非常重要,这样它才能运行得平稳且快速。

目前使用 PHP 的大型网站有 AutoMart.com 和 Yahoo!。

2. ASP 和 .NET

像 SQL Server 一样,ASP 是由 Microsoft 创建的。它是当今非常流行的脚本语言,并受到许多网站的信任以驱动其内容。它不是跨平台兼容的,这意味着你需要使用 Microsoft 操作系统的服务器来运行它。

使用 ASP 的大型网站有 Buy.com 和 Virgin。

3. JSP

JSP 是一种基于 Java 构建的 Web 脚本语言,是另一种方法。它比 ASP 和 PHP 更难学习,特别是对于没有脚本经验的人来说。此外,使用 JSP 创建一个带有数据库的简单网站可能会大材小用。它的运行速度比 PHP 和 ASP 慢,并且使用更多的资源,因此使用共享服务器并不是一个好主意。使用 JSP 当然有其原因,但我再次建议先定义你要完成的任务,并向专业人士咨询有关实现的建议。

4. Ruby

一种越来越流行的脚本语言是 Ruby 或 Ruby on Rails。Ruby 因其灵活的框架而简化了编程过程。有说法称,使用 Ruby 开发的速度比使用其他脚本语言快 10 倍。像 PHP 一样,它是开源的,或者说是免费的。它已经存在几年了,所以找到可以托管它的服务器要容易得多。

使用 Ruby 的网站有 YellowPages 和 Twitter。

准备好简化您的发票流程了吗?

加入超过 30,000 家使用 CloudBooks 更快收款的企业行列。

开始免费试用

准备好更快收款了吗?

加入 30,000 多名自由职业者和小企业的行列,使用 CloudBooks 轻松开具发票、追踪支出并管理财务。

无需信用卡
14 天免费试用
随时取消
免费迁移支持