WebMatrix教程(一) (关注Microsoft 的最新武器:建立你的第一个WebMatrix网站)

“除非你睡着了或刚刚从一个长假回来,你应该已经注意到了,…,微软重新进入到了'高效率开发者’的圈子中。” – Scott Willhite – Director of Community Programs from DotNetNuke

微软是这样定义WebMatrix -- 一个全新的网络开发工具,涵括了你所需所有网站开发的东西。

你还可以选择在Web Gallery 列表中的多种系统作为你网站的基础平台,例如:

DotNetNuke, Drupal, Orchard CMS, ASP.NET MVC, Joomla! Umbraco …., 而WebMatrix 真正革命性的地方在于引入Razor(CSHTML), 它可以大大简化我们的编程工作量。

从今天开始我会和大家一起来关注这个未来的新宠。在园子里已经有一些人做了介绍,我将会给大家一步步呈现WebMatrix的功能。

下文参考翻译自Your First Website Using WebMatrix

本文帮助你

安装WebMatrix.

下载和安装一个开源网站应用程序

执行初始化安装,包括数据库的设置和网络管理员设置

使用内置的编辑器编辑站点内容

使用内置的database manager

使用site analysis

准备发布站点 

1.安装WebMatrix.

访问WebMatrix 下载页 点击 Install Now. 如果你没有安装Web Platform Installer 可能会提示你安装,然后在Web Platform Installer 窗口下方点击Install.

image01

在窗口 Web Platform Installation, WebMatrix 提示你所需的第三方程序,点击 I Accept. 安装就正式开始了.

image02

2. 运行WebMatrix

安装之后, 可以到你的开始菜单里找到WebMatrix : Start > All Programs> Microsoft WebMatrix > Microsoft WebMatrix.

image03

3. 打开 Web Gallery

WebMatrix Quick Start 页面向你提供创建一个网站的多种方法, 在这里我们将会基于一个已有的系统来创建一个网站.

Quick Start 页面, 点击 Site From Web Gallery.

image04

4. 选择一个系统

选择 WordPress. 在Site Name 里, 输入"MyNewBlog" 然后点击 Next.

image05

5.选择数据库类型

大多数的在Web Gallery 列表中的系统都需要一个数据库 (象MySQL Server 或者 SQL Server Express). WordPress 只与 MySQL兼容. 好消息是如果你没有 MySQL , WebMatrix 会帮助你安装一个. 点击Yes, install it on my machine, 然后再点击 Next.

image06

当安装WordPress时, 你需要设置三套证书(管理员信息):

  • 一套给数据库的管理员 (就是我们熟悉的 "root", 或者 "sa" ).
  • 数据库用户,用于WordPress 使用的数据库连接.
  • 用于管理 WordPress 用的网站管理员.

下面我们开始设置这些证书,

6. 设置数据库的管理员密码

当你第一次安装数据库引擎的时候,你需要输入管理员的密码,在MySQL里默认名是"root", 在 SQL Server里是”sa”. 

image07

点击Next.

7. 开始安装

下面说明WordPress 和 PHP 都会被安装

image08

在你同意最终用户许可协议后 (EULA), 安装开始.

8. 连接数据库至系统中

接下来你需要设置数据库信息:

image09

点击Next.

执行完毕后,你会看到完成的界面,你的也许会有些不同

image11

默认情况下,网站的源码在 C:\Users\<YourUserName>\Documents\My Web Sites\MyNewBlog

点击 OK.

9. 第一次运行网站

用 WebMatrix  打开你的网站时,看起来如下图, 点击 Run 在浏览器中加载你的网站.

image12

10. 输入网站管理员信息 

image13

最后,你可以选择 Allow my site to appear in search engines  然后点击Install WordPress

11. 浏览 Home 

点击 Back to My New Blog.

image14

默认情况下你将看到:

image15

12. 打开文件工作区

如下图: 

image16

接下来,我们试试怎么改变网站的部分背景色

13. 打开一个文件

image17 

14. 编辑文件

点击 Go To Line, 键入 "34", 点击 Go To

image18

在这行的后面:

font-weight: normal;

加入:

background-color: yellow;

WebMatrix 和Visual Studio 一样具有IntelliSense的功能:

image19

点击 Save .

image20

15. 再次运行网站

选中整个站点后点击 Run. (如果你没有选择网站的根节点而是选择某个文件,再点击 Run,WebMatrix 会显示出错信息)

image21

改变后的情况:

image22

16. 打开数据库工作区

让我们试试直接对数据库内数据进行修改.

点击 Databases .

image23

17. 修改数据

image24

打开表 MyNewBlogDB.wp_posts.

在第一行,post_title这一列 修改"Hello world!" 为 "Welcome to My New Blog!".

image25

18. 测试一下

image26

19. 打开报表工作区

可以用WebMatrix 的报表功能分析网站,我们可以借助它的修改建议使网站更快,或有利于搜索引擎的数据采集.

点击 Reports 

image27

20. 创建一个新报表

点击 New 

image28

21. 命名报表

 

image29

22. 浏览报表

一些不利于SEO的问题会被分类置于 "Information", "Warning", or "Error". 

你也可以点击 Performance, SEO, All, URL, Issue Type 过滤和分类结果.

image30

23. 准备发布

当你准备发布时,点击Publish .

image31

第一次发布时,你会看到 Publish Settings 对话框.

image32

 

24. 用WebMatrix 创建网站的其他方法

  • 使用 built-in 的模板
  • 创建一个空白网站
  • 从文件夹创建

未完待继

posted @ 2011-01-28 07:10 拥有的都是恩典 阅读(...) 评论(...) 编辑 收藏