All Articles Using the free Bing Translation APIs 11/11/2014

More information about using the Microsoft Translator API can be found at http://aka.ms/translatormsdn

Read the full article... WebMatrix How-To Articles 3/6/2013

Create and Publish Sites

How to Download a Remote Site with WebMatrix 

How to Publish a Website from WebMatrix

How to create a site from OSS Apps

Overview of the template gallery

How to use the PHP Starter template

How to use the Node.js Starter template

How to use ASP.NET WebPages Starter template

How to use ASP.NET WebPages Bakery template

How to use ASP.NET WebPages Personal Site template

How to use ASP.NET WebPages Photo Gallery template

How to create an ASP.NET site from scratch

Edit Sites

How to Edit a Remote Site with WebMatrix

How to Edit a Site Hosted on Windows Azure with WebMatrix

How to Manage a website hosted on Windows Azure from WebMatrix

How to use Git in WebMatrix

How to use TFS in WebMatrix

How to edit a single file

Building mobile ready sites with Node

Enabling Oauth in Node

Building sites using Web Pages and VB

How to Use Less CSS

How to Use CoffeeScript

How to Use Sass

How to use the color picker

Keyboard shortcut guide

Use Extensions

How to install a NuGet package

How to install extensions

How to write extensions

How to install and use the Windows Phone 7 emulator extension

How to install and use the Electric Plum iPhone simulator extension

How to install and use the Electric Plum iPad simulator extension

Learn, Database, Reports

How to use the learn pane

How to submit learn content

How to use the DB workspace

How to use the Site workspace

How to use the Report workspace

How to improve your site's SEO ranking and performance

Read the full article... WebMatrix 3 Release Notes 3/6/2013 Read the full article... How to Publish a Website from WebMatrix 3/5/2013

Version 3

This tutorial walks you through how to publish a website from WebMatrix.

See Video.

Read the full article... How to use TFS in WebMatrix 3/5/2013

Version 3

TFS is a centralized version control system developed by Microsoft.  WebMatrix 3 includes first class support for manage your sites with TFS with a simple, easy to understand set of commands.  If you’re new to TFS and would to learn more, check out the getting started guide at http://tfs.visualstudio.com/en-us/learn/start/get-started/.

See Video

Read the full article... How to use Git in WebMatrix 3/5/2013

Version 3

Git is a distributed version control system that is becoming popular among many developers.  WebMatrix 3 includes first class support for managing your sites with Git with a simple, easy to understand set of commands. 

See Video.

Note:  if you’re new to Git and would like to learn more, check out the interactive tutorial at http://try.github.com.

Read the full article... How to Manage a website hosted on Windows Azure from WebMatrix 3/5/2013

Version 3

This article shows you how to directly go to the right place in the Windows Azure management portal from WebMatrix in order to scale your site, monitor usage data and performance, add custom domains, or purchase cloud services from the store.

Read the full article... How to Edit a Remote Site with WebMatrix 3/4/2013

Version 3

This tutorial shows you how to open and edit a remote site from WebMatrix.

See Video.

Read the full article... How to Edit a Site Hosted on Windows Azure with WebMatrix 3/4/2013

Version 3

This article shows you how to open and edit a remote site hosted on Windows Azure in WebMatrix.

See Video.

Read the full article... How to Download a Remote Site with WebMatrix 3/4/2013

Version 3

This tutorial walks you through how to download a remote site using WebMatrix if you prefer making your changes locally and then publishing them back to the remote server when you are ready.

See the Video.

Read the full article... WebMatrix Task Based extensibility for Web App Gallery Applications 2/4/2013

WebMatrix allows you to enhance the user experience for your application with a feature called “Task-based extensibility (TBEX) “for Web App Gallery application. This allows you to customize the WebMatrix user interface for a specific application with just a simple XML file included in your package at the root level alongside the manifest.xml and parameters.xml files in the application package. Applications like Wordpress , Umbraco , Dotnetnuke , Joomla to name a few have adopted TBEX in their application packages.

Read the full article... Incompatible file type 2/3/2013

If you receive this error, it can be caused by your .publishsettings file containing invalid characters or XML, or not being the correct format.

There are two kinds of .publishsettings files used by Windows Azure. One is used for publishing credentials for an individual remote web site. The other contains a management certificate used to connect to your Windows Azure subscription.

Read the full article... MySQL quota reached 2/3/2013

This error happens when you have no additional MySQL databases available. Free trial subscriptions are limited to 1 MySQL database, unless additional databases are added.

Read the full article... It looks like your subscription does not have Windows Azure Web Sites 2/3/2013

Your subscription with Windows Azure does not have Windows Azure Web Sites enabled.

Read the full article... Error: Something went wrong during sign in 2/3/2013

During sign in, WebMatrix downloads a management certificate in order to retrieve your websites and provision new websites with Windows Azure. Sometimes the certificate expires or needs to be refreshed.

Read the full article... Error: Something went wrong during sign in 2/3/2013

We're sorry, it looks like you experienced an error with Windows Azure sign in and we’re not sure what’s going wrong. Please let us know so we can help troubleshoot.

Read the full article... Error: Subscription has expired 2/3/2013

You may see an error that your subscription has expired. If this happens, you need to extend your subscription.

Read the full article... Error: Certificate limit reached 2/2/2013

You are signing into WebMatrix and you get an error that there are not more certificates available. This happens because as part of sign-in, WebMatrix downloads a management certificate in order to retrieve your websites and provision new websites with Windows Azure. There is a limit of 25 certificates available per subscription.

Read the full article... Microsoft Web Platform Privacy Statements 8/24/2012

You can obtain various Microsoft products through the Microsoft Web App Gallery, through the Microsoft Web Platform Installer, or through similar Web Platform Installer-like functionality in other Microsoft software, such as the Microsoft Web Farm Framework and Microsoft WebMatrix. Some of the Microsoft products that you obtain through these means may collect information through Microsoft’s Customer Experience Improvement Program (CEIP) during installation or use of such product. We identify below those specific products that are enrolled in CEIP by default and provide a link to the products’ privacy statements and information on how users can opt-out of CEIP for these products. In addition, we explain what CEIP is and how such information is used to improve our software and services.

Specific Microsoft Products Enrolled by Default in CEIP: (please read below how to opt-out)

Description of Customer Experience Improvement Program

What This Feature Does:

The Customer Experience Improvement Program (“CEIP”) will collect basic information about your hardware configuration and how you use our software and services to identify trends and usage patterns. CEIP also collects includes the type and number of errors you encounter, software and hardware performance, and the speed of services. We will not collect your name, address, or other contact information.

Use of Information:

We use this information to improve the quality, reliability, and performance of Microsoft software and services. For additional, general information about CEIP, see http://go.microsoft.com/fwlink/?linkid=52097.

Choice/Control:

During installation of Microsoft Visual Web Developer 2012, we automatically send information to Microsoft about your installation experience and notify you when an update is available and connect you to the content online. To learn more, see the Visual Web Developer Privacy Statement.

For Microsoft WebMatrix, we do not collect this installation information, but we do notify you when an update is available and connect you to the content online. To learn more, see the WebMatrix Privacy Statement.

During installation of Microsoft Visual Web Developer 2012 and Microsoft WebMatrix, users will be shown a screen on the Web Platform Installer where they can opt-out of participation in CEIP. If you uncheck that box, neither software product will be enrolled in CEIP.

clip_image002

If you choose to participate in CEIP and later change your mind, you can turn off CEIP at any time. To learn how to do so, please review the specific privacy statement for that product listed above.

Read the full article... How to Optimize Your Sites for Search Engines and Performance 6/7/2012

The Reports feature in WebMatrix analyzes your website and suggests changes that can make your site more visible to search engines.

What you'll learn

  • How to run a report that crawls your website just like a search engine.

  • How to view and filter SEO (Search Engine Optimization) errors.

  • How to get more information about and recommended solutions for each issue.

  • How to correct issues and re-run a report to confirm that they are gone.

Read the full article... WebMatrix 2 How-to Directory 6/7/2012

Create and Publish Sites

How to download a remote site

How to edit a remote site

How to publish a site

How to create a site from OSS Apps

Overview of the template gallery

How to use the PHP Starter template

How to use the Node.js Starter template

How to use ASP.NET WebPages Starter template

How to use ASP.NET WebPages Bakery template

How to use ASP.NET WebPages Personal Site template

How to use ASP.NET WebPages Photo Gallery template

How to create an ASP.NET site from scratch

Edit Sites

How to edit a single file

Building mobile ready sites with Node

Enabling Oauth in Node

Building sites using Web Pages and VB

How to Use Less CSS

How to Use CoffeeScript

How to Use Sass

How to use the color picker

Keyboard shortcut guide

Use Extensions

How to install a NuGet package

How to install extensions

How to write extensions

How to install and use the Windows Phone 7 emulator extension

How to install and use the Electric Plum iPhone simulator extension

How to install and use the Electric Plum iPad simulator extension

Learn, Database, Reports

How to use the learn pane

How to submit learn content

How to use the DB workspace

How to use the Site workspace

How to use the Report workspace

How to improve your site's SEO ranking and performance

