Monday, 11 June 2012

tools used

In this project, we had to produce a website in a group. To make this website, we used a number of tools that were available to us. During this project, we created our website using Komodo Edit. By using komodo edit, we are allowed to use html and CSS. We used this to design our websites. i hadn’t done much CSS before so i was new to it. However i have done a bit of HTML.
Komodo edit is simply a webpage code editor tool which enables a user to produce their own HTML coding in order to create a web page. Komodo edit also allows the user to create their own CSS code in order to make a website.
 I thought that komodo edit was a very good tool, once you knew your way around the easy parts of it, it became easy to use. it was useful in a way that the coding appeared when you didn’t know what code to use. this was very handy as it made it much easier for the user. Also, komodo edit allowed me to interact with other members of my group, this was key because our pages had to link together. While using komodo edit i was able to open a template of HTML, i chose HTML 5 as this was for me, the best one to use. To help create my website, I also used CSS coding and Meta tagging. these tools helped me a lot in creating my website because it meant I could use such things as 'div tags' and 'id tags'. This is so that i could make my layout unique and professional. By using these tags it almost allows you to group elements together, such as a part in the body, so when you go to change the CSS of this, you can change everything listed under the certain tag you have used. Komodo edit was the main tool that I used throughout the completion of my website. on this version of komodo edit, the software would give you options of how the code you are attempting to write will end. It will help you a lot in that aspect. Komodo edit proved really good and easy to use because we was working in groups, it occurred to us there may be a problem in transferring each other’s coding and putting it on one document so that we are able to link the pages together to access everyone’s pages that they have contributed to. We were also able to open the code in software and make minor changes, so that the website would function better, this is why komodo edit was so useful as it was very flexible. Thankfully for this, we didn’t have to worry whether the computers we were working on had komodo edit on the machines, or if we had to take our USB’s around with us, as we would be able to work on Notepad and it would allow us to make changes to our coding.

Another tool which was very useful for me to complete my website was CSS. CSS stands for  stands for Cascading Style Sheets.CSS is a type of language that is used in komodo edit that users can use to organise their web page that they are creating. CSS is basically the design part of website development, whereas you have HTML where it’s the coding or the things that make the website work, which I will talk about, you have the CSS which allows the user to create the web page and make it viewable and to make  it look how they would like it to. This covers colours, font sizes, fonts, and many more. CSS was a huge part in completing my project, it allowed me to look at how I wanted it to look, however sometimes I would get stuck on the coding and didn’t know what type of code to use, luckily komodo edit gave me options of what I wanted to do. For example at one point I wanted to change something in my navigation bar, but wasn’t sure of what the code would be, so I typed in font, and it gave me a list of what I could do, I could do font-family, font-colour, font size and many more. This was so helpful because it help make my website look how it does now. Using CSS also helped me achieve the similarity of my wireframes, I could check how my CSS was looking and see if im heading in the right direction at any point. My group and I all decided on what tags we would use as it would prove vital in merging the websites together. The tags are what the CSS needs to work, once we have the tags, we can enter what we would like the CSS to look like under these tags.

HTML is a type of language that is used in komodo edit to help the design and creation of a website. was also a big part in my completion of the website, after all, this is the backbone of the website and whatever I done on the HTML, would affect the final outcome. So I had to be careful and make sure I didn’t make any mistakes. Thankfully the HTML coding helped me as it would tell me if I had made a mistake. HTML stands for Hyper Text Markup Language. I linked my HTML file to my CSS coding by using the following code: <link rel="stylesheet" href="NAMEOFFILE.css">. By doing this, it allows me to make changes on my HTML, then it will affect my CSS file so I can see if I have made a mistake or to rethink and go back to my wireframe to see what I wanted to do. The ID tags I used in the HTML I would have to make sure I used in my CSS, for example my navigation bar tag would be #navigation, then I would use this tag in CSS so it allows me to change how the website will look. I could only make changes to sizes of boxes using HTML, not CSS, this is because HTML is what the website is, then the CSS is the part that brings the site to life if you like. For example the HTML determines what size a box would be, then the CSS determines the colour of the box.








 

testing

The past couple of days we have been testing our website.

We have been testing each other’s CSS files that our linked with our thirteen web pages. We came across a problem almost immediately. The problem was that our links were broke as we didn’t do them beforehand. The problem was made even worse when we found out that our CSS pages wasn’t compatible so all our pages looked untidy. However we found out it didn’t have to look good, it just had to work.

The next test was based on the links working correctly. As we altered these problems in our first testing, our links were now working fine. After this we changed our CSS for our websites so that it worked fine.

The next problem was with Ibrahim’s CSS, he didn’t create all the links correctly, so we quickly sorted out the problem and managed to overcome this. We will test to see if our webpages work together and check if our pages are all okay to be presented.