Internet Programming.

Slides:



Advertisements
Similar presentations
Hyper Text Markup Language.  HTML is a language for describing web pages.  HTML stands for Hyper Text Markup Language  HTML is not a programming language,
Advertisements

WeB application development
Project 1 Introduction to HTML.
Chapter 14 Introduction to HTML
HTMLMR.Mostafa badr1. Lesson 3 HTML Tags Lesson 2 Creating a HTML File Lesson 1: Hyper Text Markup Language (HTML) Basics Get Trained for a Better Future.
1 Lesson 1 Quick HTML Know-How HTML and JavaScript BASICS, 4 th Edition Barksdale / Turner.
COMPUTERS AND INFORMATION SYSTEMS HTML. How the Web Works To access a web site  Enter its address (URL) in the address box of your browser 
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Basics of HTML.
 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.
Website Development & Management Introduction & Overview CIT Fall Instructor: John Seydel, Ph.D.
HTML Structure & syntax
CS117 Introduction to Computer Science II Lecture 1 Introduction to WWW and HTML Instructor: Li Ma Office: NBC 126 Phone: (713)
HTML. WHAT IS HTML HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language is a set of.
Sheet 1XML Technology in E-Commerce 2001Lecture 1 XML Technology in E-Commerce Lecture 1 WWW, HTML, CSS, XML, Meta-modeling.
Web Programming : Building Internet Applications Chris Bates CSE :
XHTML By Trevor Adams. Topics Covered XHTML eXtensible HyperText Mark-up Language The beginning – HTML Web Standards Concept and syntax Elements (tags)
Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.
Introduction to HTML. Today’s Discussion What is HTML ? What is HTML ? What is Web Page ? What is Web Page ? Web Server Web Server Web Browser Web Browser.
Overview of Form and Javascript fundamentals. Brief matching exercise 1. This is the software that allows a user to access and view HTML documents 2.
HTML BTEC National in Computing Section5. Create Information “HTML: defining HTML, discussing HTML uses and demonstrating HTML basics, HTML structure…..
1 Chapter 01: Introduction by Tharith Sriv. This course covers the following topics:  Hypertext Markup Language (HTML)  Cascading Style Sheets  JavaScript.
IS-907 Java EE World Wide Web - Overview. World Wide Web - History Tim Berners-Lee, CERN, 1990 Enable researchers to share information: Remote Access.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Introduction to the World Wide Web & Internet CIS 101.
Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.
Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)
Hyper Text Markup Language.  My First Heading My first paragraph. Example Explained The DOCTYPE declaration defines the document type The text between.
Web Page Design The Basics. The Web Page A document (file) created using the HTML scripting language. A document (file) created using the HTML scripting.
HTML PROJECT #1 Project 1 Introduction to HTML. HTML Project 1: Introduction to HTML 2 Project Objectives 1.Describe the Internet and its associated key.
Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 1 Using HTML to Create Web Pages.
HTML Structure & syntax
HTML Structure & syntax
Basic HTML Introduction to HTML.
Basic concepts of web design
Pertemuan 1 Desain web Pertemuan 1
Getting Started With HTML
Online PD Basic HTML The Magic Of Web Pages
Web Basics: HTML/CSS/JavaScript What are they?
Web Technologies Computing Science Thompson Rivers University
Web Concepts Lesson 2 ITBS2203 E-Commerce for IT.
XHTML/CSS Week 1.
Chapter 1 Introduction to HTML.
Introduction to HTML.
Computers and Information Systems
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
Warm Handshake with Websites, Servers and Web Servers:
Project 1 Introduction to HTML.
The Internet and HTML Code
Lecture 8. HTML. Author: Aleksey Semyonov
Introduction to XHTML.
Department of Computer Science, Florida State University
WEB PAGE AUTHORINHG AND DESIGNING
Web Page Concept and Design :
What is HTML anyway? HTML stands for HyperText Markup Language. Developed by scientist Tim Berners-Lee in 1990, HTML is the "hidden" code that helps us.
HTML What is Html? HTML stands for Hypertext Markup Language.
Introduction to Web Application Design
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
Introduction to World Wide Web
CIS 133 mashup Javascript, jQuery and XML
Pertemuan 1 Desain web Pertemuan 1
An Introduction to HTML Pages
INFS 230 L Internet Technology
Web Technologies Computing Science Thompson Rivers University
AN INTRODUCTION BY FAITH BRENNER
HTML Structure & syntax
Web Programming and Design
Web Programming : Building Internet Applications Chris Bates CSE :
CGS 3066: Web Programming and Design Fall 2019
Presentation transcript:

Internet Programming

Course Overview Course Name : INTERNET PROGRAMMING Course Code : 11EM3O1 L-T-P structure : 3-0-2 Course Credits : 4 Course Coordinator : Dr.M.KAMESWARA RAO Course Instructors   : 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 3 CO2 Apply object oriented programming features in Java to solve computing problems. a,k 2 CO3 Create dynamic web pages using Java Servlets and JDBC. CO4 Create dynamic web pages using Java Server pages and MYSQL database. CO5 Create simple web based applications using HTML, CSS, JSP and MYSQL. K

COURSE OUTCOME INDICATORS (COI): CO No. COI-1 COI-2 COI-3 CO1 Create a set of interlinked web pages using basic HTML tags related to text, Image, hyperlink, list ,iframe, table and form related elements. Apply inline/ internal/ external CSS to change the look and feel (style) of web pages. Apply the basic concepts related to objects and event handling in DHTML to a web page. CO2 Apply the basic object oriented programming features like Encapsulation, Inheritance and polymorphism in java to solve various computing problems. Apply the concepts related to packages, exception handling and multithreading in java to solve computing problems. Apply the concepts related to I/O streams and applets in java to solve computing problems. CO3 Understand the need of Servlets, Servlet architecture, life cycle methods and basic programming constructs. Create dynamic web pages and process form data using HttpServlets Create servlet scripts that establish connection with a database to read /send data using JDBC. CO4 Create JSP scripts using basic scripting elements and directive elements. Create JSP scripts to process data sent via HTML forms Create JSP scripts to send /receive data to/from MYSQL database. CO5 Design and develop a web based application using HTML, CSS, JSP and MYSQL.

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

Equal weightage for all the lecture sessions (5 %) Evaluation Component Weightage/Marks Date Duration (Hours) CO I CO II CO III CO IV CO V COI Number  1 2 3  BTL  Test 1 Weightage (%) 7.5 1.5 7.5 Max Marks (30) 10 Test 2 1 0 Test 3 LTC 30 Attendance Weightage (5%) Equal weightage for all the lecture sessions (5 %) Lab Experiment 5% Semester End Project Weightage (%) 10 10% Max Marks () Semester End Lab Weightage (%) 5 Semester End Exam Weightage (45 %) Max Marks (60) Question Number

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 language-  a 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!) 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/best-html-editors/

How to Create and View an HTML document? DEMO

HTML TAGS DEMO