HTML stands for HyperText Markup Language, it is the main language used in the creation of webpages. Its purpose is to create a standard for creating webpages and to allow all internet users to view the pages. It is constantly evolving and developing, to meet the needs of the users and developers, it is designed and maintained by an organisation called W3C.
HTML allows users to navigate around the internet by clicking on special text called hyperlinks. When a webpage is viewed, what is displayed is the browsers interpretation (translation) of that HTML code.
HTML allows users to navigate around the internet by clicking on special text called hyperlinks. When a webpage is viewed, what is displayed is the browsers interpretation (translation) of that HTML code.
CSS stands for Cascading Style Sheet, it is a style language, that essentially defines the layout of a HTML document. It allows the user to change the colors margins, lines, heights, widths, background images and other styles of a HTML documents .
CSS defines how HTML elements are to be displayed. Styles are normally saved in external .css files known as style sheets. They enable the user to change the appearance and layout of all the pages that make up the website. There are three different types of CSS styles:
Inline style - is where the CSS is attached to the HTML element, however these cannot be reused, each time the style is needed a new style must be written, as each style will only affect the paragraph it is connected to.
Internal style - is where CSS is placed in the <HEAD> tag, these styles can only be used in this webpage, but can be copied and pasted in to another webpage style sheet and can be used. This saves time as they do not have to be created each time.
The External - is where the CSS is stored in a separate file, which is different from both Inline and Internal CSS where they are both stored in the same file. This method of CSS involves creating a separate file from the webpage that will contain all of the style and then including a link to the file in the webpage.
Komodo Edit
Komodo Edit is a free software that is developed by a company called Active State, it is a text editor for programming languages and it supports the following programming languages; PHP, Python, ruby , Perl, JavaScript, HTML, CSS and many others. It is widely used by users of many different abilities as it has a user friendly interface and it is supported by Mac, Linux and Windows operating systems. Also it offers users templates of webpages and snippets of codes that they can incoporate in to their programming.
Text editor
HTML validator
CSS validator
XML validator
Built in page preview
Write HTML 5 documents
The only Graphics program that I used to for the images on the webpage was Microsoft Paint(MS Paint).
It is a very basic graphics/painting utility comes as standard with the Microsoft Windows OS, that can be used to draw, colour and has the basic tools to edit pictures which can be imported from the internet or device.
When designing and creating the website I used MS paint to crop images and change them to a suitable file format that can be used on the webpage.
Lorem Ipsum is a tool that users can use to produce placeholder text or dummy text, that designer can use to simulate the text element of a webpage without having to create the content itself. Users can use it to show the font, typography and layout of the text using lorum Ipsum. The text is made up of sentence of Latin text that has been rearranged to make no sense.
CSS defines how HTML elements are to be displayed. Styles are normally saved in external .css files known as style sheets. They enable the user to change the appearance and layout of all the pages that make up the website. There are three different types of CSS styles:
Inline style - is where the CSS is attached to the HTML element, however these cannot be reused, each time the style is needed a new style must be written, as each style will only affect the paragraph it is connected to.
Internal style - is where CSS is placed in the <HEAD> tag, these styles can only be used in this webpage, but can be copied and pasted in to another webpage style sheet and can be used. This saves time as they do not have to be created each time.
The External - is where the CSS is stored in a separate file, which is different from both Inline and Internal CSS where they are both stored in the same file. This method of CSS involves creating a separate file from the webpage that will contain all of the style and then including a link to the file in the webpage.
Komodo Edit
Komodo Edit is a free software that is developed by a company called Active State, it is a text editor for programming languages and it supports the following programming languages; PHP, Python, ruby , Perl, JavaScript, HTML, CSS and many others. It is widely used by users of many different abilities as it has a user friendly interface and it is supported by Mac, Linux and Windows operating systems. Also it offers users templates of webpages and snippets of codes that they can incoporate in to their programming.
There are many features of Komodo Edit, some of these are:
I will be using Komodo Edit, to write the HTML code for the Meridian BSAC website. Already from using and learning about it, komodo edit is relatively easy to use and it is very user friendly.
Wireframe Tool - Lumzy
Lumzy is a design creation tool that can be used to produce simple designs for websites and applications. It allows users to add events to controls, place controls inside other containers and also they can emulate a designed website with page navigation triggered by a users input. Lumzy has most of the common elements (i.e. a navigation bar) of a webpage stored in a library so that users can simply click and drag the element in.
The Layout and user interface of lumzy is very user friendly and it is easy for users to learn and use.
Graphics Program - Microsoft Paint
The only Graphics program that I used to for the images on the webpage was Microsoft Paint(MS Paint).
When designing and creating the website I used MS paint to crop images and change them to a suitable file format that can be used on the webpage.
Lorem Ipsum and Lorem Pixel
Lorem Ipsum is a tool that users can use to produce placeholder text or dummy text, that designer can use to simulate the text element of a webpage without having to create the content itself. Users can use it to show the font, typography and layout of the text using lorum Ipsum. The text is made up of sentence of Latin text that has been rearranged to make no sense. 
Lorem Pixel is another tool that is similar to Lorem Ipsum accept it is a placeholder or dummy image instead of text. Users can simulate the image elements of their webpages without having to have the images themselves. The user can determine the subject and size of the image and input the code in to the webpage to show and image.
Bibliography
HTML
Website: http://www.yourhtmlsource.com/starthere/whatishtml.html
Author: Ross Shannon
Date Accessed: 13/03/13
Website: http://en.wikipedia.org/wiki/HTML
Author: Various
Date Accessed: 13/03/13
CSS
Website: http://vineetgupta22.wordpress.com/2011/07/09/inline-vs-internal-vs-external-css/
Author: Vineet Gupta
Date Accessed: 14/03/13
Website: http://en.wikipedia.org/wiki/CSS
Author: Various
Date Accessed: 14/03/13
Website: http://www.basictips.com/external-internal-inline-which-method-best.shtml
Author: Unknown
Date Accessed: 14/03/13
Komodo Edit
Website: http://www.activestate.com/komodo-edit
Author: Unknown
Date Accessed: 13/03/13
Website: http://en.wikipedia.org/wiki/Komodo_Edit
Author: Various
Date Accessed: 13/03/13
Lumzy
Website: http://www.lumzy.com/
Author: Unknown
Date Accessed: 13/03/13
Website: http://mashable.com/2010/07/15/wireframing-tools/
Author: Unknown
Date Accessed: 13/03/13
Microsoft Paint
Website: http://en.wikipedia.org/wiki/MS_paint
Author: Various
Date Accessed: 13/03/13
Website: http://windows.microsoft.com/en-GB/windows7/products/features/paint
Author: Unknown
Date Accessed: 13/03/13
Lorum Ipsum and Lorum Pixel
Website: http://www.lipsum.com/
Author: Unknown
Date Accessed: 14/03/13
Website: http://www.makeuseof.com/tag/lorem-ipsum-case-wondering/
Author: Tim Lenahan
Date Accessed: 14/03/13
Website: http://thenextweb.com/dd/2012/12/14/inspired-by-lorem-ipsum-lorempixel-lets-designers-dynamically-generate-placeholder-images/
Author: Harrison Weber
Date Accessed: 14/03/13
Website: http://lorempixel.com/
Author: Unknown
Date Accessed: 14/03/13
