Download Web Technologies Practical File and more Lab Reports Web Programming and Technologies in PDF only on Docsity!
PRACTICAL: 1
AIM: Introduction to HTML, DHTML, CSS.
HTML: HTML is the standard markup language for creating Web pages.
HTML stands for Hyper Text Markup Language.
HTML describes the structure of a Web page.
HTML consists of a series of elements.
HTML elements tell the browser how to display the content.
HTML elements are represented by tags.
HTML tags label pieces of content such as "heading", "paragraph", "table", and so on.
Browsers do not display the HTML tags, but use them to render the content of the page.
Structure of HTML:
Feature:
Easy to learn & use. Plateform Independent. Graphics can be added to web page. Hypertext can be added. Case – sensitive.
DHTML: Dynamic HyerText Markup Language (DHTML) is a combination of Web
development technologies used to create dynamically changing websites. Web pages may
include animation, dynamic menus and text effects. The technologies used include a
combination of HTML, JavaScript or VB Script,
CSS and the document object model (DOM).
Designed to enhance a Web user’s experience, DHTML includes the following features:
Dynamic content, which allows the user to dynamically change Web page content Dynamic positioning of Web page elements Dynamic style, which allows the user to change the Web page’s color, font, size or content
CSS: C ascading S tyle S heets, fondly referred to as CSS , is a simply designed language intended to simplify the process of making web pages presentable. CSS allows you to apply styles to web pages. More importantly, CSS enables you to do this independent of the HTML that makes up each web page. CSS is easy to learn and understood but it provides powerful control over the presentation of an HTML document.
Example:
P
{
Color: blue;
Text-align:center;
}
Output:
PRACTICAL: 2
AIM: To study various types of List in HTML.
HTML lists are used to present list of information in well formed and semantic way.
There are three different types of list in HTML and each one has a specific purpose and
meaning.
Unordered list — Used to create a list of related items, in no particular order.
Ordered list — Used to create a list of related items, in a specific order.
Description list — Used to create a list of terms and their descriptions.
Example:
CSE NOTES
Java Notes
C++ Notes
Computer Graphics Notes
Web Technology Notes
Data Structure Notes
Output:
Subject
Saurbh
Rahul
Javatheory5060
practical2023
C++theory8090
practical2023
DAAtheory5060
practical2023
Output:
PRACTICAL: 5
AIM: Create a website in JavaScript using forms, variables, operators, dialog boxes
and conditional statements.
Javascript: JavaScript is a client-side scripting language, which means the source code is processed
by the client's web browser rather than on the web server. This means JavaScript functions can run after a webpage has loaded without communicating with the server. For example, a JavaScript function may check a web form before it is submitted to make sure all the required fields have been filled out. The JavaScript code can produce an error message before any information is actually transmitted to the server.
c=a+b;
alert("Addition of " +a+ " and " +b+ " is: " +c);}
function subtract()
{
var a,b,c;
a=parseInt(document.getElementById("txt1").value);
b=parseInt(document.getElementById("txt2").value);
if(isNaN(a) || isNaN(b))
{
alert("Please Enter Value.")
}
else
c=a-b;
alert("Subtraction of " +a+ " and " +b+ " is: " +c);}
function divide()
{
var d,e,f;
d=parseFloat(document.getElementById("txt1").value);
e=parseFloat(document.getElementById("txt2").value);
if(isNaN(d) || isNaN(e))
{
alert("Please Enter Value.")
else
{
f=d/e;
alert("Division of " +d+ " and " +e+ " is: " +f);}
function mul()
{
var j,k,l;
j=parseInt(document.getElementById("txt1").value);
k=parseInt(document.getElementById("txt2").value);
if(isNaN(j) || isNaN(k))
{
alert("Please Enter Value.")
}
else
{
l=j*k;
PRACTICAL: 6
AIM: Write a program in java using arrays, inheritance, polymorphism, Exception
handling.
Introduction to JAVA:
It is one of the most popular programming language in the world It is easy to learn and simple to use It is open-source and free It is secure, fast and powerful It has a huge community support (tens of millions of developers) Java is an object oriented language which gives a clear structure to programs and allows code to be reused, lowering development costs As Java is close to C++ and C#, it makes it easy for programmers to switch to Java or vice versa.
Ex:
class A { int i; int a[] = {1,3,2,4,2}; String s="saurbh"; public void name() { for(i=0;i<=4;i++) { System.out.println(" "+a[i]); } System.out.println("saurbh"); } } class B extends A { //name(); public void exce() { int a,b,c; a=10; b=5;
PRACTICAL: 7
AIM: Introduction to XML.
XML: XML stands for E xtensible M arkup L anguage. It is a text-based markup language derived from Standard Generalized Markup Language (SGML).
XML tags identify the data and are used to store and organize the data, rather than specifying how to display it like HTML tags, which are used to display the data. XML is not going to replace HTML in the near future, but it introduces new possibilities by adopting many successful features of HTML.
There are three important characteristics of XML that make it useful in a variety of systems and solutions −
XML is extensible − XML allows you to create your own self-descriptive tags, or language, that suits your application. XML carries the data, does not present it − XML allows you to store the data irrespective of how it will be presented. XML is a public standard − XML was developed by an organization called the World Wide Web Consortium (W3C) and is available as an open standard.
Syntax:
.....
Ex:
Tove
Jani
Reminder
Don't forget me this weekend!
