Assignment 2 - Features of Web Development: February 2013

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

HTML Definition, 15.02.2013, http://searchsoa.techtarget.com/definition/HTML

HTML, 15.02.2013, http://dictionary.reference.com/browse/html

HTML, 15.02.2013, http://web-design.lovetoknow.com/web-design-tools/what-is-html-used

CSS, 15.02.2013, http://answers.yahoo.com/question/index?qid=20110707151805AAOzx8J

CSS Definition, 15.02.2013, http://www.webopedia.com/TERM/C/CSS.html

Komodo, 15.02.2013, http://www.activestate.com/komodo-edit

Mocking Bird, 15.02.2013, https://gomockingbird.com/

Wireframe Tools, 15.02.2013, http://mashable.com/2010/07/15/wireframing-tools/

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

Assignment 2 - Features of Web Development

Criteria

Tuesday, 26 February 2013

Website Information

Friday, 15 February 2013

Describe: