ASP.NET Web Pages - Tutorial


ASP.NET is a development framework for creating web pages and websites using HTML, CSS, JavaScript and server scripts.

ASP.NET supports three different development models:
Web Pages, MVC (Model View Controller), Web Forms:

This tutorial introduces Web Pages.。

Web Pages MVC Web Forms

Where to start?

Most developers learn a new technology by looking at running examples.

Learn easily by "Run Example"

Our "Run Example" tool makes Web Pages easier to learn.

It displays ASP.NET code and HTML output while running the example.

Click the "Run Example" button to see how it works:

Web Pages Examples

<html>
<body>
<h1>Hello Web Pages</h1>
<p>The time is @DateTime.Now</p>
</body>
</html>

Run Example »

What are Web Pages?

Web Pages is one of the three programming models for creating ASP.NET websites and web applications.

The other two programming models are Web Forms and MVC (Model View Controller).

Web Pages is the simplest development model for developing ASP.NET web pages. It provides a simple way to combine HTML, CSS, JavaScript and server scripts:

  • Easy to learn, easy to understand, easy to use
  • Built around a single web page
  • Similar to PHP and Classic ASP
  • Server scripts in Visual Basic or C#
  • Full control of HTML, CSS and JavaScript

Web Pages has built-in database, video, graphics, social media and many more Web Helpers, making it easy to extend.

Web Pages Tutorial

If you are new to ASP.NET, it is recommended to start learning with Web Pages.

In our Web Pages tutorial, you will learn how to combine HTML, CSS, JavaScript and server code using the latest Razor server markup syntax in VB (Visual Basic) or C# (C sharp).

You will also learn how to use programmable Web Helpers (including database, video, graphics, social media, and more) to extend your web pages.

Web Pages Examples

Learn by examples!

Because ASP.NET code is executed on the server, you cannot view the code in your browser. You can only see the normal HTML page output.

In Example, each example displays the hidden ASP.NET code, which makes it easier for you to understand how it works.

Web Pages Examples

Web Pages Reference Manual

At the end of this tutorial, you will see a complete ASP.NET reference manual covering objects, components, properties, and methods.

Web Pages Reference Manual

Using WebMatrix

In this tutorial, we use WebMatrix.

WebMatrix is a simple but powerful, free ASP.NET development tool specially tailored by Microsoft for Web Pages.

WebMatrix includes:

  • Web Pages examples and templates
  • A web server language (Razor server markup syntax for VB or C#)
  • A web server (IIS Express)
  • A database server (SQL Server Compact)
  • A complete web development framework (ASP.NET)

By using WebMatrix, you can start development from an empty website and a blank page, or you can use open-source applications from the "Web Application Gallery" for secondary development. Many PHP and ASP.NET applications are open source, such as Umbraco, DotNetNuke, Drupal, Joomla, WordPress, etc. WebMatrix also has built-in security, search engine optimization, and web publishing tools.

The technologies and code developed with WebMatrix can be seamlessly converted into fully professional ASP.NET applications.

If you want to try WebMatrix, click the link below to install it:

http://www.microsoft.com/web/gallery/install.aspx?appid=WebMatrix


Other extensions