Chapter 12 - Creating a Web Site

WebMatrix

WebMatrix is a free web development tool that provides the easiest way to build websites.
WebMatrix contains:

• Web examples and templates
• Support for many different web languages
• A web server (IIS Express)
• A database server (SQL Server Compact)

With WebMatrix you can start with an empty web site and a blank home page, or you can build on templates using PHP, ASP, Umbraco, DotNetNuke, Drupal, Joomla, WordPress and more.
WebMatrix also has built-in tools for databases, security, search engine optimization, and web publishing.
To install WebMatrix, follow this link: http://www.microsoft.com/web/gallery/install.aspx?appid=WebMatrix

---

Create an Empty Web Site

Follow the three simple steps below to create an empty web site with WebMatrix:

• Select a Template
• Edit the Home Page
• Run the Web Site

The 3 steps below, creates an empty HTML web site. If you want to create an PHP Site, an ASP site, or a Node.js site, look at the bottom of this page.

Step 1: Select a Template

Start WebMatrix, select New.

From the template gallery, select Empty Site from HTML templates.
Name the site demoweb (or anything you like)and click Next:

WebMatrix creates a new web site and displays a workspace window.
In the left pane, select the Files workspace:

Step 2: Edit the Home Page

To edit your home page, double-click the file index.html.
Put the following content into the file:

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Web Page Demo</title>
</head>
<body>
    <h1>My First Web Page</h1>
</body>
</html>

Step 3: Run Your Web Site

In WebMatrix, click Run:
WebMatrix starts a web server and runs the page in your default browser:

WebMatrix selects a random port number for your local web server.
In the example above it is displayed as: http://localhost:4670.

Create an Empty ASP Classic Web Site

Rename the home page from index.html to default.asp.

---

Create an Empty PHP Site

In step 1 select Empty Site from the PHP templates.

---

Create an Empty ASP.NET Web Pages Site

In step 1 select Empty Site from the ASP.NET templates.

---

Create an Empty Node.js Site

In step 1 select Empty Site from the Node.js templates.

Need help? Try KimmyJusTips!