html & video on demand
TRANSCRIPT
-
8/14/2019 HTML & Video on Demand
1/27
HTML&
Video On Demand
-
8/14/2019 HTML & Video on Demand
2/27
Introduction
Invented by Tim Berners-Lee at CERN,the European Laboratory for ParticlePhysics in Geneva for internet.
Documents can be created using anytext editor.
e.g.-Vi on UNIX, Edit on Macintosh,
Notepad on Windows. File saved as .html is a HTML document.
-
8/14/2019 HTML & Video on Demand
3/27
What is HTML ?
Hyper Text Markup Language (HTML) isthe language for specifying mainly thestatic content of Web pages and creationof web pages and other informationviewable in a browserhypertextrefers to the fact that Web pages
are more than just text can contain multimedia, provide links for
jumping within & withoutmarkup refers to the fact that it works by
augmenting text with special symbols(tags) that identify structure and content
type
-
8/14/2019 HTML & Video on Demand
4/27
HTML Facts
Web authoring software language.
Is a language for describing web pages.
Is not a programming language. Is a markup language.
Uses mark up tags to define web pages.
Is a language which runs on a computerthat has a web browser installed in it.
-
8/14/2019 HTML & Video on Demand
5/27
Contents of a HTMLdocument HTML document is constructed using HTML tags
Certain tags are always part of a standard HTMLdocument.
Every HTML document should start with the tag and end with the tag whichtells the browser that this is an HTML document.
Each HTML document includes a head and a
body. The head includes information about thedocument (possibly the title, author, date ofcreation, software used to create the document)and the body contains the content of thedocument. There are tags used to identify these
sections:
-
8/14/2019 HTML & Video on Demand
6/27
these tags surround thehead of the document and come first(before the body tags).
these tags surround thecontent of the document.
Within the title tags the document shouldcontain a document title - this title istypically shown in the title bar of thebrowser window. Document titles shouldconvey something useful about the
content of the document.
-
8/14/2019 HTML & Video on Demand
7/27
Typical HTML documentstructure
Page Title Goes Here
content goes here
-
8/14/2019 HTML & Video on Demand
8/27
Text in HTML
Anything in the body of an HTML document,unless marked otherwise, is text
You can make text italic by surrounding it withand tags
You can make text boldface by surrounding itwithandtags
You can put headers in your document with ,
, , , , or tags (and thecorresponding end tag,through ) is quite large;is very small
Each header goes on a line by itself
-
8/14/2019 HTML & Video on Demand
9/27
Whitespace
Whitespace is any non-printing characters(space, tab, newline, and a few others)
HTML treats all whitespace as word separators,and automatically flows text from one line to thenext, depending on the width of the page
To group text into paragraphs, with a blank linebetween paragraphs, enclose each paragraph in
and
tagsTo force HTML to use whitespace exactly as youwrote it, enclose your text inandtags (pre stands for preformatted) also uses a monospace font
is handy for displaying programs
-
8/14/2019 HTML & Video on Demand
10/27
Lists
Two of the kinds of listsin HTML are ordered,to, andunordered, to
Ordered lists typicallyuse numbers: 1, 2, 3, ...
Unordered lists typicallyuse bullets ()
The elements of a list(either kind) aresurrounded byand
Example: The four main food
groups are:
SugarChips
Caffeine
Chocolate
-
8/14/2019 HTML & Video on Demand
11/27
Links
To link to another page, enclose thelink text in to Example: I'm taking
Dr.Dave's CIT597 course this semester.
Link text will automatically be underlinedand blue (or purple if recently visited)
To link to another part of the same page, Insert a named anchor: References And link to it with: My references
To link to a named anchor from a different page,use
My references
-
8/14/2019 HTML & Video on Demand
12/27
Images
Images (pictures) are not part of an HTML page;the HTML just tells where to find the image
To add an image to a page, use:
Thesrc attribute is required; the others are optional Attributes may be in any orderThe URLmay refer to any .gif,.jpg, or .png file Other graphic formats are not recognizedThe alt attribute provides a text representation of the
image if the actual image is not downloadedThe height and width attributes, if included, will improve
the display as the page is being downloaded Ifheight or widthis incorrect, the image will be distorted
There is noend tag, because is notacontainer
-
8/14/2019 HTML & Video on Demand
13/27
Tables
Tables are used to organize information in twodimensions (rows and columns)
Acontains one or more table rows,
Each table row contains one or more table datacells,, or table header cells, The difference between and cells is just
formatting--text in cells is boldface and centered
Each table row should contain the same numberof table cells
To put borders around every cell, add theattribute border="1" to the start tag
-
8/14/2019 HTML & Video on Demand
14/27
Example table
Name Phone
Dick 555-1234
Jane 555-2345
Sally 555-3456
-
8/14/2019 HTML & Video on Demand
15/27
More about tables
Tables, with or without borders, are excellent forarranging things in rows and columns Wider borders can be set with border="n"
Text in cells is less crowded if you add the attribute
cellpadding="n" to the start tag
Tables can be nested within tables, to any(reasonable) depthThis is very convenient but gets confusing
Tables, rows, or individual cells may be set to anybackground color (with bgcolor="color") Columns have to be colored one cell at a time
You can also add bgcolor="color" to the start tag
-
8/14/2019 HTML & Video on Demand
16/27
Creating an HTML file
Notepad or Wordpad (PC) or SimpleText(Mac)
First tag: Indicates that you are starting an HTML document
Last tag: Indicates that you are ending an HTML document *Note* the open & close structure to HTML
Save file as index.htmlThis is a typical default title for home pagesWindows may seem to prefer .htm but .html will
also work just fine.
-
8/14/2019 HTML & Video on Demand
17/27
Index.html Example
-
8/14/2019 HTML & Video on Demand
18/27
Creating Text in HTML
Body Tags and
*Note* that all text that appears on the page mustbe encapsulated within the body tags
Text headings and
There are six defined heading sizes
(largest) through (smallest) Paragraphs
and
-
8/14/2019 HTML & Video on Demand
19/27
Text Example
Literature.Culture.Media Center
This is a big heading!
This is a smaller heading
This is an example of a paragraph.
-
8/14/2019 HTML & Video on Demand
20/27
Text Example (cont.)
This is a big heading!This is a smaller heading!
This is an example of a paragraph.
-
8/14/2019 HTML & Video on Demand
21/27
HTML Organization
SpacingSpacing organizes your work!Spacing makes your files easy to read!
Spacing makes no functional differenceto your web browser CommentsComments are notes in your HTML file
Comments make no functionaldifference to your web browser
endsit
-
8/14/2019 HTML & Video on Demand
22/27
Comments Example
Literature.Culture.Media Center
This is a big header!
This is a smaller heading
This is an example of a paragraph.
-
8/14/2019 HTML & Video on Demand
23/27
Video On Demand
Refers to the practice of ordering videosas per customer likings.
Service in which user will order on its
demand which videos/movies the userwants to see.
Being used by the new DTH companies
coming over as a strategy to attractcustomers.
Cable operators provide such service byproviding a telephone no. and users can
request any video.
-
8/14/2019 HTML & Video on Demand
24/27
-
8/14/2019 HTML & Video on Demand
25/27
Requirements for VoD
Need Video Servers
Capable of storing and outputting a largenumber of movies simultaneously
MPEG-4 new format for transmittingvideos in digital picture quality.
Storage Capacity is huge
Video Server Software
-
8/14/2019 HTML & Video on Demand
26/27
How To Get VoD ?
Local Cable OperatorsRental Houses
Online RentalDTH companies like Digital
TV, Big TV, Dish TV.
-
8/14/2019 HTML & Video on Demand
27/27
THANKS