Expression Web Asp.Net Master Page Tutorial Part-1

In Previous Post ASP.NET Tutorial Using Microsoft Expression Web i told you Why Microsoft Expression Web is better then Visual Studio.Take advantage of the best of dynamic Web site design, enabling you to design, develop, and maintain exceptional standards-based Web sites

In this tutorial i show you how to make ASP.NET master pages in Microsoft Expression Web easily.Expression Web introduced ASP.NET to a new group of web developers. Expression Web is designed to help you start using ASP.NET right away to add powerful new features to your website.you won’t have to learn a lot of programming instead, you’ll create an ASP.NET application from start to finish, while writing only a very small amount of actual programming code.

What Is Master Pages ?

ASP.NET master pages allow you to create a consistent layout for the pages in your application. A single master page defines the look and feel and standard behavior that you want for all of the pages (or a group of pages) in your application.

A ASP.NET web application can have one or more master pages,These have special place-holder Web Controls, called Content Place Holder, The content placeholders define default content for the region defined by the content placeholder control in visual studio. The default content defined by content placeholders can be modified within the master page so that the changes appear on every page to which the master page is attached.

So here we start
i assume that you downloaded and installed all softwares,i told you in previous tutorial.

I begin to creating a website folder,so you can easily understand.to create a new website in Expression Web we have to go

File > New > Web Site

Expression Web Asp.Net Master Page Tutorial

Here you have a few options like
#One Page Website
#Empty Website
#Import Website Wizard

Expression Web Asp.Net Master Page Tutorial

i recommend Empty Website,that will create an empty directory that Expression Web identify,where all pages,images,scripts,all files of our website.you can see the specify location of website,the full path of the directory,or you can choose your own path where you wanna store your website folder.Then click OK !!

Expression Web Asp.Net Master Page Tutorial

Now we are ready to cerate first page of the website that is Master Page that will use to create all other ASP.NET (.aspx) pages in the site.
go to
File > New > ASPX
if you wanna create ASPX page (it's an shortcut to make aspx page)

File > New > page..
to create a Master Page
Expression Web Asp.Net Master Page Tutorial

go to File > New > page..


Click on Master Page,you notice another option appears of Programming Languages
by default Expression Web generates code in C# or you can choose any one of the three Languages C# ,VJ#,VB# according to your need.if you don't know what you need leave it because all programming is done behind the page in C# Language.
Now you can see Expression Web automatically create <.form.>..

Expression Web Asp.Net Master Page Tutorial

When you click inside form you see the ContentPlaceHolder. as i told you Content Place Holder in master pages are like the editable reigns in dynamic web templates.you can create as many as Content Place Holders you want in master pages to use it.

Expression Web Asp.Net Master Page Tutorial

Note:The master page defines content areas using the ContentPlaceHolder control, and the content pages place their content in the areas identified by the ContentPlaceHolder control in the master page. Pages that use a master page to define the layout may place content only in the areas defined by the ContentPlaceHolder, thus ensuring a consistent site design. Master pages have a .master file extension. Apart from the content required to define the standard look and feel of the application, the master pages also contain all the top-level HTML elements for a page, such as <.html.>, <.head.>, and <.form.>.
Finally, each master page contains one or more content placeholders that define regions into which the child pages render content.
next part i will show you in another tutorial..
CSS Tutorial In ASP.NET Master Page

Share this

Related Posts

There was an error in this gadget