Download Introduction - WordPress.com

Internet Programming
Course Overview
Course Name
Course Code
L-T-P structure
Course Credits
Course Coordinator
: INTERNET PROGRAMMING
: 11EM3O1
: 3-0-2
:4
Course Instructors
: Dr.M.KAMESWARA RAO,
: Dr.M.KAMESWARA RAO
Dr.D.B.K.KAMESH,
Dr.K.V.D.SAGAR,
Mrs.P.S.G.ARUNA SRI,
Mrs.SHAHANA BANO,
Dr.K.RAVINDRANADTH,
Mr.V.VIJAY KUMAR
Course Objective
• The Objective of the course is to enable the
students to acquire foundations of the
technologies like HTML, CSS, Servlets and Java
Server Pages for design and development of
interactive dynamic web pages.
Course Outcomes
CO No: CO
SO BTL
CO1
Create web pages using HTML, CSS and Javascript.
k
CO2
Apply object oriented programming features in Java to solve a,k 2
computing problems.
Create dynamic web pages using Java Servlets and JDBC.
k 3
CO3
CO4
CO5
Create dynamic web pages using Java Server pages and k
MYSQL database.
Create simple web based applications using HTML, CSS, JSP K
and MYSQL.
3
3
3
COURSE OUTCOME INDICATORS (COI):
CO
No.
COI-1
COI-2
COI-3
CO1
Create a set of interlinked web pages Apply inline/ internal/ external CSS Apply the basic concepts related
using basic HTML tags related to text, to change the look and feel (style) to objects and event handling in
Image, hyperlink, list ,iframe, table of web pages.
DHTML to a web page.
and form related elements.
CO2
Apply the basic object oriented
programming
features
like
Encapsulation,
Inheritance
and
polymorphism in java to solve various
computing problems.
CO3
Understand the need of Servlets, Create dynamic web pages and
Servlet architecture, life cycle process form data
using
methods and basic programming HttpServlets
constructs.
CO4
Create JSP scripts using basic scripting Create JSP scripts to process data Create JSP scripts to send
elements and directive elements.
sent via HTML forms
/receive data to/from MYSQL
database.
CO5
Design and develop a web based
application using HTML, CSS, JSP and
MYSQL.
Apply the concepts related to Apply the concepts related to I/O
packages, exception handling and streams and applets in java to
multithreading in java to solve solve computing problems.
computing problems.
Create servlet scripts that
establish connection with a
database to read /send data
using JDBC.
Syllabus
• HTML, DHTML, Cascading Style sheets, XML.
• A closure look at Methods and classes,
Inheritance, Packages, and Exception handling.
Multithreaded programming, I/O, Applets and
other topics, the Applet class, Event handling.
• Servlets and java server pages, data access
through the web. Architecture for database
access, the My SQL database system, database
access with JDBC and MySQL
Text Books
Text Books
Evaluation
Component
COI Number
BTL
Test 1
Test 2
Test 3
LTC
Attendance
CO II
Weightage/Marks
Date
Weightage (%)
7.5
Max Marks (30)
Weightage (%)
7.5
Max Marks (30)
Weightage (%)
7.5
Max Marks (30)
Weightage (%)
7.5
Duration
(Hours)
1.5
1
3
1
10
3
1
2
3
1
2
3
7.5
1 10
0
7.5
10
10
7.5
10
Max Marks (30)
30
Weightage (5%)
Equal weightage for all the lecture sessions (5 %)
Lab Experiment
CO V
10
1
0
1.5
2
CO IV
7.5
10
1.5
CO I
2
CO III
5%
Weightage (5%)
Semester End
Project
10%
Weightage (%) 10
Max Marks ()
Semester End
Lab
5%
Weightage (%) 5
Max Marks ()
Semester End
Exam
Weightage (45 %)
Max Marks (60)
Question
Number
3
Course Handout
HTML
History of Web
• The World Wide Web ("WWW" or simply the
"Web") is a global information medium which users
can read and write via computers connected to the
Internet.
• Tim Berners-Lee
– HyperText Transfer Protocol (HTTP)
– HyperText Markup Language(HTML),
– the first Web browser (named WorldWideWeb, which was
also a Web editor),
– the first web server (http://info.cern.ch)
Client- Server Architecture
Web Technologies
Browser Vs Server
List of Browsers
• WorldWideWeb, February 26, 1991
• Mosaic, April 22, 1993
• Netscape Navigator and Netscape Communicator,
October 13, 1994
• Internet Explorer, August 16, 1995
• Opera, 1996, see History of the Opera web browser
• Mozilla Navigator, June 5, 2002[19]
• Safari, January 7, 2003
• Mozilla Firefox, November 9, 2004
• Google Chrome, September 2, 2008
• Etc…
Hypertext Markup Language
• Hypertext- Hypertext is text which
contains links to other texts.
• Markup languagea notation used to
annotate a document's content to give
information regarding the structure of the text
or instructions for how it is to be displayed.
HTML
•
•
•
•
•
HTML is a language for describing web pages.
HTML is a markup language
A markup language is a set of tags
The tags describe document content
HTML documents contain HTML tags and
plain text
• HTML documents are also called web pages
HTML Versions
HTML Structure
HTML Tags
• HTML markup tags are usually called HTML tags.
• HTML tags are keywords (tag names) surrounded
by angle brackets like <html>
• HTML tags normally come in pairs like <p> and </p>
• The first tag in a pair is the start tag, the second tag is
the end tag
• The end tag is written like the start tag, with
a slash before the tag name
• Start and end tags are also called opening
tags and closing tags
• Example :
<tagname>content</tagname>
HTML Tags
• HTML is a language of mark-up “tags” in angle brackets: <>

<html> … </html> (Required!)





Basic tag to identify portion of file that contains HTML
<html> is an opening tag
</html> is a closing tag (note the direction of the slash!)
text between the opening and closing tag is called the “element”
<head> … </head> (Required!)



placed at the top of document immediately after the <html> tag
tags information about the document, e.g. author, style, etc.
contains the required document <title>...</title> tag
HTML – Required Tags

<title> … </title> (Required!)





25
included as an element inside the <head>…</head> section
element of this tag is the title displayed in title bar of the browser
may also be used as title of page when page is bookmarked
should be meaningful and uniquely identify the page
<body> … </body> (Required!)

included as the second element inside the <html>…</html> tags.

follows the <head>…</head> portion of the document

contains the information to be displayed in the browser window

any attributes set on this tag will apply to the entire page
HTML Elements
• In HTML, most elements are written with a
start tag (e.g. <p>) and an end tag (e.g. </p>),
with the content in between:
• Example :
<p>This is a paragraph.</p>
HTML Editors
• An HTML editor is a computer program for
creating web pages
• HTML can be edited by using a professional
HTML editor like:
• Adobe Dreamweaver
• Microsoft Expression Web
• CoffeeCup HTML Editor
• text editor like Notepad etc…
http://www.skilledup.com/learn/programming/besthtml-editors/
How to Create and View an HTML document?
DEMO
HTML TAGS
• DEMO