1 网站设计理念 大连理工大学创新实验学院. 2 1. 优秀网站展示 - LAMP 类网站

Presentation on theme: "1 网站设计理念 大连理工大学创新实验学院. 2 1. 优秀网站展示 - LAMP 类网站"— Presentation transcript:

1 1 网站设计理念 大连理工大学创新实验学院

2 2 1. 优秀网站展示 - LAMP 类网站 http://www.joomla.cn

3 3 1. 优秀网站展示 - LAMP 类网站 http://www.aarogya.com

4 4 1. 优秀网站展示 - LAMP 类网站 http://marinspine.com

5 5 1. 优秀网站展示 - LAMP 类网站 http://www.xingfuli.cn

6 6 1. 优秀网站展示 - GWT 类网站 http://docs.google.com

7 7 1. 优秀网站展示 - GWT 类网站 http://docs.google.com

8 8 1. 优秀网站展示 - GWT 类网站 http://docs.google.com

9 9 1. 优秀网站展示 - GWT 类网站 http://docs.google.com

10 10 1. 优秀网站展示 - Flash 类网站 http://www.li-ning.com.cn

11 11 1. 优秀网站展示 - Flash 类网站 http://www.nike.com

12 12 2. 建站技术 - LAMP LAMP 平台由四个组件组成，呈分层结构。每一层都提供了整个软件栈 的一个关键部分： Linux ： Linux 处在最低层，提供操作系统。其他每个组件实际上也在 Linux 上运行。但是，并不一定局限于 Linux ，如有必要，其他组件 也可以在 Microsoft® Windows® 、 Mac OS X 或 UNIX® 上运行。 Apache ：次低层是 Apache ，它是一个 Web 服务器。 Apache 提供可让 用户获得 Web 页面的机制。 Apache 是一款稳定的、支持关键任务 的服务器， Internet 上超过 65 ％ 的网站都使用它作为 Web 服务器 。 PHP 组件实际上是在 Apache 中，动态页面可以通过 Apache 和 PHP 创建。 MySQL ： MySQL 提供 LAMP 系统的数据存储端。有了 MySQL ，便可 以获得一个非常强大的、适合运行大型复杂站点的数据库。在 Web 应用程序中，所有数据、产品、帐户和其他类型的信息都存放在这 个数据库中，通过 SQL 语言可以很容易地查询这些信息。 PHP ： PHP 是一门简单而有效的编程语言，它像是粘合剂，可以将 LAMP 系统所有其他的组件粘合在一起。您可以使用 PHP 编写能 访问 MySQL 数据库中的数据和 Linux 提供的一些特性的动态内容 。

13 13 2. 建站技术 - LAMP 1: 选择安装语言

14 14 2. 建站技术 - LAMP 2: 安装前检查

15 15 2. 建站技术 - LAMP 3: 查看授权规定

16 16 2. 建站技术 - LAMP 4: 指定数据库

17 17 2. 建站技术 - LAMP 5: FTP 设置

18 18 2. 建站技术 - LAMP 6: 设置网站名称 ， 管理登录密码

19 19 2. 建站技术 - LAMP 7: 完成

20 20 2. 建站技术 - LAMP 建成的网站前台

21 21 2. 建站技术 - LAMP 后台管理

22 22 2. 建站技术 - GWT AJAX 全称为 “Asynchronous JavaScript and XML” （异步 JavaScript 和 XML ），是一种创建交互式网页应用的网页开发技术。根据 Ajax 提 出者 Jesse James Garrett 建议，它： 使用 XHTML+CSS 来表示信息； 使用 JavaScript 操作 DOM （ Document Object Model ）进行动态显示及 交互； 使用 XML 和 XSLT 进行数据交换及相关操作； 使用 XMLHttpRequest 对象与 Web 服务器进行异步数据交换； 使用 JavaScript 将所有的东西绑定在一起。 使用 SOAP 以 XML 的格式来传送方法名和方法参数。

23 23 2. 建站技术 - GWT Ajax 与传统的 Web 应用比较 传统的 Web 应用允许用户端填写表单（ form ），当送出表单时就向 Web 服务器发送一个请求。服务器接收并处理传来的表单，然后送回一 个新的网页，但这个做法浪费了许多带宽，因为在前后两个页面中 的大部分 HTML 码往往是相同的。由于每次应用的沟通都需要向服 务器发送请求，应用的回应时间就依赖于服务器的回应时间。这导 致了用户界面的回应比本机应用慢得多。 与此不同， AJAX 应用可以仅向服务器发送并取回必需的数据，它使用 SOAP 或其它一些基于 XML 的页面服务接口（接口），并在客户端 采用 JavaScript 处理来自服务器的回应。因为在服务器和浏览器之 间交换的数据大量减少（大约只有原来的 5% ），结果我们就能看 到回应（服务器回应）更快的应用（结果）。同时很多的处理工作 可以在发出请求的客户端机器上完成，所以 Web 服务器的处理时间 也减少了。