Read the full article... How to Create Content for the WebMatrix 2 Learn Pane 6/7/2012
WebMatrix has a Help pane that shows relevant links when certain actions (called triggers) occur. Examples of triggers include creating a new file, creating a new database, or editing a file. These triggers allow WebMatrix to give users context-aware Help. Content providers can share an XML feed of articles that are displayed when triggers occur. This can increase the number of users who see their content.
If you are a content/documentation provider that writes articles or creates video to help others learn web development, you can have your learning content syndicated inside the WebMatrix environment!
In order to take advantage of this integration, you will need to create a specially formatted Atom feed which tells WebMatrix what content you want to make available, and at what times (conditions) you want to make it available. You can put this file online and WebMatrix will query it and cache it, much like how RSS clients handle RSS feeds.
In this article, we will describe the integration experience through conditions in the app, how to create the feed in the right format, and how to add it to WebMatrix.
Read the full article... How to Use the Learn Pane in WebMatrix 6/7/2012

The Learn Pane provides contextual content about WebMatrix and about the tasks you perform with the application. This means that the content changes automatically as you move around the application, when you are editing your code, publishing your application, and performing other common tasks.

Read the full article... How to Use the Bakery Template for ASP.NET Web Pages 6/7/2012

WebMatrix templates get you started with creating a website. Templates help you in these ways:

  • You get a professional-looking website right away that you can use either without any changes or with just a little customizing.
  • The site includes built-in features like database access.
  • You can use the template as a learning tool that shows you how to use ASP.NET Web Pages to create real-world sites.

The Bakery template creates a simple business website (“Fourth Coffee Bakery”) that displays products. The site includes an order form where customers can specify a quantity and their contact information.

Note   The site does not actually process an order; it just sends a confirmation email. If you want to add payment processing to your site, you can explore installable packages that are available on the NuGet.org site. In WebMatrix, use the Gallery button in the ribbon to view available packages.

This article walks you through the following:

  • How to create a site from the WebMatrix Bakery template for ASP.NET Web Pages.
  • An overview of the template contents.
  • Suggestions for tasks to get started with the site that’s created by the template.
  • Notes about some of the features in the site.
Read the full article... How to Use the Photo Gallery Template for ASP.NET Web Pages 6/7/2012

WebMatrix templates get you started with creating a website. Templates help you in these ways:

  • You get a professional-looking website right away that you can use either without any changes or with just a little customizing.
  • The site includes built-in features like database access.
  • You can use the template as a learning tool that shows you how to use ASP.NET Web Pages to create real-world sites.

The Photo Gallery template creates a personal site where you can share photos. You can create photo galleries, upload pictures, tag pictures, and add comments.

This article walks you through the following:

  • How to create a site from the WebMatrix Photo Gallery template for ASP.NET Web Pages.
  • An overview of the template contents.
  • Suggestions for tasks to get started with the site that’s created by the template.
  • Notes about some of the features in the site.
Read the full article... How to Use the Starter Site Template for ASP.NET Web Pages 6/7/2012

WebMatrix templates get you started with creating a website. Templates help you in these ways:

  • You get a professional-looking website right away that you can use either without any changes or with just a little customizing.
  • The site includes built-in features like login security.
  • You can use the template as a learning tool that shows you how to use ASP.NET Web Pages to create real-world sites.

The Starter Site template creates a general-purpose site that includes a Home (default) page, an About page, and a Contact page. You can use this site as a model for a small business or as the starting point for adding a blog (or anything you like).

This article walks you through the following:

  • How to create a site from the WebMatrix Starter Site template for ASP.NET Web Pages.
  • An overview of the template contents.
  • Suggestions for tasks to get started with the site that’s created by the template.
  • Notes about some of the features in the site.
Read the full article... How to Use the Personal Site Template for ASP.NET Web Pages 6/7/2012

WebMatrix templates get you started with creating a website. Templates help you in these ways:

  • You get a professional-looking website right away that you can use either without any changes or with just a little customizing.
  • The site includes built-in features like a blog feed and photo stream.
  • You can use the template as a learning tool that shows you how to use ASP.NET Web Pages to create real-world sites.

The Personal Site template creates a site that you can use to share information about yourself. You can also display your favorite blog, tweets, and photos from Flickr.

This article walks you through the following:

  • How to create a site from the WebMatrix Personal Site template for ASP.NET Web Pages.
  • An overview of the template contents.
  • Suggestions for tasks to get started with the site that’s created by the template.
  • Notes about some of the features in the site.
Read the full article... How to Use the Empty Site Template for ASP.NET Web Pages 6/7/2012

 

WebMatrix templates get you started with creating a website. The Empty Site template lets you create a website that has minimal functionality to start with. You typically choose this template if you want to create your own layout and add your own features like login.

This article walks you through the following:

· How to create a site from the WebMatrix Empty Site template for ASP.NET Web Pages.

· An overview of the template contents.

· Suggestions for tasks to get started with the site that’s created by the template.

Read the full article... How to Use NuGet in WebMatrix 2 6/7/2012

WebMatrix has built in direct support for NuGet, the package distribution service. Using this tool, you can install, manage, and use packages that implement popular features like social network integration, mobile browser support, and more.

This article shows you how you can install and use NuGet packages when you develop websites in WebMatrix.

Read the full article... How to use the Site Workspace in WebMatrix 6/7/2012

The Site workspace helps you monitor web requests and configure website settings. To access this workspace, select Site in the workspace selector in the lower left corner of WebMatrix. When WebMatrix is first installed, the Site Workspace is the default workspace. You can change the starting workspace in the Options dialog of the File menu.

Read the full article... How to use the Databases Workspace in WebMatrix 6/7/2012
The WebMatrix Databases workspace makes data manipulation simple. It allows you to manage MySQL, SQL Server, and SQL Server Compact databases through the same interface—you don't have to learn a different tool for each database type. Here is a list of the main database tasks that you can perform with WebMatrix. The list is followed by step-by-step instructions for each task.
1. Access your site’s database
2. Create new databases
3. Connect to existing databases
4. Create new tables, views, and stored procedures
5. Execute queries and copy results
6. Migrate a SQL Server Compact database to a SQL Server database
Read the full article... How to Download a Remote Site in WebMatrix 6/7/2012

This tutorial walks you through how to download a remote site using WebMatrix.

1. From the Web Matrix Quick Start page, click Open Site, and then choose Remote Site.

image

 

2. If this is the first time you have published, you will be prompted to enter remote settings. Download the publish profile from your hosting provider’s control panel, and then click the Import publish settings link in WebMatrix. You can also enter the settings manually.

Remote

 

3. The remote site will now open and you can make changes to it directly. If you prefer not to edit your live website, you can make your changes locally and then publish them back to the remote server when you are ready. Click the Download button to download a local copy.

DownloadRemote-3

 

4. The files are downloaded from the remote site to your local computer. After the files have downloaded, WebMatrix will analyze the files to determine whether the site depends on technologies that are not yet installed on your computer (for example, ASP.NET, PHP or Node.js).

If you are running an application from the Web Application Gallery that WebMatrix recognizes (such as WordPress, DotNetNuke, Joomla or Umbraco), WebMatrix will automatically install the required dependencies so that the application runs locally.

DownloadRemote-4

5. Continue through the rest of the wizard to install dependencies, download the database if one exists, and configure the local copy of the site.

6. You can make changes to the site, and then click Publish to publish these changes back to the server as needed.

DownloadRemote-5

 

What if my website is not running an application from the Web Application Gallery?

WebMatrix will detect if PHP, Node.js or ASP.NET is needed and download any databases found in the publish profile.

How does WebMatrix update the database?

If WebMatrix detects that the site is running an application from the Web Application Gallery, the application will be downloaded and your site will be modified to point to the local database automatically.

If site is detected as a custom site, then there are two ways that the database connection string can be modified. When the database connection details are stored in a connection string in a Web.config file, the connection string is automatically updated to point to the local database copy. When the database connection details are located in a location other than the Web.config, your site will still be running against the remote database and you will need to modify it manually.

Why is the Download button disabled for my remote site?

The download feature requires that the remote server be running Web Deploy, a new publishing protocol that supports database and website synchronization. Please check if your hosting provider supports Web Deploy.

If you’re running into difficulties when publishing to remote sites, read our troubleshooting guide.

Read the full article... How to Build Sites Using Web Pages and VB 6/6/2012

WebMatrix includes many templates that make it easier for you to get started with ASP.NET Web Pages. Today, WebMatrix ships with templates that use the the Razor format with C# syntax. However, if VB is your preferred language, you can also get the same templates in VB from the NuGet gallery.

 

Read the full article... How to Build Mobile-ready Sites with Node in WebMatrix 6/6/2012

WebMatrix ships with site templates that make it easy to get started. The Node.js starter template is built on express, a flexible framework for building web applications. This template is the starting point for a full application - it shows examples of routing, middleware, custom errors, and more. For more information on express, please visit http://expressjs.com.

Note: It is not the goal of this article to teach you how to use Node.js or express. Please see http://nodejs.org/ and http://expressjs.com for information on Node.js and express.

Read the full article... How to Use CoffeeScript in WebMatrix 6/6/2012

CoffeeScript is a scripting language that makes it easier to write JavaScript. WebMatrix provides support for writing CoffeeScript, including syntax highlighting and compilation. For more information specific to the use of CoffeeScript, check out http://coffeescript.org/.

Read the full article... How to Enable OAuth in the Node Starter Template 6/6/2012

WebMatrix ships with site templates that make it easy to get started. The Node.js starter template is built on express, a flexible framework for building web applications. The Node.js starter template is the starting point for a full application - it shows examples of routing, middleware, custom errors, and more. For more information on express, see http://expressjs.com.

