Web design programming
1 / 26

Web Design & Programming - PowerPoint PPT Presentation

  • Uploaded on

Web Design & Programming. ASP Dr.Husam Osta 2013. Outlines. What is ASP? Internet Information Services How Does ASP Differ from HTML? What can ASP do for you? ASP Basic Syntax Rules ……. What is ASP?. ASP stands for  Active Server  Pages , or classical ASP

I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
Download Presentation

PowerPoint Slideshow about 'Web Design & Programming' - aminia

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.

- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
Web design programming

Web Design & Programming





  • What is ASP?

  • Internet Information Services

  • How Does ASP Differ from HTML?

  • What can ASP do for you?

  • ASP Basic Syntax Rules

  • ……..

What is asp
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 JScript

    • An ASP file has the file extension “.asp”

Internet information services
Internet Information Services

  • Internet Information Services is an extensible web server created by Microsoft for use with Windows family. 

  • IIS supports:


  • 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.

How does asp differ from html
How Does ASP Differ from HTML?

  • When a browser requests an HTML file

    • the server returns the file

  • When a browser requests an ASP file

    • IIS passes the request to the ASP engine.

    • The ASP engine reads the ASP file, line by line, and executes the scripts in the file.

    • Finally, the ASP file is returned to the browser as plain HTML

What can asp do for you
What can ASP do for you?

  • Dynamically edit, change, or add any content of a Web page

  • Respond to user queries or data submitted from HTML forms

  • Access any data or databases and return the results to a browser

  • Customize a Web page to make it more useful for individual users

Advantage s of asp
Advantages of ASP …

  • The advantages over other technologies, are

    • Simplicity

    • speed

  • Provide security since the code cannot be viewed from the browser

  • Clever ASP programming can minimize the network traffic

Asp net technology
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

Asp basic syntax rules
ASP Basic Syntax Rules

  • An 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>


Asp basic syntax rules1
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>

Asp variables
ASP Variables

  • Variables 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 name name="Donald Duck"response.write("My name is: " & name) %></body></html>

Declare an array
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 5response.write(famname(i) & "<br>") Next %></body></html>

Example of loop
Example of Loop

<!DOCTYPE html><html><body> <% dim i  for i=1 to 6response.write("<h" & i & ">Heading " & i & "</h" & i & ">") next %></body></html>

Time based

Time-based greeting using VBScriptThis it will display a different message to the user depending on the time on the server.

Web design programming

<!DOCTYPE html><html><body> <% dim h h=hour(now())

response.write("<p>" & now())response.write("</p>") If h<12 thenresponse.write("Good Morning!") elseresponse.write("Good day!") end if %></body></html>

Asp forms
ASP Forms

  • Get

    • A form with method="get“ is how to interact with the user, with >>>> Request.QueryStringcommand.

    • 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.

  • Radiobuttons

    • A form with radio buttons is how to interact with the user, through radio buttons, with >>>> Request.Form command.

Asp forms get post method
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<>"" ThenResponse.Write("Hello " & fname & "!<br>")Response.Write("How are you today?") End If %></body></html>

Radio buttons

<!DOCTYPE html><html> <% dim cars cars=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<>"" thenResponse.Write("<p>Your favorite car is: " & cars & "</p>") end if %></body></html>

Check box
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>

Asp sending e mail with cdosys
ASP Sending e-mail with CDOSYS

  • CDOSYS 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.

Examples asp sending e mail
Examples – ASP Sending e-mail

Asp date time
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>

Asp text box types
ASP text box types !

  • The TextMode property accepts the following three values:

  • SingleLine— displays a single-line input field.

  • MultiLine— displays a multi-line input field.

  • Password— displays a single-line input field in which the text is hidden.

  • A basic TextBox:<asp:TextBox id="tb1" runat="server" />A password TextBox:<asp:TextBox id="tb2" TextMode="password" runat="server" />A TextBox with text:<asp:TextBox id="tb4" Text="Hello World!" runat="server" />A multiline TextBox:<asp:TextBox id="tb3" TextMode="multiline" runat="server" />

Find the output example
Find the output example !

<form runat="server"> <asp:DropDownList id="drop1" runat="server"> <asp:ListItem>fall</asp:ListItem> <asp:ListItem>spring</asp:ListItem> <asp:ListItem>summer</asp:ListItem> </asp:DropDownList>

<asp:Button Text="Submit" OnClick="submit" runat="server"/>

<p><asp:label id="mess" runat="server"/></p>


Find the output example1
Find the output example !

<form runat="server">

Enter your name:

<asp:TextBox id="txt1" runat="server" />

<asp:password id="pass1" runat="server" />

<p><asp:Label id="lbl1" runat="server" /></p>

<asp:Calendarrunat="server" />

<asp:ButtonOnClick="submit" Text="Submit" runat="server" />