ASP.NET Basics

HTML Basics
ASP.NET Web Server
Advanced HTML
Application Designing
Using Visual Studio
ASP.NET Standards
ASP.NET Styling
ASP.NET Navigation

ASP.NET Tips

ASP.NET Validation
HTML forms
CSS Styling
CSS Advanced
ASP.NET Features
ASP.NET Image Effects
Common mistakes
DB Design tips

Building Applications

Design Secure Apps
Build Secure Apps

2.2 ASP.NET Document Outline

« Previous Chapter

Next Chapter »

When you use Visual Studio, you can use its Document Outline pane by going to View - -> Document Outline. The Document Outline pane in Visual Studio makes it easier for you to analyze the web site’s layout structure.

Choosing the Document Outline Pane
Choosing the Document Outline Pane

For example:

The following is the Document Outline for the web page with the code in previous Chapter - Page Layout using <div> tags. This outline shows that the page contains three subsections with a logo, the home hyperlink and the phone number.
The following figure shows the Document Outline pane and the structure of the page layout with the nested <div> tags.

Document Outline Pane
Document Outline Pane

« Previous Chapter

Next Chapter »

Table of Contents

Chapter 1 - HTML Web Standards
        Chapter 1.1 - Visual Studio and Standards
        Chapter 1.2 - External XHTML validation
Chapter 2 - Creating Columns Using CSS
        Chapter 2.1 - Page Layout using <div> tags
        » Chapter 2.2 - ASP.NET Document Outline
        Chapter 2.3 - Style Rules for <div> tags
Chapter 3 - Improving Web Page Performance
        Chapter 3.1 - Turning off ViewState
        Chapter 3.2 - Caching Content
                Chapter 3.2.1 - Page-Level Caching
                Chapter 3.2.2 - Cache Period
Chapter 4 - Accessibility Requirements
        Chapter 4.1 - Image Alternate Text
        Chapter 4.2 - Avoiding Table for Layouts
        Chapter 4.3 - Client-side Scripts
        Chapter 4.4 - Validating Web Accessibility
Chapter 5 - Increasing Web Page Usability
        Chapter 5.1 - Tab Order
        Chapter 5.2 - Access Keys
        Chapter 5.3 - Default Focus and Default Buttons

[top]