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.
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.
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.
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/
HTML image, 15.02.2013, http://www.optimiced.com/wp-uploads/2009/06/icon-validator-v1.jpgCSS 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
No comments:
Post a Comment