Thursday, July 14, 2011

Homework #9

I was not in attendance for Brother Roberston's presentation.

The article I read in place of it can be found at :http://www.articlecity.com/articles/web_design_and_development/article_2732.shtml

 This article explains the basics of web design. Design and development is almost the same as print design, but there is a lot of code used to make things aesthetically pleasing. Good design and good web design go hand in hand, in the sense that you must have good design to have a great website. "If anyone has the right understanding about the elements that appropriately suits with a good design, then one will undoubtedly have a Web page that works well. One applies those elements of good design if and when one is producing a web page, a business card, or a raiment logo, and once one makes out them and their necessities and differences, one will acquire the skills and expertise that requires for becoming a great web designer." When a website is live on the internet, there are all chances that visitors may come to the web pages of the website. On visiting the website, visitors may want to know what the purpose of the website is. And for this reason, they may go to one page to another. This is called navigation. There should be all browser compatible navigation interfaces, where from the visitors can move through one page to another and see the objectives of the website as a whole and at the same time see the image and graphic application. The purpose of a website design is well fulfilled only if the website is professionally designed and in this case professional web designing tops the list of priorities. Only a professionally designed website can bring in desired business and return on investment on a quicker pace.


Try it Excersise


HTML Elements




HTML documents are defined by HTML elements.

HTML Elements

An HTML element is everything from the start tag to the end tag:
Start tag * Element content End tag *
<p> This is a paragraph </p>
<a href="default.htm" > This is a link </a>
<br />    
* The start tag is often called the opening tag. The end tag is often called the closing tag.

HTML Element Syntax

  • An HTML element starts with a start tag / opening tag
  • An HTML element ends with an end tag / closing tag
  • The element content is everything between the start and the end tag
  • Some HTML elements have empty content
  • Empty elements are closed in the start tag
  • Most HTML elements can have attributes
Tip: You will learn about attributes in the next chapter of this tutorial.

Nested HTML Elements

Most HTML elements can be nested (can contain other HTML elements).
HTML documents consist of nested HTML elements.

HTML Document Example

<html>

<body>
<p>This is my first paragraph.</p>
</body>

</html>
The example above contains 3 HTML elements.

HTML Example Explained

The <p> element:
<p>This is my first paragraph.</p>
The <p> element defines a paragraph in the HTML document.
The element has a start tag <p> and an end tag </p>.
The element content is: This is my first paragraph.
The <body> element:
<body>
<p>This is my first paragraph.</p>
</body>
The <body> element defines the body of the HTML document.
The element has a start tag <body> and an end tag </body>.
The element content is another HTML element (a p element).
The <html> element:
<html>

<body>
<p>This is my first paragraph.</p>
</body>

</html>
The <html> element defines the whole HTML document.
The element has a start tag <html> and an end tag </html>.
The element content is another HTML element (the body element).

Don't Forget the End Tag

Some HTML elements might display correctly even if you forget the end tag:
<p>This is a paragraph
<p>This is a paragraph
The example above works in most browsers, because the closing tag is considered optional.
Never rely on this. Many HTML elements will produce unexpected results and/or errors if you forget the end tag .

Empty HTML Elements

HTML elements with no content are called empty elements.
<br> is an empty element without a closing tag (the <br> tag defines a line break).
Tip: In XHTML, all elements must be closed. Adding a slash inside the start tag, like <br />, is the proper way of closing empty elements in XHTML (and XML).

1 comment:

  1. Thanks for sharing of information I am thanking you for this knowledgeable blog post,Its really useful for Web Design Cochin and for those new to web development.

    ReplyDelete