Html WebPageDesign

SUDHA 1

WELCOME

V.Chiranjeevi-MCA

RonaldRoss P.G College

SUDHA 2

HTML Basics –Building & publishing

your own website

SUDHA 3

What this presentation includes:

• Background about the World Wide Web

• What is HTML?

• Building a simple web page

• A look at more complicated HTML

• Publishing your web page

SUDHA 4

Basic Premise Underlying the World-Wide Web:

Nonlinearity• Books/magazines: Present information in

linear form – typical reader starts at first page and continues to last page.

• Web Pages: Online information is nonlinear – it can be traversed in any order desired by the user using the links you provide within your web pages.

SUDHA 5

What Web Pages Really Are

• Web pages are simply documents that use certain formatting commands to tell computer browsers how to display the information on screen.

• Most common method of developing web pages is to use HTML.

SUDHA 6

What is HTML?

• HyperText Markup Language

• A method of publishing documents that includes commands telling computers how to display the document on screen

• HTML is platform-independent: a document formatted in HTML can be viewed using a web browser on virtually any Windows, Mac, Linux, or Unix computer

SUDHA 7

Creating HTML Documents

• Can be created in any text editor (Note Pad) or word processor (MS Word)

• Special software applications make the job of publishing/managing a website easier, but aren’t necessary for small, simple websites– Microsoft Front Page

– Macromedia Dreamweaver

– Adobe Go Live

SUDHA 8

HTML Tags

• Tags – these are the coded instructions that accompany the text of a web page. Tags are what make your web page work!

• These particular tags (in blue text) tell your browser to put the text between them into the top bar of your browser

<Title> steph moore: My home page at NM

Tech</Title>

SUDHA 9

<Title> steph moore: My home page at NM

Tech</Title>

SUDHA 10

HTML Document Structure

• Head – Contains codes for displaying the document’s background, text and link colors; font family and size; the title of the page; and other formatting information.

• Body – This is where the actual content of the document appears. Content includes text, graphics, and links -- each with the appropriate tag(s) to indicate how it should be displayed.

SUDHA 11

A Very Simple HTML Page<HTML><Head><Title> Ronald Ross</Title></Head><Body><H1> Welcome to Ross Students! </H1><p><p> This website is devoted to providing accurate, researched information on the proper care and feeding of Geochelone sulcata tortoises, which are also known as African Spurred Tortoises, African Spur-Thighed Tortoises, African Desert Tortoises, or by various other names. You will find accurate, useful information here on how to feed, house, and otherwise care for your sulcata tortoises, no matter what your level of expertise. We keep sulcata tortoises, and we work closely with other sulcata keepers around the world. </p></Body>

SUDHA 12

What it looks like in your Browser:

SUDHA 13

Note what the tags have done:

SUDHA 14

Links – the crucial piece of HTML

• Links take you to other webpages within the same site, or to completely different websites.

• Code used to specify links:

<a href =http://www.websitename.com>• ONLY your browser sees this particular code!• You must add some text so that the user can

actually see the link

SUDHA 15

Making Links Visible to Users• Links become visible to users when you

include text and then close your <a> tag:

<a href=“http://www.sulcata-station.org”>Sulcata Station</a>

<a href= “http://www.nmt.edu/”>New Mexico Tech</a>

SUDHA 16

How Links are coded on your webpage

<HTML>

<Head>

<Title> Sulcata Station </Title>

</Head>

<Body>

<H1> Welcome to Sulcata Station! </H1>

<p> <a href=“http://www.sulcata-station.org”> Sulcata Station </a></p>

<p> <a href= “http://www.nmt.edu/”> New Mexico Tech </a></p>

<p>

</Body>

SUDHA 17

What it looks like in your browser

SUDHA 18

More Complicated HTML Page:

SUDHA 19

What it looks like in your Browser:

SUDHA 20

Publishing Your Web Page

Now that you’ve built your web page or web site, you have to “publish” it.

Publishing = transferring the page file(s) to a web server so that other people can see it.

SUDHA 21

Html WebPageDesign

Education

Transcript of Html WebPageDesign