This unit focused on coding rather then the aesthetic aspect of the website. I completed the code academy course as a basis for coding the website, after this I still was constantly googling for how to code different things. For example the interactive contact form, now I've completed my website I feel as though I have basic knowledge of HTML and CSS; I think I can confidently code a website now. Because of my lack of skill in coding it was heavily limiting in what I could do visually. As I started out on paper sketching out potential designs I soon found out it wasn't possible for me to complete this with my knowledge of HTML and CSS. So knowing this I decided on a much simpler design.
Going for the simpler design although may not visually be the best it keeps the site easy to use, read and navigate. Also the simplicity helped with making it successfully scale down to mobile resolutions so all platforms can view it without difficulty.
With all this in mind I then progressed on to make the site, using a lot of bad code which caused problems I had to scrap what I had done and restart. I found a basic template which utilised a scaling navbar as I couldn't make this myself efficiently, I then edited this to suite the target audience and make each page individual and suited towards it's purpose.
One problem I had was the navbar looked like It was on homepage all the time no matter which page it was on, this was caused by me duplicating the home page and then remaking it for each new page rather then a new page linked to a master page which I'll do in future to save myself from the potential problems I cam across. To fix the issue I had I had to manually edit the code of the navbar for each page to correctly highlight which page it should be on.
Overall I found it difficult to create and code my own website and had to resort to using tools like W3schools to help me with a large portion of the code, although now I know how to code a basic website including a scaling navbar, which is key to modern sites needing to be viewable from multiple devices.
No comments:
Post a Comment