Survey
* Your assessment is very important for improving the workof artificial intelligence, which forms the content of this project
* Your assessment is very important for improving the workof artificial intelligence, which forms the content of this project
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