24 24 2. 建站技术 - GWT Web 2.0 是一种新的互联网方式，一般通过网络应用程 序 (Web Applications ）促进了网络上人与人间的信 息交换和协同合作，其模式更加以用户为中心。典 型的 Web 2.0 站点有：网络社区、网络应用程序、社 交网站、博客、 Wiki 等等。

25 25 2. 建站技术 - GWT 如今，编写网络应用程序是一个单调乏味且易于出错的 过程。开发人员可能要花费 90% 的时间来处理浏览 器代码。此外，构建、重复使用以及维护大量 JavaScript 代码库和 AJAX 组件可能困难且不可靠 。 Google Web Toolkit (GWT) 允许开发人员使用 Java 编程语言快速构建和维护复杂但性能高的 JavaScript 前端应用程序，从而降低了开发难度， 尤其是与 Eclipse Google 插件结合使用时，优势更 明显。

26 26 2. 建站技术 - GWT Google Web Toolkit 的工作原理 有了 Google Web Toolkit (GWT) ，可以使用 Java 编程语言编写 AJAX 前端，然后 GWT 会交叉编译到优化的 JavaScript 中，而 JavaScript 可以自动在所有主要 浏览器上运行。在开发过程中，您可以用 JavaScript 按照您习惯的 “ 编辑 - 刷 新 - 查看 ” 这种不变的循环快速反复，这样做还带来一个好处，即能够逐行调试 并单步执行您的 Java 代码。准备好进行部署后， GWT 会将 Java 源代码编译 到优化且独立的 JavaScript 文件中。使用 Google Web Toolkit 可以轻松地为 现有网页或整个应用程序构建一个 Widget 。 使用 Java 语言编写 AJAX 应用程序，然后编译为优化的 JavaScript 与仅在文本级别运行的 JavaScript Minifier 不同， GWT 编译器会在整个 GWT 代码 库中执行综合性静态分析和优化，通常生成的 JavaScript 加载和执行均比等效 手写的 JavaScript 更快。例如， GWT 编译器可以安全地消除无用代码 -- 极大 的减少不使用的类、方法、字段甚至方法参数 -- 以确保您编译的脚本尽可能最 小。另一个示例： GWT 编译器选择性地内联方法，消除方法调用的性能开销 。 交叉编译提供了开发所需的可维护的提取和模块性，而不会导致运行时性能损失。

27 27 2. 建站技术 - GWT 基于 GWT 的 Apple ITunes 风 格的在线播放器

28 28 2. 建站技术 - FLASH Flash 是一种创作工具，设计人员和开发人员可使用它 来创建演示文稿、应用程序和其它允许用户交互的 内容。 Flash 可以包含简单的动画、视频内容、复杂 演示文稿和应用程序以及介于它们之间的任何内容 。通常，使用 Flash 创作的各个内容单元称为应用 程序，即使它们可能只是很简单的动画。您可以通 过添加图片、声音、视频和特殊效果，构建包含丰 富媒体的 Flash 应用程序。 Flash 特别适用于创建通过 Internet 提供的内容，因为 它的文件非常小。 Flash 是通过广泛使用矢量图形做 到这一点的。与位图图形相比，矢量图形需要的内 存和存储空间小很多，因为它们是以数学公式而不 是大型数据集来表示的。位图图形之所以更大，是 因为图像中的每个像素都需要一组单独的数据来表 示。

29 29 2. 建站技术 - FLASH

30 30 2. 建站技术 - FLASH

31 31 2. 主流编程语言、开发工具 主流开发语言： PHP.NET JAVA Flash/Flex JavaScript Python Ruby......

32 32 2. 主流编程语言、开发工具 主流开发工具： Eclipse Visual Studio NetBeans JBuilder......

33 33 3. 云端编程 - 云计算 什么是云计算？ 云计算定义为是一个全面解决方案，在此解决方案中， 所有的计算资源（硬件、软件、网络、存储等）均 可根据命令指示快速提供给用户。可以管理所提供 的资源或服务，以确保可用性、安全和质量等。这 些解决方案的关键因素是它们能够扩展和收缩，使 用户能够获取正好适合他们需求的资源：既不多也 不少。

34 34 3. 云端编程 - 云计算 为什么要使用云计算？ 越来越多的公司转向包括云计算的 IT 解决方案的原因 有许多。首先，云计算可以减少与提供 IT 服务相关 的成本。通过仅在需要资源时获取资源并仅为所需 的资源付费，可以减少资本和运营成本。此外，通 过减轻整个企业中与管理各种资源相关的某些负担 ，您的关键人员可以将工作重点更多地放在创造价 值和业务创新上。最后，云计算模型可提供业务灵 活性。由于可以通过扩展或收缩整个 IT 基础结构来 满足要求，所以公司可以更加轻松地满足快速改变 的市场需求，确保能够让其客户处于领先地位。

35 35 3. 云端编程 - 云计算 公共、私有和混合云 公共云是由第三方（供应商）提供的云服务。它们在公司防火墙之外， 由云提供商完全承载和管理。公共云尝试为使用者提供无后顾之忧 的 IT 元素。无论是软件、应用程序基础结构，还是物理基础结构， 云提供商都负责安装、管理、供给和维护。客户只要为其使用的资 源付费即可，根本不存在利用率低这一问题。 私有云是在企业内提供的云服务。这些云在公司防火墙之内，由企业管 理。私有云可提供公共云所提供的许多好处，一个主要不同点是： 企业负责设置和维护云。建立内部云的困难和成本有时难以承担， 且内部云的持续运营成本可能会超出使用公共云的成本。 混合云是公共云和私有云的混合。这些云一般由企业创建，而管理职责 由企业和公共云提供商分担。混合云利用既在公共空间又在私有空 间中的服务。当公司需要使用既是公共云又是私有云的服务时，选 择混合云比较合适。从这个意义上说，公司可以列出服务目标和需 要，然后相应地从公共或私有云中获取。结构完好的混合云可以为 安全、至关重要的流程（如接收客户支付）以及辅助业务流程（如 员工工资单流程）提供服务。

36 36 3. 云端编程 - Google App Engine 什么是 Google App Engine ？ Google App Engine 可让您在 Google 的基础架构上运行您的 网络应用程序。 App Engine 应用程序易于构建和维护，并 可根据您的访问量和数据存储需要的增长轻松扩展。使用 Google App Engine ，将不再需要维护服务器：您只需上传 您的应用程序，它便可立即为您的用户提供服务。 Google App Engine 支持以几种编程语言编写的应用程序。通 过 App Engine 的 Java 运行时环境，您可以使用标准 Java 技术（包括 JVM 、 Java servlet 和 Java 编程语言， 或使用基于 JVM 的解释器或解译器的任何其他语言，例如 JavaScript 或 Ruby ）构建应用程序。 App Engine 还提供 一个专用的 Python 运行时环境，该环境包括一个快速 Python 解释器和 Python 标准库。 Java 和 Python 运行时 环境构建为确保应用程序快速、安全运行，并不受系统上 的其他应用程序的干扰。

37 37 3. 云端编程 - Google App Engine 什么是 Google App Engine ？ 在 App Engine 中，您只需为您使用的资源付费。没有 设置成本，也没有重复的费用。您的应用程序使用 的资源，如存储空间和带宽以千兆字节衡量，并以 有竞争力的费率收费。您可以控制您的应用程序可 以消费的最大资源量，使其一直保持在预算范围内 。 可以免费开始使用 App Engine 。所有应用程序都可以 使用多达 500 MB 的存储空间，以及可支持每月约 500 万页面浏览量的足够的 CPU 和带宽，完全免费 。为您的应用程序启用付费后，您的免费配额将提 高，您只需为使用的超过免费水平的资源付费。

38 38 3. 云端编程 - Google App Engine App Engine 服务 App Engine 提供了多种服务，从而可让您在管理应用 程序的同时执行常规操作。提供了以下 API 以访问 这些服务： 网址抓取 应用程序可以使用 App Engine 的网址抓取服务访问互 联网上的资源，例如网络服务或其他数据。网址抓 取服务使用检索许多其他 Google 产品的网页的高速 Google 基础架构来检索网络资源。 邮件 应用程序可以使用 App Engine 的邮件服务发送电子邮 件。邮件服务使用 Google 基础架构发送电子邮件。

39 39 3. 云端编程 - Google App Engine App Engine 服务 Memcache Memcache 服务为您的应用程序提供了高性能的内存键值缓存 ，您可通过应用程序的多个实例访问该缓存。 Memcache 对于那些不需要数据存储区的持久性存储和事务功能的数 据（例如临时数据或从数据存储区复制到缓存以进行高速 访问的数据）很有用。 图像操作 图像服务使您的应用程序可以对图像进行操作。使用该 API ， 您可以对 JPEG 和 PNG 格式的图像进行缩放、裁剪、旋 转和翻转。 计划任务 Cron 服务允许您将任务计划为按指定间隔运行。有关此服务 的详细信息，请参阅 Python 或 Java cron 文档。

40 40 3. 云端编程 - Google App Engine 通过控制 台监视网 站运行情 况

41 41 3. 云端编程 - Google App Engine 通过控制 台查看数 据库

42 42 3. 云端编程 - Amazon Web Service Amazon Web Service