zoukankan      html  css  js  c++  java
  • 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 ProgramsMicrosoft 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". 

    你也可以点击 PerformanceSEOAllURLIssue Type 过滤和分类结果.

    image30

    23. 准备发布

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

    image31

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

    image32

     

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

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

    未完待继

  • 相关阅读:
    Cesium原理篇:4Web Workers剖析(2)
    Cesium原理篇:4Web Workers剖析
    Cesium原理篇:3最长的一帧之地形(1)
    Cesium原理篇:2最长的一帧之网格划分
    Cesium原理篇:1最长的一帧之渲染调度
    CSS3火焰文字特效制作教程
    一款非常棒的纯CSS3 3D菜单演示及制作教程
    jQuery/CSS3类似阿里巴巴的商品导航菜单实现教程
    CSS3 3D立方体翻转菜单实现教程
    强大!HTML5 3D美女图片旋转实现教程
  • 原文地址:https://www.cnblogs.com/Leo_wl/p/1963804.html
Copyright © 2011-2022 走看看