Friday, 16 May 2014

Web Authoring

What is HTML?

Hyper Text Markup Language or more popularly and commonly known as HTML. This language is one of the fundamentals into creating web pages.
The web browser purpose is to read HTML documents and compose the document into visual and audial web pages. The browser does not show any of the HTML tags, but uses the tags to construct the content of the page. HTML is the building blocks of all websites; this allows objects and images to be embedded to create interactive pages. It offers a means to create structured documents by indicating an operational semantics for texts such as paragraphs, lists, heading, quotes, links and other items. It can also embed scripts written in other languages such as JavaScript which would affect the behaviour of the HTML web pages.

Most commonly used HTML tag

<!DOCTYPE html> - It tells the browser how to render the page.
<html>  - the beginning line of the starting the HTML semantics.
 <head> This may contain information about the page and links to resources.
</head> ends the head declaration
<title> - the custom name given by the user to the browsers tab/page.
</title> ends the title declarations
 <body> - where most of the text/images/object are put in and is mainly the meat of creating a web page.
</body> the end declaration for body.
</html> ends declaration for the whole HTML semantics

Advantages:
  • ·         It’s easy to edit.

  • ·         It’s fast to download.

  • ·         Once you get to know CSS it’s easy to learn everything.

  • ·         It’s customary in mostly every HTML

  • ·         It’s supported by most browsers across most platforms.

  • ·         Can be used to present just about any kind of data.


Disadvantages:
  • ·         It’s static and needs to be manually updated.

  • ·         Isn't quite often rendered out correctly in all browsers
  • ·         Isn't very flexible.

  • ·         It can’t be centralised (all pages must be edited individually).

  • ·         Very limited styling capabilities.



This is the HTML tags all filled out

This is what the HTML looks like after its been previewed on a browser


What is CSS?

Cascading Style Sheets or commonly known as CSS this a style sheet language used into defining the look and formatting of a document written in HTML. CSS most often is used to style web pages and is a foundation to almost all web pages and mostly every web pages use CSS style sheets to describe their web pages.
CSS is designed primarily to enable content from document presentation, which would include elements such as colours, fonts, and the layout. These sections can improve the content of accessibility which provides more control and flexibility in the requirement of the web pages characteristics.

Advantages

  • ·         Bandwidth – The style sheet is generally stored in the browser cache, therefore being able to be used on multiple pages, which would also increases the download speed.

  • ·         Reformatting - Different style sheet can be used in the same page. This provides the chance of adjusting a page or a site for different target devices.

  • ·         Flexibility - This allows the provider to edit CSS or HTML code from a selection of layouts of articles or pages that they have chosen on the fly.

  • ·         Consistency - If the situation arises in the style elements and should be changed/adjusted, these changes can be made easily, by simply by changing some rules in the style sheet.


Disadvantages

  • ·         Inconsistent Browser Support - Different browsers will render out the CSS layout differently because of the different elements the browser has or lack in.

  • ·         Limiting Vertical Control - While the horizontal placements are pretty much simple to figure out. Vertical placement tends to be more complicating or even impossible.

  • ·         Control of forms - CSS currently provides only rectangular shapes which really limit the form for CSS.

  • ·         No column Declaration - While possible to have with multiple columns in CSS it tends to be quite complex to implement.

  • ·         No multiple backgrounds – When a web page needs multiple background images for each item, CSS can support only one. 
these are the codes for the style sheet. In the document there are 3 different styles to implement onto the web page.

this is the tag that is to be used to refer from the HTML page to the CSS page.

These are all the style classes being applied onto the HTML document.
the preview of all the style classes being implemented.



No comments:

Post a Comment