Note: It is not the goal of this article to teach you how to use Node.js or express. See http://nodejs.org/ and http://expressjs.com for information on Node.js and express.

 

Read the full article... How to Edit a Remote Site in WebMatrix 6/6/2012

This tutorial shows you how to open a remote site from WebMatrix.

1. From the WebMatrix Quick Start page, click Open Site, and then choose Remote Site.

clip_image001

2. You will be prompted to enter settings for the remote site. On the right side of the dialog, notice the Import publish settings link. A number of hosting providers, including Windows Azure, provide a publish profile for you in their control panel. You can enter the remote settings by importing the publish settings profile, which will save you some typing, or you can enter the settings manually.

Remote

3. The site will now open remotely. You can see the list of folders and files that are on your remote site. To save you time and bandwidth, WebMatrix does not automatically download all of the folders and files. However, you can expand a folder to start loading its contents, or double-click a file to download a temporary copy.

clip_image004

clip_image005

4. After you have edited a file and click Save (or press CTRL+S on the keyboard), WebMatrix automatically saves the file back to the remote site.

clip_image006

5. If you close a site and want to access it later, you can quickly open it from the File menu (File > Open > My Sites) or from the Quick Start page when WebMatrix loads (Open Site > My Sites).

clip_image007

6. If you want to download the site to make changes and test them locally, you can click the Download button on the Remote tab. This will automatically download the entire site and install any dependencies that are needed for the site to run!

clip_image008

If you’re running into difficulties when editing remote sites or publishing to them, read our troubleshooting guide.

Read the full article... How to Use the Node.js Starter Template in WebMatrix 6/6/2012

WebMatrix ships with site templates that make it easy to get started. The WebMatrix Node.js starter template is a starting point for a full Node.js application—it shows examples of routing, middleware, custom errors, and more. The WebMatrix Node.js starter template is built on express, a flexible framework for building web applications. For more information on express, visit http://expressjs.com.

Note: A full explanation of Node.js or express is beyond the scope of this article. For information on Node.js and express, see http://nodejs.org/ and http://expressjs.com.

Read the full article... How to Use the PHP Starter Site Template in WebMatrix 6/6/2012

WebMatrix templates get you started with creating a website. The PHP Starter Site template lets you start with a website with a professionally designed layout. It also includes a simple login system and allows administrators to manage the pages on the site.

This article walks you through the following:

  • How to create a site from the WebMatrix Starter Site template for PHP.
  • An overview of the site contents.
  • Suggestions for tasks to get started with the site created by the template.
Read the full article... How to Use Sass CSS in WebMatrix 6/6/2012

Sass is a dynamic style sheet language that enables advanced scenarios with CSS. WebMatrix provides support for many Sass features, including variables, mixins, operations, and functions. For more information on Sass, see http://sass-lang.com/.

 

Read the full article... How to Install and Use the iPad Simulator 6/6/2012

This tutorial walks you through how to install and use the iPad simulator (created by Electric Plum) on WebMatrix so that you can test the iPad view of your website.

1. In WebMatrix, open the site that you want to view.

2. If you don’t have the iPad simulator extension installed, click the arrow beneath the Run button in the top left corner to display the drop-down menu.

3. Select Add new

clip_image001

4. When the Browser Extension Gallery is displayed, select iPad Simulator.

clip_image003

5. Click Install, and then follow the instructions on the following screens to view the EULA and install the extension.

6. After the installation completes, return to the Run menu drop-down and select the iPad option.

clip_image004

This will launch your site in the iPad simulator.

clip_image006

7. WebMatrix remembers your last browser selection. So, if you want to launch the iPad simulator the next time you view the application, simply click Run—you won't have to use the drop-down menu.

clip_image007

Read the full article... How to Install and Use the iPhone Simulator 6/6/2012

This tutorial walks you through how to install and use the iPhone simulator (created by Electric Plum) on WebMatrix so that you can test the iPhone view of your website.

1. In WebMatrix, open the site that you want to view.

2. If you don’t have the iPhone simulator extension installed, click the arrow beneath the Run button in the top left corner to display the drop-down menu.

3. Select Add new

clip_image001

4. When the Browser Extension Gallery is displayed, select iPhone Simulator.

clip_image003

5. Click Install, and then follow the instructions on the following screens to view the EULA and install the extension.

6. After the installation completes, return to the Run menu drop-down and select the iPhone option.

clip_image004

This will launch your site in the iPhone simulator.

clip_image006

7. WebMatrix remembers your last browser selection. So, if you want to launch the iPhone simulator the next time you view the application, simply click Run—you won't have to use the drop-down menu.

clip_image007

Read the full article... How to Use the Color Picker in WebMatrix 6/6/2012

The color palette and color picker features in the WebMatrix CSS editor make it easier to work with colors in CSS classes. These WebMatrix features let you make fine-tuned adjustments while ensuring that you’re using the latest CSS3 standards.

Read the full article... How to Write Extensions for WebMatrix 6/6/2012 Read the full article... How to Install WebMatrix Extensions 6/6/2012

WebMatrix extensions are features and services that you can add to WebMatrix to expand its capabilities. You can add the extensions by using the new WebMatrix 2 Extension Gallery feature. This tutorial shows you how to install an extension for WebMatrix by using the Extensions Gallery.

1. If you have not downloaded and installed WebMatrix, you can do so for free here.

2. Run WebMatrix. The Quick Start screen lets you select a site to work with. In this tutorial, you'll create a new site based on one of the WebMatrix templates, so choose Templates.

clip_image001

3. For this example, choose Personal Site.

clip_image002

4. To create the site, click Next or double click the Personal Site template button. The site opens within WebMatrix. On the ribbon, note the Gallery button.clip_image003

5. Click Gallery to display the Extensions Gallery:

clip_image004

6. Browse or search the available extensions, and then choose one to install. A description is provided for each. Click Install, and accept the EULA. The example below uses ColorThemeManager.

clip_image005

7. After the extension is installed, a new button for the extension appears on the ribbon. In this case, the Theme button gives you access to the Color Theme Manager.

clip_image006

8. Your extension is ready to use in WebMatrix. To uninstall the extension, or to update it, just use the Extension Gallery again.

Read the full article... How to Create a Website in WebMatrix 6/6/2012

In WebMatrix, there are three ways to create a new site. You can create a site from folder—which opens an existing folder on your computer; you can use a built-in template—which is a basic site you can use as a starting point; or you can use an OSS web application—which is a set of popular applications that have rich functionality and can be easily customized.

This tutorial shows you how to use WebMatrix to create a website from an OSS web application.

1. On the WebMatrix Quick Start page, choose App Gallery.

2. In the Site from Web Gallery wizard, choose an application. You can browse the categories on the left, such as blogs or forums, or search for a specific application using the search bar in the top right corner. Applications are sorted by their number of downloads.

clip_image002

3. Depending on the application you choose, the install process will vary. This tutorial uses Joomla! as an example.

4. If the application allows more than one database option, you can use the default or select a database engine from the list. Enter the database administrative password (sa for SQL Server and root for MySQL).

clip_image004

5. Click I Accept to agree to the EULA for the installation of the application and any dependencies. For example, if SQL Server or PHP was not installed, it would appear in this list.

clip_image006

6. If the application requires any parameters, enter them, and then click Next.

clip_image008

7. Once installation is complete, the database connection information will be displayed. Some applications will require you to enter this information again, so click the Copy To Clipboard link.

clip_image010

8. After you click OK, WebMatrix opens its workspace for the site and also launches the site in the browser. Some applications require additional setup steps which you can complete by using the browser page that is launched.

clip_image011

Read the full article... How to Edit a Single File in WebMatrix 6/6/2012

When using WebMatrix, you usually edit files within a website. However, you can use WebMatrix to edit files on your file system that are not part of any site. This can be useful if you want to make quick edits to a file, or work with files that aren’t used as part of an existing site. This tutorial shows a number of ways to do this with WebMatrix.

Read the full article... How to Publish from WebMatrix 6/6/2012

This tutorial walks you through how to publish a website from WebMatrix.

1. In WebMatrix, open the site you want to publish.

clip_image001

2. Click the Publish button.

clip_image002

3. If this is the first time you have published, you will be prompted to enter remote settings. Download the publish profile from your hosting provider’s control panel, and then click the Import publish settings link in WebMatrix. You can also enter the settings manually.

PublishNewScreenshot

4. Click Yes to run the compatibility check. You can skip this check, but it is not recommended.

PubCompat

5. Review the compatibility results. If any of the items display a warning icon and say “Not Available”, you can click the hyperlink to learn more.

clip_image007

6. The publish preview shows you what files have changed and are being published. If you are using the Web Deploy protocol, you will also have the option to publish the database along with content. Click Continue to begin publishing.

clip_image009

7. Publishing progress will show in the notification bar. When it’s done, you will see a link to browse to the remote site.

clip_image011

If you already have a local website, it’s easy to publish directly to the cloud. Simply download the publish profile from the Windows Azure portal, import the profile in WebMatrix, and you’re ready to publish your site.

If you’re running into difficulties with publishing, read our troubleshooting guide.

Read the full article... How to Create a New Site from a Template 6/6/2012

WebMatrix offers a variety of site templates that make it easy to create a website. This tutorial shows you how to create a site using a WebMatrix template. It also provides an overview of the WebMatrix template gallery.

