HTML & Video on Demand

8/14/2019 HTML & Video on Demand

1/27

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.


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


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.


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:


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.


7/27

Typical HTML documentstructure

Page Title Goes Here

content goes here


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


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
tags
To 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


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


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


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


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


14/27

Example table

Name Phone

Dick 555-1234

Jane 555-2345

Sally 555-3456


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


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.


17/27

Index.html Example


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


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.


20/27

Text Example (cont.)

This is a big heading!This is a smaller heading!



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


22/27

Comments Example

Literature.Culture.Media Center

This is a big header!

This is a smaller heading



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.


24/27


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


26/27

How To Get VoD ?

Local Cable OperatorsRental Houses

Online RentalDTH companies like Digital

TV, Big TV, Dish TV.


27/27

THANKS