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
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.