Monday, 12 August 2013

Dynamic Web Development

Chapter - 1

Write short note on Web-Server and Web-Browse.            Marks-7

1. Explain following terms:(Each contain 2 marks)

Web Server
HTTP
WWW
FTP
Search Engine
TELNET
Internet

 Chapter-2           Chapter-3

 Chapter-4           Chapter-5

 Chapter-6           Chapter-7

JavaScript Alert Box

<!DOCTYPE html>
<html>
<body>

<h1>My First JavaScript</h1>

<p>
JavaScript can react to events. Like the click of a button:
</p>

<button type="button" onclick="alert('Welcome!')">Click Me!</button>

</body>
</html>

Try It Yourself >>

HTML Heading

19:59 Yogesh Patel

HTML Heading

<!DOCTYPE html>
<html>
<body>

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

</body>
</html>

Try It Yourself >>

-: More HTML Example :-

HTML Heading Align Attribute

<!DOCTYPE html>
<html>
<body>

<h1 align="center">This is heading 1</h1>
<h2 align="left">This is heading 2</h2>
<h3 align="right">This is heading 3</h3>
<h4 align="justify">This is heading 4</h4>

</body>
</html>

Try It Yourself >>

-: More HTML Example :-

HTML Tutorial

23:24 Yogesh Patel

HTML	With HTML you can create your own Web site.
	This tutorial teaches you everything about HTML.
	HTML is easy to learn - You will enjoy it.
Examples in Each Chapter Click

Drop down menu with page redirection

00:29 Yogesh Patel

<html>
<head>

<script language="javascript" type="text/javascript" >
    function jumpto(x)
    {
    if (document.form1.jumpmenu.value != "null")
    {
    document.location.href = x
    }
    }
</script>
</head>

<body>

<p>Drop down Menu:</p>
<form name="form1">
<select name="jumpmenu" onChange="jumpto(document.form1.jumpmenu.options[document.form1.jumpmenu.options.selectedIndex].value)">
<option>Jump to...</option>
<option value=http://yogeshtourism.blogspot.in/>Gujarat Tourism</option>
<option value=http://yognet.blogspot.in/>JavaScript</option>
<option value=http://www.w3schools.com/>HTML</option>
<option value=http://www.quackit.com/css/>CSS</option>
<option value=http://www.quackit.com/sql/tutorial/>SQL</option>
<option value=http://www.quackit.com/database/tutorial/>Database Tutorial</option>
<option value=http://www.quackit.com/web_hosting/>Web Hosting Tutorial</option>
</select>
</form>

</body>
</html>
-->
Jump Menu:

HTML code for find distance with map

18:47 Yogesh Patel

HTML code for find distance with map

<html>
       <head>
          <title>Bing Distance Calculator | http://sharp-coders.blogspot.com</title>

          <script src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.2" type="text/javascript"></script>
          <script type="text/javascript">
             var map = null;

             function GetMap()
             {
                map = new VEMap('myMap');
                map.LoadMap();

                var options = new VERouteOptions();
                options.RouteCallback = onGotRoute;
    options.DistanceUnit = VERouteDistanceUnit.Kilometer;
    options.UseTraffic = true;
    //here you can add more options ... you can get a list of options that can be used from bing map's website
                map.GetDirections([document.getElementById("origin").value, document.getElementById("destination").value],
                                   options);
             }
             function onGotRoute(route)
             {
               // Unroll route
               var legs     = route.RouteLegs;
               var turns    = "Total distance: " + route.Distance.toFixed(1) + " Km\n";
               var numTurns = 0;
               var leg      = null;
    document.getElementById("distance").value = route.Distance.toFixed(1) + " Km\n";
               // Get intermediate legs
                for(var i = 0; i < legs.length; i++)
                {
                   // Get this leg so we don't have to derefernce multiple times
                   leg = legs[i]; // Leg is a VERouteLeg object

                   // Unroll each intermediate leg
                   var turn = null; // The itinerary leg

                   for(var j = 0; j < leg.Itinerary.Items.length; j ++)
                   {
                      turn = leg.Itinerary.Items[j]; // turn is a VERouteItineraryItem object
                      numTurns++;
                      turns += numTurns + ".\t" + turn.Text + " (" + turn.Distance.toFixed(1) + " Km)\n";
                   }
                }
    document.getElementById("instructions").value = turns;
                //alert(turns);
             }
          </script>
       </head>
       <body onload="GetMap();">
<table align="center">
<tr><td>Origin:</td><td><input type="text" id="origin"></td></tr>

<tr><td>Destination:</td><td><input type="text" id="destination"></td></tr>

<tr><td></td><td><input onclick="GetMap()" type="button" value="Calculate" /></td></tr>

<tr><td>Distance:</td><td><input type="text" id="distance"></td></tr>

<tr><td>Instructions:</td><td>
     <textarea cols="30" id="instructions" rows="7"></textarea></td></tr>
</table>
     <br /><br />
          <div id="myMap" style="height: 400px; position: relative; width: 400px;">
</div>
<a href="http://sharp-coders.blogspot.com/" target="_blank">http://sharp-coders.blogspot.com</a>
       </body>
    </html>

JEE Main

18:31 Yogesh Patel

12th Science JEE Main exam books
click for download

OSI Reference Model

20:44 Yogesh Patel

The OSI Model consists of the following seven layers:

Application

Presentation

Session

Transport

Network

Data Link

Physical

What do the 7 layers really do?


When data is being transferred and shared over a network, it must pass through each of the 7 layers in one machine, from the application layer down, before zipping across a network and working its way up the layers in the receiving machine.

The OSI Model

The main use of the model is to help network designers understand the functionality involved with the development and flow of data communications. Included within this model are the protocols for network properties and transmission methods.

The model is divided into 7 layers, with individual characteristics and tasks within each layer. Each layer must communicate with the layer directly above and below through a series of standards and protocols.

Illustration with Images	Text
	Application Layer: Provides network services to user applications. It is responsible for exchanging information between programs running on the machine, such as an e-mail program, and other services running on a network, such as a print server or another computers' application.
	Presentation Layer: Concerned with how data is converted and formatted for data transfer. Examples of format conversions include ASCII text for documents and .gif and JPG for images. This layer performs code conversion, data translation, compression and encryption.
	Session Layer: Determines how two devices establish, maintain and manage a connection - how they talk to each other. These connections are called sessions.
	Transport Layer: Responsible for breaking the data into segments, establishing an end-to-end logical connection between machines, and providing for error handling.
	Network Layer: Responsible for determining addressing on the network, determining the routes that information will take on its journey, and managing network traffic congestion. Data at this level is packaged into packets.
	Data Link Layer: Provides the link for how data, packaged into frames is communicated through hardware to be transported across a medium. It communicates with network cards, manages physical layer communications between connecting systems and handles error notification.
	Physical Layer: Specifies how data is processed into bits and physically transferred over medium, such as cables. It's responsible for activating and maintaining the physical link between systems.