Browser Testing:

Safari:

Chrome:

Comments

Top 5 comments left on blogs:

Project Management 5

Final Submission and reflection

What did I learn as a result of this assignment/project?

The main thing I learned during this project was how HTML and CSS codes works, and how to use it. As an absolute beginner it was interesting to see how it works and realise how much work goes into a website that the user doesn’t see. I also learned a lot about time management and balancing assignments towards the end of the semester, especially ones that take a lot of time, such as this one.

 

What key difficult technical obstacles did you encounter and how did you overcome them?

My main obstacle was getting the hang of HTML and CSS, with all the rules and shortvits (e.g. closing <divs> and <p> for paragraphs, etc. I also struggled a lot with the spacing of my site, and getting it to look like how I planned in brief 1. The nav bar also took a lot of work, with changing the colour of the links when you hover over them and spacing it out. It was also difficult to understand a lot of the tutorials online, as my minimal knowledge of HTML and CSS meant I didn’t understand a lot of the language and key words they use. Another major obstacle I encountered was when my laptop was stolen, including all of my progress and notes on HTML. This set me back a lot and meant I had to start from scratch and gather a whole lot of information on HTML from online and others, as well as meaning I was pressed for time.

 

What would you do differently if you had another opportunity to complete this assignment?

If I had another opportunity to do this assignment I would focus more on my layout and content on my website, as mine is a bit plain with empty spaces and the information is minimal. However as a result of the lack of time I had, I didn’t have time to add more information in through HTML and CSS.

Project Management 4

This week I’m focusing on CSS and making my site look presentable, as I think I’ve got the basic HTML structure. My main challenge has been making everything fit together neatly, for example my What’s On page:

I wanted each of the 4 black boxes to be the same height, however I discovered the text was affecting this, as there’s a different amount of text in each box.

I think that I am finally getting the hang of the basics in HTML and CSS, which has sped things up a little bit, yet I am still struggling with making my pages look how I wanted them to in my Brief 1 designs.

WIP Project Management 2

As an absolute beginner to HTML, beginning the build of this website has proven very difficult. Over the past week I have put some time into watching tutorials and have now completed my homepage for my website, as well as navigation for the other pages. It’s also proven to be extremely hard to fix a mistake made in HTML when you can’t find the mistake in the first place.

I have also decided to change some aspects of my site, due to web responsiveness and usability.

In Brief 1, I originally designed 5 pages, but in experiencing how long it has taken so far to create one page, I feel it would be a better use of time to focus more on 4 pages, so I will get rid of the contact page.

Also, the font I used in my Brief 1 mock ups is not supported for web use, so I will have to decide on a similar font.

 

WIP Project Management 1

Usability testing:

By doing usability testing I’ve found that the navigation of my website is pretty explanatory and easy to use, however I am planning to make a few changes. I will keep the Navigation bar present throughout the whole website, as the home page doesn’t currently have it. I will also make links more obvious, perhaps by making them proper buttons.

I have discovered that usability testing is an accurate way to gain an understanding of how outside users will be using my website, as I am so familiar with it. It points out things that may confuse or be overlooked by users and helps to fix any errors that I have made during the planning stages.