1. There are two ways to launch the template gallery.

a. On the WebMatrix start screen, select Templates.

clip_image002

b. Or, on the File tab, click New, and then choose Site from Template Gallery.

clip_image004

2. In the Site from Template window, select the template you want, and then click Next.

clip_image006

Note: When you select a template, a description of the site that the template creates is displayed. A default name for your website is provided in the Site Name box. You can enter a different name if you wish.

3. For you to run your website locally, some templates require technologies like PHP, MySQL, or Node.js to be installed on your computer. As appropriate, follow the steps to accept the license terms and install the required products.

4. After the installation completes, you can start customizing your website!

Read the full article... How to Install and Use the Windows Phone 7 Emulator 6/6/2012

This tutorial shows you how to install and use the Windows Phone 7 emulator for WebMatrix. The Windows Phone 7 emulator lets you see how your website will look and run on Windows Phone 7.

1. In WebMatrix, open the site that you want to view.

2. In the Run drop-down menu, choose Windows Phone 7.

clip_image001

3. If you don’t have the Windows Phone 7 emulator extension installed, follow the install wizard to download and install the emulator. This might take a few minutes.

clip_image003

4. After the installation completes, return to the Run menu drop-down and select the Windows Phone 7 option.

clip_image001[1]

This will launch your site in the Windows Phone 7 emulator.

clip_image005

5. WebMatrix remembers your last browser selection. So, if you want to launch the Windows Phone 7 emulator the next time you view the application, simply click Run—you won't have to use the drop-down menu.

clip_image006

Read the full article... How to Use LESS CSS in WebMatrix 6/6/2012

LESS is a dynamic style sheet language that enables advanced scenarios with CSS. WebMatrix provides support for many constructs in LESS, including variables, mixins, operations, and functions. For more information about LESS, see http://lesscss.org/.

Read the full article... WebMatrix Reports Workspace Help (v2) 4/30/2012

This page is a quick visual guide to the Reports Workspace in the WebMatrix user interface.

Read the full article... WebMatrix 2 Beta Readme 9/9/2011

Here is a list of common known issues with WebMatrix 2 Beta. Your feedback is invaluable so please discuss at our forums or suggest new features for us to work on.

Read the full article... Get Started Faster with WebMatrix 2 Beta 9/9/2011

In our new release, it’s even easier to get started with your favorite OSS application from the App Gallery.

Read the full article... Publish and Edit a Remote Site with WebMatrix 2 Beta 9/8/2011

Starting with WebMatrix 2 Beta, you can now publish and directly edit remote sites. If you want a local copy of your site, you can also sync it to any local location.

Read the full article... Go Beyond Built-in with Extensibility in WebMatrix 2 Beta 9/8/2011

WebMatrix 2 Beta offers extensibility points that enable you to customize how you create, manage, and use web applications.

Read the full article... WebMatrix 2 Beta: Open Source in the Palm of Your Hand 9/8/2011

WebMatrix includes everything you need for open-source web development. Many of our developers rely on open-source software, so we worked with open source communities, developers, and standards groups to more tightly integrate functionality. You can build off of applications like Umbraco or Joomla, create a site from built-in templates, or start from scratch.

Read the full article... Overhauled Database Workspace in WebMatrix 2 Beta 9/8/2011

When we released WebMatrix 1, we knew we still had work to do in the Database workspace. We had provided core functionality for working with databases, but the overall experience was limited. In WebMatrix 2, we've focused on making it easier to create and modify databases. Our goal is to make it so you never need to leave WebMatrix to accomplish database tasks. We're not there yet, but the latest improvements are getting us closer.

Read the full article... NuGet Integration in WebMatrix 2 Beta 9/8/2011

We're always on the lookout for opportunities to integrate services that streamline development tasks. In this release, we've built in direct support for NuGet, the package distribution service. Using this tool, you can install, manage, and use packages that take care of popular tasks like social network integration, mobile browser support, and more.

Read the full article... WebMatrix Keyboard Shortcut Guide 9/7/2011

If you like to use the keyboard a lot, WebMatrix has many keyboard shortcuts that can save you time. Here’s a complete listing.

Read the full article... PHP Code Completion in WebMatrix 2 Beta 8/26/2011

Are you a PHP developer? We love PHP, too. We asked PHP developers like you which development tasks were most time-consuming. Here's what they said:

  1. You suspect that there's a built-in PHP function to do what you want, but you don't know the exact name.
  2. You search the PHP.net site--they have some top-notch documentation!
  3. You find the function, return to the editor, and type the function.
  4. Repeat for the next function you don't quite remember.

In this article, we discuss what’s new to address these issues and speed up PHP development.

Read the full article... Learn Web Development in WebMatrix 2 Beta 8/26/2011

Remember what it was like to build your first website? That experimental tweaking in Notepad, or the instant gratification you got when you refreshed your browser? You searched far and wide for tutorials on web development topics, some turning out better than others.

In WebMatrix 2 Beta, one of our major goals is to help those who are just starting out learn web development. We think that the features we've added will help make the transition from beginner to pro faster and more fun.

Read the full article... Performance Tuning PHP Apps on Windows/IIS with Output Caching 6/13/2011

In this article, I’ll show you how to improve the performance of PHP applications on Windows/IIS by covering the What, When, and How of using the IIS Output Caching module. As background reading (or for the condensed version of my post), I suggest reading this: Configure IIS 7 Output Caching (and I strongly suggest reading the introduction to that article).

Read the full article... Learning the Basics of using the Twitter API in ASP.NET Web Pages with Razor syntax 4/26/2011

This tutorial will demonstrate how to use the Twitter API in WebMatrix using Razor. If you do not understand the basic concepts of WebMatrix you should go to http://www.microsoft.com/web/webmatrix for discussion and additional tutorials. You can also download WebMatrix from this site.

Read the full article... Connecting Windows Phone 7 with ASP.NET Web Pages 4/21/2011

In this tutorial you will learn how ASP.NET Web Pages with Razor syntax can be used to build a RESTful web service that is capable of delivering weather forecast data to a Windows Phone 7 application. We will be using WebMatrix, a lightweight tool for web development to write code and manage the website throughout this tutorial.

Read the full article... Connecting the iPhone with ASP.NET Web Pages 4/21/2011

In this tutorial you will learn how ASP.NET Web Pages with Razor syntax can be used to build a RESTful web service that is capable of delivering weather forecast data to an iPhone application. We will be using WebMatrix, a lightweight tool for web development to write code and manage the website throughout this tutorial.

Read the full article... Consuming and Storing Data from a REST Service with ASP.NET Razor 4/18/2011

This tutorial will illustrate how to consume and store data from a web service using WebMatrix. WebMatrix is a comprehensive, lightweight web development tool that includes everything you need for building websites. This tutorial assumes that you are already familiar with some of the basic concepts involved in working with WebMatrix. You will be working with ASP.NET Web Pages with Razor syntax to write server code. The new Razor syntax is based on a technology from Microsoft called ASP.NET, which in turn is based on the Microsoft .NET Framework. Razor gives you all the power of ASP.NET, but using a simplified syntax that's easier to learn if you're a beginner and makes you more productive if you're an expert. You will also be working with basic SQL statements and the database features integrated with WebMatrix. If you are unfamiliar with any of these features take a quick look at the following tutorials before continuing.

http://www.microsoft.com/web/post/web-development-101-using-webmatrix

http://www.asp.net/webmatrix/tutorials/2-introduction-to-asp-net-web-programming-using-the-razor-syntax

http://www.microsoft.com/web/post/web-development-101-part-5-using-data

Read the full article... Using ASP.NET Razor syntax with HTML5 and JQuery 4/15/2011

In this tutorial you will learn how ASP.NET Web Pages with Razor syntax can be used to build a RESTful web service that is capable of delivering weather forecast data to a website using JQuery and the HTML5 Canvas element. We will be using WebMatrix, a lightweight tool for web development to write code and manage the website throughout this tutorial.

Read the full article... Using ASP.NET Razor Syntax with Silverlight 4/15/2011

In this tutorial you will learn how ASP.NET Web Pages with Razor syntax can be used to build a RESTful web service that is capable of delivering weather forecast data to a Silverlight application. We will be using WebMatrix, a lightweight tool for web development to write code and manage the website throughout this tutorial.

Read the full article... WebMatrix Databases Workspace Help 4/11/2011

This page is a quick visual guide to the Databases Workspace in the WebMatrix user interface.

Read the full article... WebMatrix Files Workspace Help 4/11/2011

This page is a quick visual guide to the Files Workspace in the WebMatrix user interface.

Read the full article... WebMatrix Reports Workspace Help 4/11/2011

This page is a quick visual guide to the Reports Workspace in the WebMatrix user interface.

Read the full article... WebMatrix Site Workspace Help 4/11/2011

This page is a quick visual guide to the Site Workspace in the WebMatrix user interface.

Read the full article... Get Started Using HTML5 4/5/2011

HTML5, currently under development, offers many more features and possibilities for developers. HTML5 is not some big change, it is merely new features and possibilities available that does not require existing markup to be thrown away. HTML5 will improve web applications, not completely change them. And best yet, HTML5 is already supported!

