|
The Visual Studio IDE (Integrated Development Environment) lets you view the document in three edit modes
namely Design, Source and Quick View. We can compare them looking at the
figure below. The first one is Design View which is WYSIWYG (what you see is
what you get). Essentially this is like typing a document in Microsoft Word.
Notice how you have the formatting options available like changing font
type, size and also attributes like bold, italic and underline
On the left side of the screen, you have the Toolbox which lets you drag
and drop controls like textbox, radio buttons etc. On the right side one of
the windows is the Project Explorer. This keeps track of all the web pages
and documents relating to your website in one place. Below the Project
Explorer window, you will see a Properties window that gives detailed
information on the specific control that has the focus.
If you claim to be a HTML guru, then Source view is for you. This
highlights all the HTML tags as they appear in the document. If you look at
the above document in Source View, you will see something like this. Notice
how the editor shows different colors for the tags and the actual text. The
HTML tags are in brown e.g. <body>, <hr> and <p>. The
items in red and blue give additional information on the tag. The text that
appears in your document is in black. Looking at the document below,
"Text Search" will appear on top of the page
Once you are done editing the document, you can see what it would look
like in the browser. Quick View lets you do just that. Also notice that any client side scripts will be active
for this view. More on this topic in a later section. For now you can see
the above document in Browser view below. Notice that all the controls to
your left have been disabled for this operation. This view resembles the
Design mode except you cannot edit the document in Quick View
The File Menu gives you the ability to open new or existing files and
projects. It also lets you save document to the hard disk. In addition you
can print documents if you like and of course if you get sick of
programming, then there is the Exit option under this menu also. The File Menu looks like the one below
The choices under this menu option are self explanatory but we'll add a
word or two
New Project 
This option lets you create a new project in addition to the one you are
working on
It will give you a dialog box that looks like the one below
Open Project
Lets you open an existing project
Close All
Lets you close all the open projects
Add Project
Similar in operation the New Project. The difference being if you have an existing
project and would like to add it to the current one, this is the option you
will use. It looks like the figure below
Remove Project
Lets you remove a project from the existing one
New File
If you want to create a new file (web compliant), this is the one you need
Open File
Lets you open an existing web file and will give you a dialog box like the
one below
Close
Lets you close all the files that are open
Save
Lets you save the document that has the focus
Save As
Lets you save the document under a different name if you like. Wanted to
mention that when you are working in Visual Interdev, you can either save
the document locally to your machine or globally to the server. This is
helpful if you have a website that is up and running. You do not want to
test stuff on that web server and hence should save the file locally. Notice
in the dialog box below, it reads Project4_Local.
Save All
Save all the docs that are currently open
Print
Lets you print the document that has focus to a printer.
Exit
Lets you exit the application
|
