Scribd
Upload
300 views24 pages

Website Authoring

This document discusses how to create structured websites using HTML. It covers key concepts like web development layers, creating web pages, using stylesheets, and testing and publishing websites. The document explains that HTML uses special tags to specify a web document's structure and layout. It also outlines the steps to create and view web pages using HTML, which includes loading editor and browser software, typing HTML code, saving files, and viewing/editing the page.

Uploaded by

Thein Zaw Min
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
300 views24 pages

Website Authoring

This document discusses how to create structured websites using HTML. It covers key concepts like web development layers, creating web pages, using stylesheets, and testing and publishing websites. The document explains that HTML uses special tags to specify a web document's structure and layout. It also outlines the steps to create and view web pages using HTML, which includes loading editor and browser software, typing HTML code, saving files, and viewing/editing the page.

Uploaded by

Thein Zaw Min
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 24

Website authoring

In this chapter you will be learning how to create a structured


website with stylesheets, tables and hyperlinks. You will be using The key concepts covered in this chapter are:
a special code for this called HTML. There are other ways to create ~• Web development layers

web pages using special web-authoring software such as Adobe •~ Creating web pages

Dreamweaver or Microsoft FrontPage. In this book you will be •• Using stylesheets


using just a text editor to create the HTML code and then use web •• Testing and publishing a website
browser software to view the web page you have produced.

Web development layers HTML is a text file, just like MS Word, except that it contains special
markers called tags. HTML can be entered into a text editor, which
When large websites are developed it is important to note that
enables tags to be entered as well as content to which the tags
many people will be involved in the development of the site. For
apply. You will see how to use a simple text editor for entering and
example, writers, illustrators, photographers, cartoonists, etc. ,
editing HTML later.
may work supplying the content for the website. Designers put
the content together in a way that is attractive and eye-catching Important note: HTML is not a programming language as such.
to users. Technical staff will create the code/instructions that will It just tells the computer how to display text and pictures on
make the various elements of the website behave in a certain way. web pages.

There are three layers in web development:


@):JDN·M·tJ
~ Content layer Structure Layer HyperText Markup Language (HTML) used to create
~~ Presentation layer Style Layer documents on the world wide web. You use it to specify the
~~ Behaviour layer. structure and layout of a web document.
Content layer- when you view a web page the content layer is Tags special markers used in HTML to tell the computer
what you see. The content layer consists of text and images and what to do with the text. A tag is needed at the start and
also the pointers that allow you to navigate around the website. end of the block of text to which the tag applies.

Presentation layer- is how the document will look to the reader.


The presentation layer defines how each page should look rather Browser and editor software
than what is on each page. The presentation layer is used to Browser software is responsible for requesting text and graphics
format an individual element on a web page, a whole web page or on web pages stored on servers and then assembling them for
all the web pages that make up a website. Cascading style sheets display. In this chapter, web browser software will be used to view
(css) are used to define how the web pages should look. Rather the web pages you create. Editor software is used for creating and
than make a change to the format each time a particular element amending text. In this chapter, you will be using a text editor for the
occurs, you can change it once in the style sheet and the changes preparation of HTML web pages.
are made automatically to the element wherever it occurs.
Here are the steps involved in creating and viewing web pages
Behaviour layer- this· is the layer of the web page that does something using HTML:
when the user clicks on something.There are different methods used to 1 Load the text editor software.
create this layer and in this chapter you will create sets of instructions 2 Type in the HTML code.
in a code called HTML (Hypertext Markup Language). 3 Save the HTML file.
4 Load the browser software.
HTML (HyperText Markup Language) 5 View the web page and see if there are any mistakes in the code.
HTML is short for HyperText Markup Language and is the special 6 Go back to the HTML code using the editor software.
code that is used for making web pages. HTML consists of special 7 Edit the HTML code using the editor.
markers called tags that tell the computer what to do with the text, 8 Save the HTML file .
images or links that are entered. It could tell the computer to present 9 View the web page using the browser.
the text in a certain way, or size and align an image on the page. For 10 If there are any more corrections needed go to step 6.
example, the tags could tell the computer that the text being entered 11 Save the final HTML code.
is intended to be a heading or to make a certain block of text bold.

You might also like