Tools Used

Introduction

There were many tools and techniques available for use that could be used to create a fully functioning website. I however used two main tools in the creation of our website; these consisted of Komodo Edit 7.0 and Paint.Net mainly. By using these tools I was able to create my webpages and make it work and interact with each other.

Komodo Edit

Komodo Edit is a webpage code editor tool what allows for html (in my webpage’s html 5 was used) coding to be written to create a website page or even a website, in addition CSS coding and meta tagging can be written in this tool as well which will help describe and implement the presentation of the web pages or website. As komodo edit allowed me to create my webpages there were series of techniques that enabled me to this, in particular using the tagging text files i.e. HTML, CSS and meta tagging. By using tagged text files in komodo edit I was able to put various elements in to my webpages theses consisted of forms, images, text, paragraphs and lists. In addition I was able to create the layout of my webpages via using special tagging text called “div classes” and div id” which was used in my webpages which could also be used with the layout and declare the various elements properties on the webpages such as images.

Using these div tags I was able to create a header, navigation bar, content container and footer, also can be used if want to edit properties of various elements such as images to a specific size. In doing this I was able to work one parts of the webpage at a time which made it easier to get through the implementation of the website which was made possible by komodo edit as its one big sheet and can start wherever I wanted to do. Also as this special technique is used, it was also used to edit the properties of the element via CSS for instance in my index webpage I have an image and I used the special technique of a div tag to give the image a class which made a its own unique element and with CSS I was able to edit the width, the height and padding of it to make it smaller. Once finishing all these different areas using this technique I could use komodo edit to put it all together on one page to make it work together. In doing this, komodo edit provided me a logical technique in making my webpages in the sense of one after the other and building up to a complete set of webpage’s.

HTML (Hypertext Mark-Up Language) was used in the komodo edit tool as a technique to create what will be on the actual webpage’s. The types of elements that were on the HTML were text, images, forms, lists and tables. For these elements to work on a HTML they must have special text with it to be classed as elements my the html, for example to class a bunch of text I start of with the special text of ‘<p>’ and end it with ‘</p> by doing this I have told the html that the bunch of text is classes as a paragraph which can be further formatted though the CSS.

CSS (cascading style sheet) was used in the komodo edit tool as a technique to control the formatting of my webpage’s. For example I was able and used special text provided to me by komodo edit when coding the CSS to edit various elements of the webpage. For instance by using CSS coding on a header of my webpage’s I was able to make the header much larger then it was originally by using special text such as ‘font-size’ to enlarge the size of the text and also use the special text of ‘font-family’ to make the text of the hear in a particular style which was Veranda. My HTML was linked to my CSS via a meta tag which ensured my webpage would be formatted by the CSS so when preview I could see what my website will look like with my CSS I created formatting it. My CSS code was written in a separate file, this was due to it making formatting much easier as all of it is done in one location making it simpler to portray a house style though out my webpage’s I have created. When making the site in komodo edit I sometimes needed to alter it for instance a change in the sizing of an image or positioning of it, a change would need to b made in the CSS rather than several changes to the HTML which would be hard to locate. 

Paint.Net

Paint.Net is an image creator and editor tool which allowed me to create various image from scratch for my web pages and edit certain images to incorporate into my webpages. In my webpages images were created to make specific buttons for certain areas of each of the webpages I was creating. For instance in the Paint.Net tool I made buttons for the product page specifically I made a ‘Add to Basket’ button for the page, in another page such as the shopping cart page one button I created was a ‘Delete’ button which was used to allow users to get rid of a product if they didn’t want it. Also I had an image of a backscratcher which I got off the internet and I imported it into Paint.Net and edit it to my preferences.  Being able to use this software tool I was able to create images and edit images successfully, also this software tools provided me special techniques that I could use and follow to make and edit images successful and to my liking for the webpage’s.