Date post: | 06-Jan-2018 |
Category: |
Documents |
Upload: | morgan-anderson |
View: | 228 times |
Download: | 3 times |
Asstt. Prof Sonia SharmaComputer Dept
1
HTML (Hypertext MarkUP Language)HTML is the lingua franca for publishing
hypertext on the World Wide WebDefine tags <html><body> <head>….etcAllow to embed other scripting languages to
manipulate design layout, text and graphicsPlatform independentCurrent version is 4.x and in February W3C
released the first draft of a test suite 4.01
2
HTML (Hypertext Markup Language)Example HTML code:
<HTML><head><title>Hello World</title></head><body bgcolor = “#000000”><font color = “#ffffff”><H1>Hello World</H1></font></body></HTML>
3
HTML (Hypertext Markup Language)
4
HTML (Hypertext Markup Language)Common features
TablesFrameFormImage mapCharacter SetMeta tagsImages, Hyperlink, etc…
5
HTML (Hypertext Markup Language)File Extensions:
HTML, HTMRecent recommendation of W3C is
XHTML 1.0 combines the strength of HTML 4 with the power of XML.
XHTML 1.0 is the first major change to HTML since HTML 4.0 was released in 1997
6
CSS (Cascading Style Sheet)Simple mechanism for adding style to web
pageCode be embedded into the HTML fileHTML tag:
<style type=“text/css”>CODE</style>Also be in a separate file FILENAME.cssHTML tag:
<link rel=“stylesheet” href=“scs.css” type=“text/css”>Style types mainly include:
• Font• Color• Spacing
7
CSS (Cascading Style Sheet)Controls format:
Font, color, spacingAlignmentUser override of stylesAural CSS (non sighted user and voice-
browser)Layers
Layout User Interface
8
CSS (Cascading Style Sheet)Client’s browser dependableExample code:
p,h1,h2 {margin-top:0px;margin-bottom:100px;padding:20px 40px
0px 40px;}
9
CSS (Cascading Style Sheet)
<HTML><head><title>Hello World</title><style type=“text/css”>
p,h1,h2 {margin-top:0px; margin-bottom:100px;padding:40px 40px 0px 40px;}
</style></head><body bgcolor = “#000000”><font color = “#ffffff”><h1>Hello World<h1></font></body></HTML>
10
CSS (Cascading Style Sheet)
11
HTML without CSS
12
JavaScriptCompact object-based scripting languageCode be embedded into HTML fileHTML tag
<script language=“javascript”>CODE</script>
Also be in a separate file FILENAME.jsHTML tag
<SCRIPT LANGUAGE="JavaScript" SRC=“FILENAME.js"></SCRIPT>
13
JavaScriptMain objectives:
User interface, CGI capabilities without involving server
Client side compilationServer provides no supportSecurity hazard for client’s computerSCS websites JavaScript's Examples
http://www.cs.cmu.edu
14
CGI (Common Gateway Interface)Standard for external gateway programs
to interface with information servers such as HTTP servers
Real-time executionMain Objective:
• Dynamic Content• User Interface
Current version 1.1
15
CGI (Common Gateway Interface)Various choice in Programming language
selectionsC, C++, PERL, Python
PERL; most popular and widely usedServer side executionScript runs as a stand alone process
unlike PHPBasic difference with PHP is the
execution approach
16