9 Lab

Laboratory work 9
Data acquisition from the server. Design

of the graphic interface Web applications.
Creation of styles.
ACTIVE VOCABULARY
English Russian Kazakh
Web application Веб-приложение Веб-бағдарлама

Remote Дистанционный Қашықтағы
Instant messaging services Служба мгновенных Жедел хабарлар қызметі
сообщений
Html(hypertext markup Язык гипертекстовой Гипермәтіндік белгілеу тілі
language) разметки
Tag Метка Белгі
Page Страница Бет
Title Заглавие Атауы

Editor Редактор Редактор
Cascading style sheet Каскадная таблица стилей Стильдердің каскадтық
кестесі
Layers Слои Қабаттар
A web application (web app) is an application program that is stored on a remote
server and delivered over the internet through a browser interface. Web application - in
computing, a web application or web app is a client–server software application in
which the client (or user interface) runs in a web browser. Common web applications
include webmail, online retail sales, online auctions, wikis, instant messaging services
and many other functions.
Through Java, JavaScript, DHTML, Flash, Silverlight and other technologies,
application-specific methods such as drawing on the screen, playing audio, and access to
the keyboard and mouse are all possible.
Creating Web sites is implemented withusing the markup language hyper text
HTML documents .
About HTML
 HTML is the Original publishing language of
the World Wide Web.
 Allother website building platforms are
based on HTML.
 Ifyou want to create a website with XHTML,
ASP or PHP, you must first learn the basics of
creating web pages with HTML code.
Creating an HTML Page
A web page is created using a language called,
Hypertext Markup Language, better known as
HTML Code. You can write your own coding within
a plain text editor, such as Note Pad, or use an
HTML editor
 HTML codes, also referred to as HTML tags, are

enclosed by the lesser than (<) and greater than
(>) brackets and may be written in capital or
lower case letters.
 <html> - Begins your HTML document.
<head> - Contains information about the page such as the TITLE, META tags
for proper Search Engine indexing, STYLE tags, which determine the page
layout, and JavaScript coding for special effects.
<title> - The TITLE of your page. This will be visible in the title bar of the
viewers’ browser.
</title> - Closes the HTML <title> tag.
</head> - Closes the HTML <head> tag.
<body> - This is where you will begin writing your document and placing your
HTML codes.
</body> - Closes the HTML <body> tag.
</html> - Closes the <html> tag.

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> 7
HTML (Hypertext Markup Language)
8
Table of primary colors
CSS (Cascading Style Sheet)
 Simple mechanism for adding style to web page

 Code be embedded into the HTML file
 HTML tag:
<style type=“text/css”>CODE</style>
 Also be in a separate file FILENAME.css
 HTML tag:
<link rel=“stylesheet” href=“scs.css” type=“text/css”>
 Style types mainly include:
 Font
 Color
 Spacing
10
 Controls format:
 Font, color, spacing
 Alignment
 User override of styles
 Aural CSS (non sighted user and voice-browser)
 Layers
Layout
User Interface
11
 Client’s
browser dependable
 Example code:
p,h1,h2 {
margin-top:0px;
margin-bottom:100px;padding:20px 40px 0px
40px;
}
 More info:
http://www.w3.org/Style/CSS/ 12
http://www.w3schools.com/css/css_intro.asp
<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> 13
</HTML>
14
HTML without CSS
15
Basic HTML Document Code Structure
<html>
<head>
<title>Your Page Title</title>
</head>
<body>
This area will contain everything that will be visible through a web browser, such
as text and graphics. All of the information will be HTML coded.
For a complete list of HTML codes, tags and examples, see the HTML chart
below.
</body>
</html>
Task
Create web-page “About myself”

9 Lab

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

9 Lab

Uploaded by

Copyright:

Available Formats

Laboratory work 9

Data acquisition from the server. Design

Web application Веб-приложение Веб-бағдарлама

Title Заглавие Атауы

 HTML codes, also referred to as HTML tags, are

</title> - Closes the HTML <title> tag.

</head> - Closes the HTML <head> tag.

</body> - Closes the HTML <body> tag.

</html> - Closes the <html> tag.

 Simple mechanism for adding style to web page

You might also like