In class we were given a HTML lecture and then told to go play around in Brackets with the website templates from Stream. Here's what we created:
Process:
 |
| Changing the text and image to relate to us/our project. |
 |
| We changed the background, but we didn't like how it tiled the image and also how the colour red was behind it. |
 |
| We made the background colour grey, stopped the image repeating and centred the image on the page. |
 |
| We stretched the text container so it was balanced on the page. |
 |
| Removed the image as it was distracting. |
 |
| Playing around with the size/placement of the container. |
 |
| Adding a sub-heading. |
 |
| Changing the text that links you back to the first page. |
 |
| Adding more text to the home page as we expanded the website (added a third page). |
 |
| On our third page we added an external link to our blog. |
 |
| Adding links to connect all of the pages so that the website is easy to navigate. |
 |
| We decided to change the background image to something that worked for all of the website's pages. |
 |
| We put the image we had previously had in the background onto the home page of the website. |
Final Pages and HTML + CSS code:
No comments:
Post a Comment