U59 Web Ass 3

Testing HTML Website

The first thing I did in order to view any faults in my website was to view the site report through

clicking the red cross in the bottom right hand of the screen. On my first web page the error that came up was in relation to BODY tags however after searching through my document for any unclosed tags as well as other "</BODY>" sections it became apparent that there was no visible cause or way to fix it. The webpage still ran the way I intended and the structure wasn't altered by the fault at all.

The second webpage initially started off with simple problems that could easily be fixed. The tag pairing was fixed instantly and the alt tag was fixed by including Alt="" in the description of the images however after fixing those problems another selection of problems popped up in their place. After fixing the alt problem on one particular image another problem arose regarding

the < > tags. I couldn't understand where the fault was in the html coding as it was the same as all of the previous images it also didn't cause any faults with the layout or appearance of the image. When the webpage was launched nothing appeared to be out of place at all and all the necessary content worked perfectly. I had a total of 18 links throughout my webpages, some interlocking the webpages and others leading to outside websites (such as TicketMaster and YouTube) that all worked and loaded quickly I also included an embedded video from Vimeo which played perfectly in multiple browsers.

The only difference I noticed while using different browsers was that the texts boldness would often change which I didn't believe was a dire fault and still kept within the aesthetic of the website regardless of the thickness. When on a smaller device screen the banner for the website doesn't appear in the centre which can be fixed by
adjusting the width to 100%.

REVIEW/EVALUATION 

The final product that I created shared only a few similar sections to my original designs as a majority was changed as my HTML skills progressed. My original intention to create a minimalist website that only took up one page automatically changed when starting to create content for it. The idea of fitting all of the necessary information on just a single page simply couldn't be done as the extensive list of performers and numerous maps were too much. Interlocking three separate pages that contained all vital information seemed like the more appropriate approach. I was originally going to opt for three different coloured pages but came to the conclusion that the colour scheme would be two overwhelming so decided to stick with the main theme of pink and blue.


My time management with this project could've been improved as I continuously went back to make changes to the appearance of my website when other features could've been altered in their place to make the website run more fluidly. For example I wish I had created a more fluid dropdown menu that related to the minimalistic aesthetic I had originally gone for for my webpage rather than the block square MENU icon I settled for. During the creative process i struggled to perfect the drop down menu throughout all of my designing as none seemed to reflect the idea I originally had.

I also created my own fixed navigation bar at the top of my website in order to aide in an enhanced experience for the user as it provides an easier way to navigate through the website. Creating the fixed navigation was an easy one to include however added to the over all theme of the webpage perfectly and managed to act as a tie in for all of the features.