In this tutorial we will take a look at some of the differences with HTML5 and how to create a simple HTML5 compatible webpage. The tool we will be using for this tutorial is Microsoft’s WebMatrix. WebMatrix is a free tool that allows you to create, customize and publish websites. It’s amazingly easy to use, and can be downloaded from www.microsoft.com/web/webmatrix.

Are you unfamiliar with HTML? Read this simple and quick tutorial on HTML: learn html part 1.

Read the full article... Creating forms for your site using EmailMeForm 4/4/2011

Forms are often times an important part of a website. They are used to gather different kinds of information from users viewing your site. Forms can be found all over the web, whether they be membership forms, surveys, order forms, etc. Since forms are often an integral part of a website, it’s no wonder that numerous websites can be found devoted to generating forms for developers.

In this tutorial, we will be looking at EmailMeForm.com. EmailMeForm offers several form templates that users can customize and easily integrate into their website. For this tutorial, we will create a simple website, create a form with EmailMeForm.com, and then add it to our website. This will demonstrate how simple it is to create powerful, flexible forms using the tools available at EmailMeForm.

Read the full article... Adding a sleek gallery to your website using the Lightbox jQuery plugin 4/1/2011

When it comes to displaying your images in a gallery, you have multiple options to show off your images. One common and widely used way to display images is jQuery Lightbox plugin. It displays clickable thumbnail versions of your images that pop up into a larger box where the user can click through all the larger versions of the pictures, or click on each image individually.

Having the Lightbox gallery on your page means that the page does not have to be reloaded every time the user wants to view a larger version of your photos. Thus, it keeps users on your page!

Read the full article... Adding the Eventful API to your Website 3/29/2011

Eventful is a website that allows users to find and share events. It is a web service that allows it's users to add information about events, venues, and performers. Users can find local events as well as around the world. It you're looking for something to do, chances are Eventful will be able to find local events happening around you every day!

In this article we will explore how easy it is to add the Eventful API to a website using WebMatrix.

Read the full article... Migrate a database to SQL Server 3/29/2011

This walkthrough shows you how to migrate a Microsoft SQL Server Compact 4.0 database to SQL Server Express or SQL Server.

What you'll learn

  • How to use the Migrate feature in the WebMatrix Databases workspace.

  • How to install SQL Server Express if it's not already on your computer.

  • How to perform the migration and verify its success.

What you'll need

To run the steps in this procedure you must be running Windows XP SP3 or a later version of Windows. You'll also need to have WebMatrix installed. For information about how to install WebMatrix, see Microsoft Web Platform Installer.

Read the full article... Using WebMatrix's OData Helper 3/25/2011

OData, or Open Data Protocol, and a way to query data from a variety of sources including databases, file systems, CMS, and websites. With the OData protocol, a user can query data over HTTP and receive a response in several formats including XML and JSON. It also has the ability to order and filter the queried data.

In order to make querying data easier, there is a OData helper for WebMatrix. This helper is easy to install and simple to use. But, before we can get started using OData, we must download and install WebMatrix. If you already have WebMatrix installed you can skip the next section.

Read the full article... Connecting Flash with ASP.NET Web Pages 3/24/2011

In this tutorial you will learn how ASP.NET Web Pages with Razor syntax can be used to build a RESTful web service that is capable of delivering weather forecast data to an Adobe Flash application. We will be using WebMatrix, a lightweight tool for web development to write code and manage the website throughout this tutorial.

Read the full article... Adding the AddThis button to your webpage 3/22/2011

AddThis is an easy to use bookmarking and sharing service. Having the AddThis button on your site allows your users to bookmark and share your content. Adding the AddThis button is quick and simple - it can be done in 5 minutes or less!

In this article we will use WebMatrix. WebMatrix is a free tool that allows you to create, customize, and publish webpages. It gives a number of different ways that you can create websites. One of the features is providing existing open sources applications such as WordPress, Joomla, DotNetNuke or Umbraco.

Read the full article... Adding the 30 Boxes API to your website with WebMatrix 3/22/2011

Using 30 Boxes is one of the easiest ways to share your Calendar online. With the 30 Boxes API, you can share your Calendar events on your personal website. This article will show how to quickly add your 30 Boxes events using their REST API.

Read the full article... Adding Netflix Widgets to your website with WebMatrix 3/22/2011

Netflix is a popular on-demand video streaming and online DVD rental company. In addition to these services, Netflix also offers multiple widgets and APIs that users can seamlessly integrate on their personal websites.

Read the full article... Using the Flickr API on your WebMatrix website 3/18/2011

Flickr is a free, popular online photo sharing and photo management website. Flickr offers a large development community with user created API Applications. Any person with a Flickr account can use Flickr's rich API to add content to their website, blog, or social media sites as well as create their own Flickr Application. This article will show how easy it is to get starting using Flickr's RESTful API.

Read the full article... Hack the News with the New York Times API 3/18/2011

The New York Times, one of the most well known and read newspapers, offers numerous APIs. These APIs allow you to display content from the NY Times on your webpage. You can use these APIs to essentially "hack" the news!

Read the full article... Adding video to your website using the new HTML5 video tag 3/17/2011

HTML5, currently under development, offers many more features and possibilities for developers than existing HTML markup. HTML5 is not some big change, it is merely new features and possibilities available that does not require existing markup to be thrown away. And best yet, HTML5 is already supported!

HTML5 has introduced several new elements including a

You’ll first see how to create a simple web site. You’ll then add the simple

Read the full article... Adding Amazon widgets to your webpage with WebMatrix 3/17/2011

Amazon Web Services offers many different ways to include Amazon products on your website. A simple and easy way to include Amazon Web Services on your website is through their widgets. Amazon currently has 15 widgets ranging from a simple search of Amazon to showing a slideshow of chosen Amazon products.

This article will focus on adding a few of these Amazon widgets using WebMatrix. WebMatrix is a free tool that allows you to create, customize, and publish webpages. It gives a number of different ways that you can create websites. One of the features is providing existing open sources applications such as WordPress, Joomla, DotNetNuke or Umbraco. WebMatrix can be downloaded for free at www.microsoft.com/web/webmatrix.

Read the full article... Creating a WebService with WebMatrix and Consuming it with a Windows 7 Phone Application 3/17/2011

In this tutorial you will see how to create a Web Service with WebMatrix and a Windows 7 Phone App that will consume your Web Service. Microsoft WebMatrix is a free tool that allows you to create, customize and publish web sites on the Internet.

This may sound like a daunting task but with WebMatrix and the Windows Phone Developer Tools, this task can be easier. WebMatrix makes it easy to create websites and web services. Before you start, you must download and install WebMatrix and the Windows Phone Developer Tools.

Read the full article... Adding a Custom YouTube Player to your Website 3/17/2011

YouTube is a popular video sharing website. Users can upload, share and watch videos. One of the great features that YouTube offers is an array of APIs so users can quickly and easily add a YouTube player to their website or blog. This article will focus on creating and adding a custom YouTube player to a WebMatrix website. It's easy to do and can be completed in about 10 minutes!

WebMatrix is a free tool that allows you to create, customize, and publish webpages. It gives a number of different ways that you can create websites. One of the features is providing existing open sources applications such as WordPress, Joomla, DotNetNuke or Umbraco. WebMatrix can be downloaded for free at www.microsoft.com/web/webmatrix.

Read the full article... Add the Last.FM API to your website 3/17/2011

Last.fm is a music website where users can listen to music and watch videos from their favorite artists. There are also a social networking features where users can recommend artists and songs, find upcoming artist events and find similar artists.

In addition to the website, Last.fm has rich web services including an API and features applications available to users found here. This article will show how easy it is to use Last.fm's API.

In this article, we will be using WebMatrix. WebMatrix is a free tool that allows you to create, customize, and publish webpages. It gives a number of different ways that you can create websites. One of the features is providing existing open sources applications such as WordPress, Joomla, DotNetNuke or Umbraco. WebMatrix can be downloaded for free at microsoft.com/Web/WebMatrix .

Read the full article... Adding Audio with the new HTML5 audio tag 3/17/2011

HTML5, currently under development, offers many more features and possibilities for developers than existing HTML markup. HTML5 is not some big change, it is merely new features and possibilities available that does not require existing markup to be thrown away. And best yet, HTML5 is already supported!

HTML5 has introduced several new elements including an

You’ll first see how to create a simple web site. You’ll then add the simple

Read the full article... Using the BestBuy API on a WebMatrix website 3/17/2011

Best Buy is an electronics retailer that sells consumer electronics in store and online. In addition to it's online services, Best Buy has developed an API for users to retrieve information from their site. This article will go through how easy it is incorporate the Best Buy API on a website using RESTful HTTP request format.

Read the full article... The Global Conference Is Real 3/11/2011

Microsoft wanted PDC10 to be the best-attended developer conference in its history, with attendees representing a truly global developer community. It wanted to deliver an immersive and engaging online experience that met and exceeded the onsite experience. And it wanted to accomplish this with current Microsoft technology, demonstrating the capabilities of that technology to deliver highly innovative and even unprecedented solutions, and to do so cost effectively.

Microsoft accomplished all of these aims with the PDC10 player and application.

Read the full article... Add an interactive music feature to your website using the iLike API 3/11/2011

iLike is a social music service that allows users to download and share music. It also provides a popular music app that can be used across multiple social networks. iLike also has an API that allows users to easily add their favorite music and playlists to their own websites, blogs, and social networking sites.

This article will go through how to add this iLike application to a website using WebMatrix using some simple JavaScript. If you are new to JavaScript, there are some introductory JavaScript articles found here.

