(Please open the article to see the flash file or player.)

To add a master page, add a new item, and select Master Page from the choices. Once the master page is added, go to the source code and you see a contentplaceholder within the master page. The function of this contentplaceholder is that when you create pages that inherits from the master page, the contentplace holder will provide a custom content for this pages. Any other area apart from the contentplaceholder you will not be able to modify it (watch video to understand).

In order to create a master page i deleted the contentplaceholder that was added by default, then i added a 3×3 table. This table will be used to create a layout for the master page. The layout was structured with header section, content section, footer section, and navigation section.

Follow what i did to create a clean layout if you are not proficient in CSS, but if you know CSS you will shine . I added a new page that inherited from the master page and showed you how to add the custom content provider, which is the contentplaceholder.

I also showed you how to modify the CSS of the master page from the properties windows. This will add the CSS properties inside the header area. If you are very good in CSS you can create your styles on a separate file and add the file to the application as an existing item or simply drag and drop it inside your page.

I then add another page to demonstrate that they all have same look and feel. Watch the videos and leave comments. Thanks.