Adding a Web Page

Adding Web pages to your site is simple.  A Web page is part of your Web site if it's in the same folder of the Web site.

1.  There are multiple ways to add files to your Web site, including using the File menu or Solution Explorer.  To add a new file to your Web site (in this case, it is the root), right-click the folder in Solution Explorer named "Authors" and select Add New Item.

2.  In the Add New Item dialog select a Web Form and mame it "Authors.aspx".  The default language is Visual Basic because the default language of the Web site is Visual Basic.  Check Place code in separate file to automatically create a code-behind class file, and then click on Add.

The Authors.aspx page will be loaded and your current view will be the file's Source. You can change to the Design view by clicking the button under the Code Editor window:

Note that the other HTML buttons in the screenshot may be different than what you see. They load dynamically based on your cursor position in the file.

VWD has IntelliSense support everywhere.  This includes HTML source (including page directives), style pages, code-behind files and middle tier logic, your configuration files, and XML files that have a schema reference.  There is no longer any need to waste time searching through online documentation for the details—it's all at your finger tips.

Shown below are IntelliSense examples from an HTML source page:

IntelliSense in HTML source

IntelliSense in Page Directives

3.  Click Design to switch from the HTML Source view to the Design view.  This will bring up the VWD design surface.

4.  Add an "Authors" header to the page by typing in the text, highlighting it, and then selecting Heading 1 <H1> from the Block Format toolbar menu (if this menu is not present select the View| Toolbars | Formatting menu command).  Next add "Current Date/Time:" as you see below. You will be adding a control to display the actual current date/time.

5.  From the Toolbox click and drag a Label control to the design surface, placing it next to "Current Date/Time:".

6.  Press F4 to access the control's Properties window. For (ID) enter "dateTimeLabel". Press CTRL+S to save your work.