Read the full article... Add a sleek photo gallery to your e-Commerce website using the Lightbox JavaScript 3/11/2011

When it comes to displaying your images in a gallery, you have multiple options to show off your images. One common and widely used way to display images is Lightbox, a JavaScript plugin. It displays clickable thumbnail versions of your images that pop up into a larger box.

Having the Lightbox gallery on your page means that the page does not have to be reloaded every time the user wants to view a larger version of your photos. It keeps users on your page!

For this tutorial, we will be using a free tool from Microsoft called WebMatrix. WebMatrix allows you to create, customize and publish websites. It’s amazingly easy to use, and can be downloaded here.

Read the full article... Get Started with SEO Using WebMatrix 2/25/2011

Whether you are building your website with WebMatrix, or optimizing a website that you maintain elsewhere, the Search Engine Optimization (SEO) Report in WebMatrix can provide you with valuable insights for optimizing your web pages for better search engine rankings.

More and more people are turning to the web to find information about products and services. For businesses, ranking highly in the Bing and Google results is becoming more important every day, and represents a compelling source of new customers. But how do you get your website to show up among the thousands of other results when potential customers search for your products or services?

Read the full article... Improve Your Website Using the WebMatrix SEO Report 2/25/2011

WebMatrix is a free, easy way to customize and built Websites from popular open source apps like WordPress, Drupal, and Joomla, as well as a powerful tool to built sites from the ground up using ASP, NET, PHP, HTML, and other leading Web technologies.

Run a WebMatrix SEO report and find out how to make your Website more visible to search engines like Bing and Google. WebMatrix takes the secrets out of search engine optimization and provides clear guidance on how to make your sites better.

Read the full article... WebMatrix refresh released. 2/18/2011

We’ve just published a minor refresh to WebMatrix, which you can download and use from the Web Platform Installer today.

We did this to fix some of the top customer issues that have been reported since we launched in January.

If you have any more problems or bugs with WebMatrix, please let us know! Smile

Read the full article... Installing Umbraco with WebMatrix 2/10/2011

Umbraco is a free, open source web CMS. This article will show how to install, configure and upload an Umbraco application with WebMatrix.

WebMatrix is a free tool that allows you to create, customize, and publish webpages. It gives a number of different ways that you can create websites. One of the features is providing existing open sources applications such as WordPress, Joomla, or DotNetNuke. In this tutorial, you will see how quick and easy it is to get your Umbraco application up and running!

Read the full article... Connecting to a SQL Server or MySQL Database in WebMatrix 1/18/2011

This article describes how to connect to an existing SQL Server database or a MySQL database in WebMatrix.

What you'll learn

  • How to connect to a SQL Server 2005 or SQL Server 2008 (or Express editions) database.

  • How to connect to a MySQL database.

  • How to create and store a database connection string in a web.config file.

Read the full article... Add and edit ASP.NET web pages 1/18/2011

This walkthrough shows you how to create an empty website using a WebMatrix site template, add pages to the site, and edit them.

What you'll learn

  • How to create a website using a WebMatrix template.

  • How to add an HTML file to the site and edit it.

  • How to add a .CSHTML file to the site and edit it.

  • How to link the resulting pages to each other.

What you'll need

To run the steps in this procedure you must be running Windows XP SP3 or a later version of Windows. You'll also need to have WebMatrix installed. For information about how to install WebMatrix, see Microsoft Web Platform Installer.

Read the full article... Download, edit, and republish your website with WebMatrix 1/18/2011

This walkthrough shows you how to download a site you have already published to the web, make changes to it, and republish it to your hosting provider.

What you'll learn

  • How to download your site's contents to WebMatrix.

  • How to preview what will be downloaded.

  • How to use WebMatrix to edit and test the site locally.

  • How to use WebMatrix to republish the site.

What you'll need

To run the steps in this procedure you must be running Windows XP SP3 or a later version of Windows. You'll also need to have WebMatrix installed. For information about how to install WebMatrix, see Microsoft Web Platform Installer.

Read the full article... Use WebMatrix to optimize your site for search engines 1/18/2011

This tutorial shows you how to use the WebMatrix Reports feature. The Reports feature analyzes your website and suggests changes that can make your site more visible to search engines.

What you'll learn

  • How to run a report that crawls your website just like a search engine.

  • How to view and filter SEO (Search Engine Optimization) errors.

  • How to get more information about and recommended solutions for each issue.

  • How to correct issues and re-run a report to confirm that they are gone.

Read the full article... Your First Website Using WebMatrix 1/18/2011

This guide introduces you to WebMatrix, Microsoft's new one-stop website authoring tool that lets you create, edit, and publish websites easily.

This getting-started guide will help you:

  • Install WebMatrix.
  • Download and install an open-source web application along with its prerequisites.
  • Perform the initial set up, including setting database and site administrator credentials.
  • Edit some files in the site using the built-in code editor.
  • Edit the site's database using the built-in database manager.
  • Run a site analysis to look for potential optimizations.
  • Prepare to publish your site to a web hosting provider.
Read the full article... Create a website from a WebMatrix site template 1/18/2011

This walkthrough shows you how to create a new website based on one of the WebMatrix built-in site templates.

What you'll learn

  • The website templates that are available in WebMatrix.

  • How to create a simple website based on the Starter Site template.

  • Browse to the default page that is created.

What you'll need

To run the steps in this procedure you must be running Windows XP SP3 or a later version of Windows. You'll also need to have WebMatrix installed. For information about how to install WebMatrix, see Microsoft Web Platform Installer.

Read the full article... Securing Web Communications: Certificates, SSL, and https:// 1/18/2011

This article describes what you need in order to configure secure communication between a browser and a web server, and how to test secure communication for your website using IIS Express and WebMatrix.

What you'll learn

  • What is an SSL certificate and why you need one on a secure website.

  • How to enable SSL in WebMatrix.

Read the full article... Create an ASP.NET website from scratch 1/18/2011

This walkthrough shows you how to install WebMatrix and use it to build a simple site from scratch. Along the way, you'll become familiar with many features of WebMatrix.

What you'll do

  • Become familiar with the WebMatrix user interface.

  • Use a site template to create a blank site, then add files and code to customize it.

  • Get started with ASP.NET Razor syntax.

  • Install the ASP.NET Web Helpers Library 1.1 and create a dynamic web page that displays a live Twitter feed.

  • Analyze requests to your website and find errors.

  • Add a database with a table and data to your website, then use a WebGrid helper to display the data in a web page.

  • Run an analysis of your website to enhance its visibility to search engines.

  • Learn how to find web hosting and publish your site to the web.

What you'll need

To run the steps in this walkthrough, you must be running Windows XP SP3 or a later version of Windows.

Read the full article... Analyze requests to your website 1/18/2011

This walkthrough shows you how to analyze requests to your website using the Requests feature in WebMatrix.

What you'll learn

  • How to capture requests to your website.

  • How to search for and filter specific types of captured requests.

  • How to view more information about a particular request.

  • How to edit a file that results in an error

  • How to clear the captured requests.

What you'll need

To run the steps in this procedure you must be running Windows XP SP3 or a later version of Windows. You'll also need to have WebMatrix installed. For information about how to install WebMatrix, see Microsoft Web Platform Installer.

Read the full article... How to publish a web application using WebMatrix 1/18/2011

This walkthrough shows you how to publish your website using WebMatrix.

What you'll learn

  • How to find a hosting provider.

  • How to enter or import your publishing settings from your hosting provider.

  • How to configure WebMatrix for publishing with Web Deploy or FTP.

  • How to check your web application's compatibility with your hosting provider's environment.

  • How to preview files to be published, and see a log of what was published.

What you'll need

To run the steps in this procedure you must be running Windows XP SP3 or a later version of Windows. You'll also need to have WebMatrix installed. For information about how to install WebMatrix, see Microsoft Web Platform Installer.

Read the full article... WebMatrix 1.0 Release Notes 1/13/2011

1-13-2011 : These notes will be kept up to date here.

WebMatrix is a brand new web development tool from Microsoft that includes everything you need for website development. Start from open source web applications, built-in web templates or just start writing code yourself. It’s all-inclusive, simple and best of all free. Developing websites has never been easier.

Read the full article... Using BlogEngine.NET with WebMatrix 1/12/2011

BlogEngine.NET is an open source .NET blogging project that was born out of desire for a better blog platform. A blog platform with less complexity, easy customization and one that takes advantage of the great features in .NET. It’s easy to use, and WebMatrix makes it even easier.

In this video you’ll see how, in just a few minutes you can install BlogEngine.NET using WebMatrix.

Read the full article... Installing ScrewTurn Wiki using WebMatrix 1/12/2011

ScrewTurn Wiki allows you to create, manage and share wikis. A wiki is a collaboratively-edited, information-centered web site. The most famous of these is WikiPedia. ScrewTurn Wiki is built using ASP.NET, and as such can be installed, run, and edited using WebMatrix.

WebMatrix is a free tool that allows you to create, customize, and publish webpages. It gives a number of different ways that you can create websites. One of the features is providing existing open sources applications such as ScrewTurn wiki, as well as WordPress, Joomla, DotNetNuke or Umbraco. In this tutorial, you will see how quick and easy it is to get your ScrewTurn wiki site up and running!

Read the full article... Getting started with Joomla and WebMatrix 1/12/2011

