Friday, January 26, 2024

Evidence of Editing (coding and work progression)

This is the result of my coding for the first part of my website, I have tested different options for page navigation and I chose this because it was most practical and close to what I had wanted the layout to look like.



This is the first section of coding that I did, this is where the title has been put in along with the home button which redirects a user to this page if they are on another page but wanting to return. Using <h1> makes the text in-between the header of the page so it's automatically made the text bigger and bolder than the rest. I have also split the sections by adding <head> then ending it with </head> same with <body> and </body>.


 
As for the second part of my coding, I have used the website https://www.w3schools.com/howto/howto_make_a_website.asp to find a navigation bar that can be used
to go from one page to another. Luckily, the website includes a search bar so I was able to include that in the bar so users can navigate my website easier. The website shows me how to change the font of text along with making the individual boxes. My colour theme will stay as greys and blacks because all the colours from the genre icons will allow the page to be brighter so I have left any bright colours out so far for this reason.

 


For the last part of my coding for this section, I have placed the text that can be seen at the bottom of the website (description) at the bottom as the coding should be in order. You can see here that the coding for the navigation bar can also be found here, this is the <a href="genre">Genre</a> and <a href="profile">Profile</a>. With this, a user can click onto the sections and find what they are looking for.





Overall, I need to make the sections work, so for the navigation bar I need to ensure that when you try to click onto another page it actually works as intended and takes users to another page. Another thing I need to make work the search bar so that users can search for a genre and be able to find it on my website. I would also like to add my contents page soon in my next part of coding as this would be the page which is easiest due to it being in table form which the website can help me with. I would also like to turn the 'home' text into an icon because that would fit conventions of a website and be much easier to find if it was a simple home icon. This also would make the page look less messy and unorganized which just makes it look professional which is something I'm aiming for.

For the next part of the coding, i have found a base for a table and this where i will write the most popular genre of books. I did this with the help of the website HTML Images (w3schools.com). Underneath each section of the table i have added <img src=> and imported the link to an image so they appear in the boxes above the text. 


at

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)

Test Plan