Thursday 14 March 2013

Description

Here are the descriptions for the following terms:

HTML(Hypertext Markup Language): Is the language that web pages are written in, these websites can then be viewed by anyone else connected to the Internet. HTML consists of a series of short codes typed into a text-file by the site author — these are the tags. The text is then saved as a html file, and viewed through a browser. The tags are what separate normal text from HTML code. Different tags will perform different functions. The tags themselves don’t appear when you view your page through a browser, but their effects do. An examlpe of this would be:
 <b>these words would be bold< /b> and these wont be

CSS(cascading style sheets): A way for Web developers to define the look and feel of their Web pages. It was intended to allow developers to separate content from design so that HTML could perform more of the function that it was originally based on - the markup of content, without worry about the design and layout. Style sheet refers to the document itself. They are the technical specifications for a layout, whether print or online. Print designers use style sheets to insure that their designs are printed exactly to specifications. For example if a developer wanted the text in the maincontent to be blue he would do:
#maincontent
{
color: blue;
}

Komodo Edit: This is a open source language editor which allows the user to develop languages such as HTML and CSS. You can get extensions for it to add on languages or other helpful features (like special characters). Here are some of the Komodo Edit features:
  • Text editor

  • HTML validator

  • Accessibility validator

  • CSS validator

  • XML validator

  • Page preview

  • Save pages as HTML with DTD

  • Write HTML 5 documents

  • Write XHTML documents


  •  Lumzy: Lumzy is a design creation tool for websites and applications. You can add events to controls, place controls inside other containers and emulate your website with easy page navigation triggered by user actions. It is simple to use because you can just grab any picture or naivgation and lay out anywhere you wish to on the canvas. It also lets you change the theme of your website from Apple or Microsoft.

    Microsoft Paint:  Microsoft Paint or 'MS Paint' is a basic graphics/painting utility that is included in all the Microsoft Windows versions. MS Paint can be used to draw, colour and edit pictures including imported pictures from a digital camera for example. MS Paint is found in the Windows Start menu within the Accessories Folder. It can save creations in standard formats such as .jpg and .bmp.

    Lorem Ipsum: Lorem Ipsum is a group of text that people commonly use as filler text, or dummy text. It’s basically a bunch of mumbo-jumbo that people use to show what a design layout will look like when the proper text has been inserted.



    BIBLIOGRAPHY

    Your Html Source, date accessed: 14/03/2013:
    http://www.yourhtmlsource.com/starthere/whatishtml.html

    Web Design. date accessed: 14/03/2013:
    http://webdesign.about.com/od/beginningcss/a/aa021607.htm

    Mashable, date accessed: 14/03/2013:
    http://mashable.com/2010/07/15/wireframing-tools/

    Digital Unite, date accessed: 14/03/2013:
    http://digitalunite.com/guides/microsoft-programs/what-microsoft-paint

    Make use of, date accessed: 14/03/2013
    http://www.makeuseof.com/tag/lorem-ipsum-case-wondering/
    1) Website Title: Animal Planet

    2) The website will feature information about animals. It have a fact file of 4 different Animals and a homepage:

    Page one: homepage with a description of the website and links to the other pages.

    Page two: Fact file about Cheetah's
    Page three: Fact file about Penguins

    Page four: Fact file about Snow Leopard
    Page five: Fact file about Lions
     
     
    Description of Web Page
    The website that I have created is in a 2 collumn lay out. The container for my website is 1200px, It is about animals and has fact files about 4 different animals with a home page. I have chosen a eagle as a logo for the website which will feature on all the web pages. In the right content I have links to different websites which relate to Animals. My navigation changes colour each time depending on the web page you are on. As the user hovers over the naivgation, it changes colour to white to show that it is active. Each webpage has its own theme according to the animal it is describing. The main content has got text in paragraphs with a picture inside them.