Joomla is a free, open source content management system and application framework that powers many web sites, built using PHP and MySQL. It’s easy to use on Windows, and WebMatrix makes it even easier.

In this video you’ll see how, in just a few minutes you can install a Joomla! site and start configuring it, including modifying the theme and adding content to the CMS.

Read the full article... Set Up a Simple Theme for Your Website Using WebMatrix 1/12/2011

image108_thumb1

A consistent look and feel is a quality of many professional Websites. Some types of elements are often repeated within the header and footer sections of every page, for example: the banner image,  a company name or logo, the business address and contact information.

Read the full article... WebMatrix and Drupal: Build a site in 15 minutes 1/11/2011

See how, in less than 15 minutes, to create a web site with WebMatrix and Drupal, changing the theme, adding and using a module, and writing some code to integrate Facebook…it’s that easy with WebMatrix!

Drupal and WebMatrix [HD]

Read the full article... Using the Windows Live Translator API 1/11/2011

While it’s not yet a substitute for a full localization of your site, Machine Translation can be very useful in giving users who don’t speak your language a better experience when visiting you. The Microsoft Translator API allows you to add this in-site, instead of them having to visit a third party translation service. In this article, you’ll see how simple it is to add it, and how you can be up and running in just a few minutes.

You’ll first see how to create a simple web site and then add the API. If you have a site already, you can skip the first section!

Microsoft WebMatrix is a free tool that allows you to create, customize and publish websites. It’s amazingly easy to use, and can be downloaded from www.microsoft.com/web/webmatrix. We’ll be using this tool as we go along this tutorial.

Read the full article... Using WebMatrix to build a DotNetNuke Application 1/11/2011

DotNetNuke is a widely adopted open source platform for building web sites and web applications with a Content Management System build on .NET. This article will show how to install, configure and publish a DotNetNuke application with WebMatrix.

WebMatrix is a free tool that allows you to create, customize, and publish webpages. It gives a number of different ways that you can create websites. One of the features is providing existing open sources applications such as DotNetNuke, as well as WordPress, Joomla, DotNetNuke or Umbraco. In this tutorial, you will see how quick and easy it is to get your DotNetNuke application up and running!

Read the full article... Using the Bing Maps API 1/11/2011

This article will explore how to add the Bing Maps API to a website. Bing Maps provides an interactive AJAX SDK (found at: www.microsoft.com/maps/isdk/ajax) that allows the user to choose what aspects to include on their Bing map. The users can switch between the visual map, the source code, references for the code used and more information about the SDK and Bing Maps API. The user simply needs to choose the map options they wish to have on their map and copy and paste the code into their website.

In this article, we will be using WebMatrix. Microsoft WebMatrix is a free tool that allows you to create, customize and publish websites. It’s amazingly easy to use, and can be downloaded from www.microsoft.com/web/webmatrix. We’ll be using this tool as we go along this tutorial.

WebMatrix gives you a number of different ways that you can create a new web site. You can use an existing open source application such as WordPress, Joomla, DotNetNuke or Umbraco, or you can create a site yourself by either coding everything or by using a small, simple template.

Read the full article... Using Facebook Helpers on your Website 1/11/2011

Adding social media to websites is very popular these days. Businesses use it to increase their presence on the web while individuals use it to keep people up to date. Whatever your reasons, this tutorial will show you how to seamlessly integrate several of the Facebook Social Plugins into your website, quickly and easily.

In this tutorial we will be using a free tool from Microsoft called WebMatrix. WebMatrix allows you to create, customize and publish websites. It’s amazingly easy to use, and can be downloaded from www.microsoft.com/web/webmatrix.

In this tutorial, we will be looking at 2 different ways to add Facebook plugins to a website, using the Facebook developer’s plugin and using the WebMatrix Facebook helper. One feature that WebMatrix offers is Helpers. Helpers are previously written code that allows us to integrate the code into our webpage with few lines of code. Helpers are nice because they are a timesaver, can be easily added, and allow you to reuse code over and over.

Read the full article... Setting Up your NopCommerce website using WebMatrix 1/11/2011

In this tutorial, you will see how quick and easy it is to get your nopCommerce application up and running! nopCommerce is an free, open source, e-Commerce application that contains both a catalog frontend and administration tool backend. It also has a fully customizable shopping cart. Getting your e-Commerce site up and running can be accomplished in a few steps. For this tutorial, we will be using WebMatrix.

WebMatrix is a free tool that allows you to create, customize, and publish webpages. It gives a number of different ways that you can create websites. One of the features is providing existing open sources applications such as nopCommerce, as well as WordPress, Joomla, DotNetNuke or Umbraco. WebMatrix can be downloaded for free at www.microsoft.com/web/webmatrix.

Read the full article... Quickly add other languages to your site using automatic translation 1/11/2011

While it’s not yet a substitute for a full localization of your site, Machine Translation can be very useful in giving users who don’t speak your language a better experience when visiting you. The Microsoft Translator widget allows you to add this in-site, instead of them having to visit a third party translation service. In this article, you’ll see how simple it is to add it, and how you can be up and running in just a few minutes.

You’ll first see how to create a simple web site. You’ll then add the widget, and then you’ll take a tour of some of its additional features. If you have a site already, you can skip the first section!

Read the full article... Installing and Publishing Orchard using WebMatrix 1/11/2011

Orchard is a free, open source project aimed at delivering applications and reusable components on the ASP.NET platform. You can learn more about Orchard at www.orchardproject.net.

In this article we will explore how to install, configure, and publish an Orchard application using WebMatrix.

Read the full article... Installing and Publishing a WordPress Blog with WebMatrix 1/11/2011

This article will explore how to install, configure and publish a WordPress blog using Microsoft’s WebMatrix. WordPress is an open source software that you can use to create a web site or a blog. WebMatrix is a free tool that allows you to create, customize, and publish web pages. It gives a number of different ways that you can create websites. One of the features is providing existing open sources applications such as WordPress, Joomla, DotNetNuke or Umbraco.

WebMatrix can be downloaded for free at www.microsoft.com/web/webmatrix.

Read the full article... Using the Hulu widgets to add TV to your site. 1/11/2011

Hulu, a website that offers streaming TV shows, has several different ways to incorporate videos onto a website using widgets. These widgets are easy to implement as they only require you to copy and paste the code onto your website.

In this tutorial, we will be looking at two different Hulu widgets that we can add to a website: the show widget (which allows you to display your favorite Hulu show videos) and a video panel widget (which allows you to pick your favorite Hulu shows that viewers can watch on your webpage).

Read the full article... Add driving directions to your site with Bing Maps 1/11/2011

In this article, you’ll first see how to create a simple web site. You’ll then add a Bing Map, add a push pin to a specific location on your map, and then add the additional feature of allowing customers to search for driving directions to your location. If you have a site already, you can skip the first section!

Microsoft WebMatrix is a free tool that allows you to create, customize and publish websites. It’s amazingly easy to use, and can be downloaded from www.microsoft.com/web/webmatrix. We’ll be using this tool as we go along in this tutorial.

Read the full article... Add a photo gallery to your website using Lightbox and JavaScript 1/11/2011

When it comes to displaying your images in a gallery, you have multiple options to show off your images. One common and widely used way to display images is Lightbox, a JavaScript plugin. It displays clickable thumbnail versions of your images that pop up into a larger box.

Having the Lightbox gallery on your page means that the page does not have to be reloaded every time the user wants to view a larger version of your photos. It keeps users on your page!

For this tutorial, we will be using a free tool from Microsoft called WebMatrix. WebMatrix allows you to create, customize and publish websites. It’s amazingly easy to use, and can be downloaded here.

Read the full article... Web Development 101 using WebMatrix 1/10/2011

Teach yourself how to write a simple Web Application using WebMatrix, CSS, HTML, HTML5, ASP.NET, SQL, Databases and more in just a couple of hours.

In this series of articles, you will learn how to build a simple web application that is used to manage a list of your favorite movies. While it is simple, it will demonstrate many of the capabilities of a full web application, including using a database to drive the content, and provide functionality to allow your users to add to the database, and edit and delete data. (You may have heard the term CRUD – Create, Retrieve, Update, Delete, now you’ll learn how to do it in WebMatrix!)

You’ll also learn how to deploy your application using WebDeploy and hosting providers within WebMatrix!

Read the full article... Web Development 101: Part 1, Getting Started with WebMatrix 1/10/2011

Microsoft WebMatrix is a free tool that allows you to create, customize and publish web sites on the Internet.

WebMatrix makes it easy for you to create web sites. You can start with an open source application such as WordPress, Joomla, DotNetNuke or Orchard, and WebMatrix handles the task of downloading, installing and configuring the apps for you. Or you can write the code yourself using a range of built-in templates that help get you started. Whatever you choose, WebMatrix provides everything your web site needs to run including the web server, database, and framework. By using the same stack on your development desktop that you’ll use on your web host, the process of going live with your website is painless and worry free.

You can download it from http://web.ms/webmatrix.

A full video of this article can be watched here.

Read the full article... Web Development 101: Part 2, Create your first Web Page 1/10/2011

In Part 1 you learned what WebMatrix is, and you saw how to install it and get it running. In this Chapter you'll use it to create your first web site, and populate it with your first web page.

Read the full article... Web Development 101: Part 3, Getting some style 1/10/2011

