web application programming presented by: mehwish shafiq
Post on 13-Dec-2015
230 Views
Preview:
TRANSCRIPT
Web Application Programming
Presented by:Mehwish Shafiq
2
Introduction
During this module you will edit and create web pages using XHTML.
Enable students to create and manage web-based applications.
Module focuses on Servers and Mechanisms to link web pages with DB.
3
At the end of this module students will be able to
Design Interactive web pages. Design and build web sites. Develop interactive applications on web server.
Immediately purchase:
Castro (2003). HTML for the World Wide Web, 5th Edition, with XHTML and CSS: Visual QuickStart Guide. Peachpit Press.
Goals To Achieve
4
Entities, To Cover
Interactive Web Pages ML Languages. ML Features (Tables and Frames). Browsers and their differences. Java Scripts and Applets.
5
Entities, To Cover
Web Sites Specification. Server Organization. Security and Integrity.
Interactive Applications Server Side Interaction. CGI or DB connectivity. Web services
6
Interactive Web Pages
Mark Up Languages
Web Page
A webpage is a file that can be read by browser software.
It is a text-based document created with mark
up Languages such as HTML, XHTML and XML.
7
Mark Up Languages
HTML HTML or Hyper Text Markup Language has two essential features. Hypertext and universality.
Hypertext means that you can create a link in a web page to practically any other webpage on the web.
Universality means that because HTML documents are saved as Text Only files, virtually any computer can read a web page. Mac, PC, Unix.
8
Mark Up Languages-cont
XML Uses user defined tags and attributes to format data. To view these
files need an XML Parser.
XHTML XHTML (eXtensible HTML) is the reformulation of HTML 4.0 and an
application of XML. It is a bridge between HTML and XML. The elements (tags) and attributes are almost identical to HTML.
9
Mark Up Languages-cont
SGML: Standard Generalized ML.
VRML: Virtual Reality ML.
WML: Wireless ML.
10
What is Markup
Markup is the way you indicate how to change what your text will look like. Logical markup are the HTML tags that explain what the text is, such as the tags:
<h1> This is the heading tag.
<title> This is the title tag.
<table> This tag begins a table.
11
What is Markup-cont
Visual markup are the HTML tags that determine how the data is to be displayed, such as:
<em> This tag emphasizes the appearance of the text.
<b> This tag makes the text bold.
<font> This tag begins a series of style changes, such as color, size, font family.
<center> This tag will center the text.
12
Y Require Standards?
All web pages are written in HTML. Yet not all HTML is equal.
Competition between IE and Netscape Navigator.
In 1994, Netscape started the “browser wars”. Netscape developed a set of HTML ‘tags’ that could only be used with Netscape browsers. These tags made it possible for users to see color text, images, and other improvements.
By 1996, Netscape had dominated the browser market. Microsoft soon released its own sets of tags that could only be understood by Internet Explorer browsers.
HTML did not allow designers to plan page as they wanted .
Designers had to battle with codes.
13
Y Require Standards?-cont
The Web’s “United Nations” is an organization called the World Wide Web Consortium. Directed by the webs inventor, Tim Berners-Lee, its aim is to convince the web community of the importance of universality. And developed XHTML.
Both Netscape and Microsoft are members of the W3C.
14
Standards
Validation service ( validator.w3.org )
Checking a document’s syntax URL that specifies the location of the file Uploading a file to the site validator.w3.org/file-upload.html
15
W3C XHTML Validation Service
16
W3C XHTML Validation Service
17
End of Introduction
Thank You
top related