1 cs 3870/cs 5870 static and dynamic web pages asp.net and iis
TRANSCRIPT
1
CS 3870/CS 5870
Static and Dynamic Web Pages
ASP.NET and IIS
2
Static Web Pages
• Original HTML documents• Remaining the same after created and modified• At all times and to all users• All three pages of Lab1 are static
3
Static Web Pages
• Cannot be used for business operations• No user input• Cannot respond to different user requests
4
Dynamic Web Pages
• Interactive or Smart HTML pages• User input and Server Response• Web Applications • Similar to Windows programs• Lab 2
5
Special HTML Controls
• To get user input• Element INPUT• Element BUTTON• Element FORM• …
6
Control Types Created with INPUT
• Text• Password• Checkbox• Radio box• Submit• Reset• Hidden• Button• File• Image• . . .
7
HTML Forms
Controls to get user input should be inside HTML forms
8
HTML Controls and Forms
Example
Source Code
9
HTML Standards
HTML 4.01 Specification
HTML Current Status
10
Scripts for Dynamic Web Pages
• User input and Server Response• Similar to Windows programs• Need code to respond to user input
– Client Side Scripting
– Server Side Scripting
– Combination of above two approaches
11
Client Side Scripting
• HTML files and instruction files sent to client• Client Script • JavaScript• VBScript• Java Applets• Flash • . . .
12
Issues with Client Side Scripting
• Different browsers may interpret instructions in different ways
• Database is normally at server site
• Users could view source code
13
Server Side Scripting
• Instruction files are at server site • HTML files are generated according to user input• Only HTML files are sent to clients
14
Issues with Server Side Scripting
• Most computing is done at the server• Nothing will work when the server is down• More internet traffic• Powerful and expensive servers
15
Different Technologies forServer Side Scripting
• CGI (Common Gateway Interface)
• JSP (Java Server Pages)
• PHP (Personal Home Pages)
• ASP (Active Server Pages)
• ASP.NET • . . .
16
ASP.NET
• A server-side technology for creating dynamic web pages
• Client-side scripting is incorporated (e.g., to check input)• VB.NET or any other language
supported by .NET• Working with MS IIS
17
Internet Information Services (IIS)
• IIS waits and takes client requests
• IIS sends static HTML files to the clients
• IIS passes client requests to ASP.NET when needed
• ASP.NET generates dynamic web pages
• IIS sends dynamic web pages to clients
18
Windows Server Xray
• In domain ION• Our Web Sites• Individual student accounts
Each student has a Web site on Xray
19
Open Your Web Site on Xray
• Start VS 2012• Open Web Site• Remote Site• https://xray.ion.uwplatt.edu/UserName• Login using your UWP UserName and
Password
• Do not try New Project or New Web Site!
20
Lab 2
• 20 points
• Due 5 pm, Monday, September 15
• Sample Program
21
Creating Folder
• Solution Explore• Right Click on Web Site• New Folder• Lab2
Creating Web Forms
• Solution Explorer
• Right clicking folder
• Add
• Web Forms
22
23
Page Default.aspx
Similar to index.html
Static page for Lab2
Similar to pages of Lab1
Adding Content to Default.aspx
• Similar to Lab1
• Copy and Paste, including the CSS file
<body>
<form id="form1" runat="server">
<h1 class="CS3870Title">Web Protocols, Technologies and Applications </h1>
<h2 class="CS3870Name">Qi Yang</h2>
<%-- navigation bar --%>
</form>
</body>24
25
External CSS Files in Other Locations
<head>
<link rel="stylesheet" type="text/css" href=“../StyleSheet.css" />
<title>CS3870/CS5870 – Lab2</title>
</head>
<body>
<ul class="navbar">
<li> <a href="http://www.uwplatt.edu/csse/">Absolute link </a></li>
<li> <a href=“HtmlPage2.html"/>Relative link</a></li>
</ul>
</body>
</html>
26
Page OrderingProduct.aspx
Dynamic page
Adding controls
Adding code
VB
C#
. . .
Creating Page OrderingProduct.aspx
• Solution Explorer
• Right clicking folder
• Add
• Add New Items– Visual basic– Web Form– File name– Place code in separate file– (Select Master Page)
27
28
ASP.NET Server Controls
• HTML Server Controls– HTML server controls are HTML tags understood by the
server
• Web Server Controls– Web server controls are special ASP.NET tags understood
by the server.
– Web server controls do not necessarily map to any existing HTML elements and they may represent more complex elements.
• All Server Controls must be within a <form> tag.
• All Server Controls must have the runat="server" attribute.
29
Adding and Formatting Controls
• ToolBox
• Standard (not HTML)
• Setting control properties
• Style– Source View
• Format Menu– Set Position
• Absolute
• Relative
• CSS file
Event Procedures
Same as Windows programs
Compute Square Root
TextBox2.Text = FormatNumber(Math.Sqrt(Textbox2.Text), 2)
30
31
Formatting Output
• Style in HTML source• Properties Window• VB.NET procedures in VB file• VB function
– Format
– FormatCurrency
– FormatCurrency
– . . .
Checking Input
• Click event of button Compute
• Server site scripting
• Client site scripting should be better
• Should do it on both sites
• Control Validator
32
Validators
• ToolBox• Validation Tab• RequiredFieldValidator• RangeValidator• CompareValidator
– Type– Operator– Value to compare
33
34
Validation Controls
• Validate input automatically• We don’t check input any more
• Must set button property CausesValidation to True!
35
Lab 2
You will lose five points for each late day!
Even the server is having issues!
More to discuss Thursday!
No Lab Time for Lab2!