In Part 2, you saw how to use WebMatrix to create a very simple web page, and how this page will operate in a number of different browsers. In this section you’ll see how you can start being smart about how you change the visual style of the page, using the technology called Cascading Style Sheets (CSS)

The simple list of movies on a web page you built in is here:

clip_image001

Read the full article... Web Development 101: Part 4, Using Layout 1/10/2011

Up until now you've seen how to use WebMatrix to create a very simple web page, and how this page will operate in a number of different browsers as well as how to use CSS styling to make the basic page look a little prettier.

In this Chapter you're going to take all this to the next level and start using server programming. You might be used to client programming, such as building applications that run on a phone, a desktop, or even JavaScript applications that run within the browser. The important difference with server programming is that much of your application code doesn’t run on the client device. Instead, the end user’s actions launch a page request to the server, and if that page is an “active” page, the server runs code and uses that code to generate HTML markup and values that it sends down to the browser. The browser then renders this HTML and users see the result.

As you grow your skills, you’ll find that sometimes it makes sense to mix things up a little, with some code running in your browser (typically using JavaScript, or a Rich Internet Application (RIA) technology such as Silverlight), and the rest running on your server.

WebMatrix introduces the Razor syntax for programming web pages, and one of the features it gives you is a powerful, yet simple, layout engine. In this article we’ll take a look at using the layout features to put all of the common HTML, such as the and the footer content into one location and have it automatically generated for your page, so that when you are building a page such as the movies list, the file for that page will only have the main content for that page, and the rest will be added for you, with you in full control.

Read the full article... Web Development 101: Part 5, Using Data 1/10/2011

Thus far in this series, you’ve seen how to create an HTML page with WebMatrix, and how first you could be effective in how you style that page using Cascading Style Sheets (CSS), and then how to use the layout functionality built into WebMatrix with the ‘Razor’ syntax to allow you to focus on the content of your page and not be distracted by the plumbing.

In this Chapter we’ll look at turning the static list of movies that you have been using, and we’ll make it dynamic. In real-world terms – instead of having a list of movies hand-written in HTML, we’ll put them into a database, and we’ll have WebMatrix read the database and generate HTML for us. That way, we can change the database easily, and have the web page update automatically.

Read the full article... Web Development 101: Part 6, Creating an Add Data page 1/10/2011

To this point you've seen how to create a web site in WebMatrix, and how to use styling and layout to make your pages smaller and easier to maintain, as well as quicker for the browser to download and render. You created these pages to be dynamic and data-driven, and in this article you'll see how you can create a page that will add data to your database.

Read the full article... Web Development 101: Part 7, Creating an Edit Data Page 1/10/2011

Up to now you've created your movies page, styled it, made it data driven, and then created a form that you could use to add movies to your database. The next step will be to create a very similar form that you can use to edit your existing list of movies.

Let's take a look at the application as it now stands:

As you can see it has a list of movies, with the ability to add a new movie via a link at the bottom. In order to have a mouseover effect, we made each movie entry in the list a hyperlink, using the tag. It would make sense that if we want to edit a movie, that we should just use this hyperlink, so let's follow that process here.

Read the full article... Web Development 101: Part 8, Creating a Delete Data page 1/10/2011

So you've reached the point now where you have created a data-driven list of favorite movies, styled it, and added the ability to add new movies and edit existing movies in the database. The next step in creating this application is to give your users the ability to delete records from the database.

You may have heard of a term called CRUD used when applied to web applications development and data. CRUD stands for Create Retrieve Update Delete, and that's precisely what you've built using WebMatrix.

Read the full article... Web Development 101: Part 9, Deploying your site 1/10/2011

You've come a long way! From the beginnings when you created a simple HTML page, and then learned how to style it, you've now gone on to create a fully dynamic site, one where you can generate the page, server-side, from data in your database. You can also edit, update and delete the records in your database, to show a full scenario for a web application.

While this application is very simple, it is the foundation for what a full web application built with ASP.NET and Razor in WebMatrix will look like. I'm sure you can see just how simple it is!

Read the full article... Introduction to CSS 1/9/2011

CSS, also known as Cascading Style Sheets, is used to style and control the layout of webpages. This language is used to define the presentation of HTML elements on a webpage. CSS can be used to define colors, fonts, borders, and the layout of a webpage.

In this article, we will be using WebMatrix. Microsoft WebMatrix is a free tool that allows you to create, customize and publish websites. It’s amazingly easy to use, and can be downloaded from www.microsoft.com/web/webmatrix.

WebMatrix gives you a number of different ways that you can create a new web site. You can use an existing open source application such as WordPress, Joomla, DotNetNuke or Umbraco, or you can create a site yourself by either coding everything or by using a small, simple template.

Read the full article... Verify Your Website or Blog with Bing™ Webmaster Tools 12/17/2010

Take the first step to improve your search rankings by verifying your Website with Bing™

With Bing™ now powering Yahoo! and Facebook search, nearly 30 percent of all Web traffic is delivered through Bing™. Because of this, it is more important than ever for website owners to ensure their Websites are indexed in Bing™.

Latest_HighRes_HP_template_US

Bing™ Webmaster Tools allow you to submit and verify your Website for indexing. Once it is verified, you can also use Bing™ Webmaster Tools to improve your Website’s SEO and view important data on its performance.

Once your Website is verified in Bing Webmaster Tools, you can:

  • Improve your Website’s search engine optimization

  • See and control how Bing™ crawls and indexes your Website

  • See backlinks, inbound links, and keyword performance for your Website

  • Provide an XML sitemap for your Website

  • Detect crawl issues and view details on redirects, malware, and exclusions

Read the full article... Learn HTML: Part 2 12/16/2010

In part one of this series you got an introduction to HTML, and you saw the basic structure for an HTML document. You saw that the of your document contains the content that the user will see within the browser window, but just added some simple text. In this article, you’ll see how to add and lay out the content within the so that it looks more like the types of web page you are used to seeing. You’ll see how to do this using heading tags and paragraphs. You’ll then learn how to use images on your page.

Before you get started, fire up WebMatrix and load the web site that you used in the previous article. You’ll be building on that as you go along. If you don’t have WebMatrix, you can download it from http://www.microsoft.com/web/webmatrix. You don’t need to have it to write the HTML, but you’ll see that using it will make the task much easier.

Read the full article... Learn HTML: Part 1 12/16/2010

HTML stands for HyperText Markup Language. It’s a type of text document, where text is ‘marked up’ by using special tags that inform a program that reads the text in how to render the text. Typically that program is a Web Browser such as Internet Explorer, FireFox, Opera or Chrome. With the growth of internet-connected devices such as cell phones, slates and embedded systems (such as TVs),  HTML is more important than ever, as it provides a near ubiquitous cross platform way of delivering content.

Despite that, because of HTML’s age, it’s pretty much taken for granted! It’s pretty hard to find basic ‘getting started’ tutorials that will teach you what it is, and how to use it, from the ground up. Well, that’s what we’re trying to fix here. Hope you enjoy it!

Read the full article... Introduction to JavaScript: Part 3 of 3 12/14/2010

In the first two parts of the JavaScript article we introduced alerts, writing text to a webpage using document.write, functions, adding external JavaScript files, event handlers, manipulating the DOM and creating cookies. This article will explore browser detection, form validation and drop down navigational menus.

If you read the previous parts of this article, you can skip the next section about using WebMatrix. If you skipped the other parts of this article, we will be using WebMatrix. Microsoft WebMatrix is a free tool that allows you to create, customize and publish websites. It’s amazingly easy to use, and can be downloaded from www.microsoft.com/web/webmatrix.

Read the full article... Introduction to JavaScript: Part 2 of 3 12/13/2010

In the first part of the JavaScript article we introduced alerts, writing text to a webpage using document.write, functions, and adding external JavaScript files. In this part of the article we will look at event handlers, manipulating the DOM, and creating cookies.

If you read the first part of this article, you can skip the next section about using WebMatrix. If you skipped the first part of this article, we will be using Microsoft’s new, free tool called WebMatrix. WebMatrix allows you to create, customize, and publish websites. It's amazingly easy to use, and can be downloaded from www.microsoft.com/web/webmatrix.

Read the full article... Introduction to JavaScript, Part 1 of 3 12/8/2010

JavaScript. You may not have heard it, but if you’ve used the internet, then chances are you have seen JavaScript working on a webpage without even knowing it! JavaScript is the most popular scripting language used by developers to add interactivity to webpages. JavaScript uses client-side scripting, meaning that the client side (the web browser) is running the script. Once the page (or browser) is closed, the script will stop running.

JavaScript can make your webpage dynamic in many different ways. It can write text, it can react to events (like a button being clicked or the page being loaded), it can change the content of the page, it can add or remove HTML elements, it can validate form data, it can detect which browser a visitor is using, it can create cookies, and many other things.

Read the full article... Use LightBox for beautiful Images on your web site. 11/23/2010

When it comes to displaying your images in a gallery, you have multiple options to show off your images. One common and widely used way to display images is Lightbox, a JavaScript plugin. It displays clickable thumbnail versions of your images that pop up into a larger box. Having the Lightbox gallery on your page means that the page does not have to be reloaded every time the user wants to view a larger version of your photos. It keeps users on your page!

You’ll first see how to create a simple web site. You’ll then download the required files, and then you’ll add the Lightbox plugin to your website. If you have downloaded WebMatrix or have a site already, you can skip the first section!

Read the full article...