Transcript IS360DotNetDevelopment

Web Development in
Microsoft Visual Studio
2013 / 2015
Lecture Overview

How to create a first ASP.NET application
Introduction to
Visual Studio 2013 / 2015




HTML and ASP.NET development and testing
can be done inside of Visual Studio 2013 /
2015
A local Web server is provided for testing
purposes (It’s part of Visual Studio)
I strongly suggest you use Chrome as the
default browser in this course
Intellisense works for server code and
JavaScript and HTML 5
Creating a Local Web Site

In this course, you will use the following
development methodology




Create HTML pages locally
Test them locally in Chrome to make sure they
work
Deploy pages to the Web
Test the live deployed HTML pages
Creating a New Web Site (1)



Click File, New, Web Site
Select ASP.NET Empty Web Site from the
New Web Site dialog box
Change the path to a folder on the U:\ drive
or USB stick


Specify a folder that does not already exist
Do not use the default folder and file
name. It’s hard to find the files buried in
the template folder
Creating a New Web Site (2)
Adding a Web Page

Click Web Site, Add New Item. Select
HTML Page
The Design Surface


It’s conceptually similar to the Windows
Forms Designer
Views


Design view is displays a ‘rough’ visual
representation of the page
Source view displays the code for the page itself
The Design Surface
.NET Tools


Intellisense works as you would expect
Jagged lines appear under syntax errors