Web Design & Programming
description
Transcript of Web Design & Programming
![Page 1: Web Design & Programming](https://reader035.fdocuments.in/reader035/viewer/2022070420/56815e8c550346895dcd1c55/html5/thumbnails/1.jpg)
Web Design & Programming
ASPDr.Husam Osta
2013
![Page 2: Web Design & Programming](https://reader035.fdocuments.in/reader035/viewer/2022070420/56815e8c550346895dcd1c55/html5/thumbnails/2.jpg)
OutlinesWhat is ASP?Internet Information ServicesHow Does ASP Differ from HTML?What can ASP do for you?ASP Basic Syntax Rules
……..
![Page 3: Web Design & Programming](https://reader035.fdocuments.in/reader035/viewer/2022070420/56815e8c550346895dcd1c55/html5/thumbnails/3.jpg)
What is ASP?ASP stands for Active Server Pages ,or classical ASP
ASP is Microsoft's first server side scripting engine It enables you to make dynamic and interactive web
pages.ASP is a program that runs inside
Internet Information Services (IIS)An ASP file can contain
Text, HTML, XML, and scripts Scripts in an ASP file are executed on the server The default scripting language used for ASP is VBScript, or
others like JScriptAn ASP file has the file extension “.asp”
![Page 4: Web Design & Programming](https://reader035.fdocuments.in/reader035/viewer/2022070420/56815e8c550346895dcd1c55/html5/thumbnails/4.jpg)
Internet Information ServicesInternet Information Services is an
extensible web server created by Microsoft for use with Windows family.
IIS supports:HTTP, HTTPS, FTP, FTPS, SMTP and NNTP.
It is an integral part of Windows family since Windows NT 4.0, though it may be absent from some edition (e.g. Windows XP Home edition).
IIS is not turned on by default when Windows is installed.
![Page 5: Web Design & Programming](https://reader035.fdocuments.in/reader035/viewer/2022070420/56815e8c550346895dcd1c55/html5/thumbnails/5.jpg)
How Does ASP Differ from HTML?When a browser requests an HTML file
1. the server returns the file
When a browser requests an ASP file1. IIS passes the request to the ASP engine. 2. The ASP engine reads the ASP file, line by
line, and executes the scripts in the file. 3. Finally, the ASP file is returned to the
browser as plain HTML
![Page 6: Web Design & Programming](https://reader035.fdocuments.in/reader035/viewer/2022070420/56815e8c550346895dcd1c55/html5/thumbnails/6.jpg)
What can ASP do for you?
1. Dynamically edit, change, or add any content of a Web page
2. Respond to user queries or data submitted from HTML forms
3. Access any data or databases and return the results to a browser
4. Customize a Web page to make it more useful for individual users
![Page 7: Web Design & Programming](https://reader035.fdocuments.in/reader035/viewer/2022070420/56815e8c550346895dcd1c55/html5/thumbnails/7.jpg)
Advantages of ASP …1. The advantages over other technologies, are
1. Simplicity2. speed
2. Provide security since the code cannot be viewed from the browser
3. Clever ASP programming can minimize the network traffic
![Page 8: Web Design & Programming](https://reader035.fdocuments.in/reader035/viewer/2022070420/56815e8c550346895dcd1c55/html5/thumbnails/8.jpg)
ASP.Net Technology It is a unified Web development model It includes services necessary to build enterprise-
class web applications with minimum of coding.
This technology is developed under the .Net framework that is provided in the visual studio platform
![Page 9: Web Design & Programming](https://reader035.fdocuments.in/reader035/viewer/2022070420/56815e8c550346895dcd1c55/html5/thumbnails/9.jpg)
ASP Basic Syntax RulesAn ASP file normally contains HTML tags, just like an
HTML file. An ASP file can also contain server scripts,
surrounded by the delimiters <% and %>. The command response.write is used to write output
to a browser. Example<html>
<body><% response.write(“My first ASP script!”) %>
</body></html>
![Page 10: Web Design & Programming](https://reader035.fdocuments.in/reader035/viewer/2022070420/56815e8c550346895dcd1c55/html5/thumbnails/10.jpg)
ASP Basic Syntax Rules ASP can format text with HTML tags
<!DOCTYPE html><html><body>
<% response.write("<h2>You can use HTML tags to format the text!</h2>") %>
<%response.write("<p style='color:#0000ff'>This text is styled with the style
attribute!</p>")%>
</body></html>
![Page 11: Web Design & Programming](https://reader035.fdocuments.in/reader035/viewer/2022070420/56815e8c550346895dcd1c55/html5/thumbnails/11.jpg)
ASP VariablesVariables are used to store information. The example demonstrates
how to declare a variable, assign a value to it, and use the value in a text.
<!DOCTYPE html><html><body>
<%dim namename="Donald Duck"response.write("My name is: " & name)%>
</body></html>
![Page 12: Web Design & Programming](https://reader035.fdocuments.in/reader035/viewer/2022070420/56815e8c550346895dcd1c55/html5/thumbnails/12.jpg)
Declare an Array Arrays are used to store a series of related data items. The example demonstrates how to declare an array that stores names.
<!DOCTYPE html><html><body>
<%Dim famname(5),ifamname(0) = "Jan Egil"famname(1) = "Tove"famname(2) = "Hege"famname(3) = "Stale"famname(4) = "Kai Jim"famname(5) = "Borge"
For i = 0 to 5 response.write(famname(i) & "<br>")Next%>
</body></html>
![Page 13: Web Design & Programming](https://reader035.fdocuments.in/reader035/viewer/2022070420/56815e8c550346895dcd1c55/html5/thumbnails/13.jpg)
Example of Loop<!DOCTYPE html><html><body>
<%dim i for i=1 to 6response.write("<h" & i & ">Heading " & i & "</h" &
i & ">")next%>
</body></html>
![Page 14: Web Design & Programming](https://reader035.fdocuments.in/reader035/viewer/2022070420/56815e8c550346895dcd1c55/html5/thumbnails/14.jpg)
Time-basedTime-based greeting using VBScriptThis it will display a different message to the user depending on the time on the server.
![Page 15: Web Design & Programming](https://reader035.fdocuments.in/reader035/viewer/2022070420/56815e8c550346895dcd1c55/html5/thumbnails/15.jpg)
<!DOCTYPE html><html><body>
<%dim hh=hour(now())
response.write("<p>" & now())response.write("</p>")
If h<12 then response.write("Good Morning!")else response.write("Good day!")end if%>
</body></html>
![Page 16: Web Design & Programming](https://reader035.fdocuments.in/reader035/viewer/2022070420/56815e8c550346895dcd1c55/html5/thumbnails/16.jpg)
ASP Forms Get
A form with method="get“ is how to interact with the user, with >>>> Request.QueryString command.
Information sent from a form with the GET method is visible to everyone (it will be displayed in the browser's address bar) and has limits on the amount of information to send.
Post A form with method="post“ is how to interact with the user, with
>>>> Request.Form command. Information sent from a form with the POST method is invisible to
others and has no limits on the amount of information to send. Radio buttons
A form with radio buttons is how to interact with the user, through radio buttons, with >>>> Request.Form command.
![Page 17: Web Design & Programming](https://reader035.fdocuments.in/reader035/viewer/2022070420/56815e8c550346895dcd1c55/html5/thumbnails/17.jpg)
ASP Forms – Get / Post method<!DOCTYPE html><html><body>
<form action="demo_reqquery.asp" method="get">Your name: <input type="text" name="fname" size="20" /><input type="submit" value="Submit" /></form>
<%dim fnamefname=Request.QueryString("fname") ((request.form))If fname<>"" Then Response.Write("Hello " & fname & "!<br>") Response.Write("How are you today?")End If%>
</body></html>
![Page 18: Web Design & Programming](https://reader035.fdocuments.in/reader035/viewer/2022070420/56815e8c550346895dcd1c55/html5/thumbnails/18.jpg)
Radio buttons<!DOCTYPE html><html>
<% dim carscars=Request.Form("cars")%>
<body><form action="demo_radiob.asp" method="post"><p>Please select your favorite car:</p>
<input type="radio" name="cars"<%if cars="Volvo" then Response.Write("checked")%> value="Volvo">Volvo</input><br><input type="radio" name="cars"<%if cars="Saab" then Response.Write("checked")%>value="Saab">Saab</input><br><input type="radio" name="cars"<%if cars="BMW" then Response.Write("checked")%>value="BMW">BMW</input><br><br><input type="submit" value="Submit" /></form>
<% if cars<>"" then Response.Write("<p>Your favorite car is: " & cars & "</p>")end if%>
</body></html>
![Page 19: Web Design & Programming](https://reader035.fdocuments.in/reader035/viewer/2022070420/56815e8c550346895dcd1c55/html5/thumbnails/19.jpg)
Check box<!DOCTYPE html><html><body>
<% fruits=Request.Form("fruits")%>
<form action="demo_checkboxes.asp" method="post"><p>Which of these fruits do you prefer:</p><input type="checkbox" name="fruits" value="Apples"<% if instr(fruits,"Apple") then
Response.Write("checked")%>>Apple<br>
<input type="checkbox" name="fruits" value="Oranges"<%if instr(fruits,"Oranges") then Response.Write("checked")%>>
Orange<br>
<input type="checkbox" name="fruits" value="Bananas"<%if instr(fruits,"Banana") then Response.Write("checked")%>>
Banana<br>
<input type="submit" value="Submit"></form>
<% if fruits<>"" then %> <p>You like: <%Response.Write(fruits)%></p><% end if %>
</body></html>
![Page 20: Web Design & Programming](https://reader035.fdocuments.in/reader035/viewer/2022070420/56815e8c550346895dcd1c55/html5/thumbnails/20.jpg)
ASP Sending e-mail with CDOSYSCDOSYS is a built-in component in ASP. This
component is used to send e-mails with ASP.CDO (Collaboration Data Objects) is a
Microsoft technology that is designed to simplify the creation of messaging applications.
CDOSYS is a built-in component in ASP.
![Page 21: Web Design & Programming](https://reader035.fdocuments.in/reader035/viewer/2022070420/56815e8c550346895dcd1c55/html5/thumbnails/21.jpg)
Examples – ASP Sending e-mail
![Page 22: Web Design & Programming](https://reader035.fdocuments.in/reader035/viewer/2022070420/56815e8c550346895dcd1c55/html5/thumbnails/22.jpg)
ASP – Date & Time <!DOCTYPE html>
<html><body>
<%response.write(FormatDateTime(date(),vbgeneraldate))response.write("<br>")response.write(FormatDateTime(date(),vblongdate))response.write("<br>")response.write(FormatDateTime(date(),vbshortdate))response.write("<br>")response.write(FormatDateTime(now(),vblongtime))response.write("<br>")response.write(FormatDateTime(now(),vbshorttime))%>
<p>Syntax for FormatDateTime: FormatDateTime(date,namedformat).
</p>
</body></html>
![Page 23: Web Design & Programming](https://reader035.fdocuments.in/reader035/viewer/2022070420/56815e8c550346895dcd1c55/html5/thumbnails/23.jpg)
To be continued…