Let's try to create an application with a Web user interface that
uses .NET Framework 3.5 by pressing Ctrl-Shift-N to create a new
project, then Visual C#, then Web, then
ASP.NET Web Application, then
give a project name (e.g. WebApplication1), then give a solution name
(e.g. WebApplication1), and then OK.
In Solution Explorer, you will see some files under the heading
WebApplication1, namely, Properties, References, App_Data,
Default.aspx, and Web.config.
In the workspace, you notice the Default.aspx shows HTML tags in
Source, and see a dotted edit box in Design environment.
Let's begin with the statement:
Hello World Wide Web!
Press Ctrl-F5 to view the
ASP.NET web page now. A balloon in the
system tray indicates that
ASP.NET Development Server uses Port 1030
for the Default.aspx, where its content appears in Microsoft Internet
Explorer. The above information reflects in the Address that indicates
http://localhost:1030/Default.aspx. Then close the web browser. If
your mouse pointer moves into the server icon and right-click Open in
Web Browser, the content of Default.aspx will be reappeared, however,
the Address only shows
http://localhost:1030/. Now, close the Web
Browser again. Right-click the server icon in the system tray, then
choose Show Details. Your web page has been running in your local
machine, and display the virtual and physical path where you develop
the
ASP.NET web page. Click Stop to quit the server, and you will
notice the server icon disappears from the system tray.
To close solution and exit the program by pressing Alt-F4.
Now, launch Microsoft Visual Studio shortcut, followed by Ctrl-Shift-
O, then double-click WebApplication1, then WebApplication1.sln, and
then Open.
To see how the HTML tags work with the new content, click the Source
environment. It is embedded with a pair of <div></div> HTML tags
within <form></form> HTML tags.
Now, move your mouse pointer before </div> HTML tag, and press ENTER.
You will notice the HTML tag falls under the indentation on the next
line.
Type this statement (without the quotes), "It is fun to work on
ASP.NET!" on the second line where </div> ends. When done, press Ctrl-
S to save changes.
Now, move your mouse pointer to Design environment. You will notice
the second statement appears after the first statement.
While you are in Design environment, press spacebar twice after
"Web!", and switch to Source environment. You will see a new HTML tag
such as which represents a space.
It is time to learn more about HTML tags if you are serious about
developing web pages of any kind.
Now try to run the
ASP.NET web page. Then close the program. The
ASP.NET Development Server will shut down automatically once the IDE
closed.
THE END