Criteria

Tuesday 26 February 2013

Website Information

Website Name :- Tom & Jerry
My website is about :- Tom & Jerry
The five pages will be:
The homepage will include a basic design of tom and jerry which will include very little text and a big image
The second page will include the history of Tom & Jerry, which will include how the show started, what it is, etc
The third page will include the characters of the show such as Tom, Jerry, Spike and Tyke
The fourth page will include the tom and jerry series which will be show all the shows of tom and jerry
The fifth page will be about the channel the show is on which called Cartoon Network
 
 
My five page designs are shown below with my navigation chart.
 
 




    Friday 15 February 2013

    Describe:



    HTML:- HTML stands for Hypertext Markup Language. This is a language which has a set of standards and is used to tag the element of a hypertext document. This is a standard protocol for formatting and displaying documents on the internet. HTML explains the structure and layout of a web document by using a range of tags and attributes. A HTML documents starts with <HTML> then <HEAD>, inside head you can write what the document is a about. <BODY> is used to add all the information you would like to include in the web page. The document ends with a closed </BODY> & </HTML> tag. There are loads of tags that are used to format and layout the information in a web page. Tags can also be used to specify hypertext links. This would let web developer’s direct users to other web pages with only one click on an image or word. HTML is used for the coding and creation of web pages.
    CSS: CSS stands for Cascading Style Sheet. CSS is used to format the layout of webpage’s. They can be used to explain text styles, table sizes and other aspects of web pages. CSS helps web developers create a good look for several pages of a website. HTML used CSS to make documents look good and make it grab the audience’s attention. CSS makes it easy to change styles across several pages at once. For example a web developer might want to increase the text size from 10pt to 14pt for 8 pages of a website. If the pages all reference the same style sheet, the text size will only need to be changed on the style sheet and all the pages will show the larger text. An example of CSS being used to format some text is shown below:
    H1{

    color: red;

    background: blue;

    font-size: 14px;

    text-align: center;

    text-decoration: underline;

    }

    Komodo Edit:  Komodo edit is a free text editor for programming languages. Komodo Edit is fast and smart software which works for Linex, Mac and Windows. It supports programming languages like PHP, Python, Ruby, JavaScript, Perl, Html 5, CSS, etc.  This software helps the user a lot by giving suggestions for code and CSS. An example of this would be if you were trying to format some text in CSS, it would give you examples of colours you could use for the background/font colour


    A wireframe tool: Wire framing is an important part in web design because it helps pinpoint potential problems early. Wireframe tools make it easy to communicate ideas, and cut down project costs. The purpose of a wireframe tool is usually being informed by a business objective. This tool helps design the page layout or arrangement of the websites content including interface elements and navigational systems. I will be using mocking bird because it has advanced tools which will help me create, link, preview and share wireframes of the website. Mockingbird is one of the best wireframe tools available and a good advantage for this is that it’s free!



    Graphic Program: Adobe Photoshop is a graphics-editing program, which was made by Adobe. Photoshop is one of the biggest graphics software that is used nowadays because of its simplicity and the range of tools. Photoshop lets you edit images very nicely and absolutely change the whole look. An example of this could be a skinny person edited to make them look fat. If you are very good with this software then you can do many other big things.



    Lorem Ipsum is a filler text which is used to demonstrate the elements of a documents or presentation such as font, typography and layout. The lorem ipsum text is a section of Latin with words altered, added and removed to make text that does not make sense. Lorem Ipsum lets you create as many paragraphs as you want to demonstrate some text on a website.

     Bibliography

    CSS Definition, 15.02.2013, http://www.webopedia.com/TERM/C/CSS.html
    Mocking Bird, 15.02.2013, https://gomockingbird.com/
    Lipsum, 15.02.2013, http://www.lipsum.com/
    Lorem Ipsum Definition, 15.02.2013, http://en.wikipedia.org/wiki/Lorem_ipsum
    HTML image, 15.02.2013, http://www.optimiced.com/wp-uploads/2009/06/icon-validator-v1.jpg

    CSS Image, 15.02.2013, http://files.softicons.com/download/system-icons/adobe-cs4-files-folders-icons-by-deleket/png/256/File%20Adobe%20Dreamweaver%20CSS-01.png

    Komodo Edit image, 15.02.2013, http://macin.files.wordpress.com/2010/07/komodo-edit-6-0-0b2-icon.png