WebMatrix 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... 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... 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... 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 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... 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... 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... 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... 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... 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... 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... 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... 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... 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... 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... Using the free Bing Translation APIs 11/23/2010

Among the many cool free APIs that you can get from Bing is one that offers Machine Translation of any of your content. In addition to the translation widget that we covered in another article, which automatically scans your page and translates content that it finds, you get a finer control over what is translated. So, say for example, you want to keep your site in English, but someone sends feedback or makes a comment in another language, and you want that language to be translated, then the API can be used.

In this article you’ll see how to do that. You’ll get a free Bing AppID, which is needed to access the API, and then you’ll build a simple site that uses the API to translate content sent to you by your users.

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...