For this project, we were asked to create a web page using HTML and CSS, over the last few weeks we have been using and practising on these web tools. The website that we will be creating will be based on “Street of Crocodiles”, a short text that will be implemented into our website. Before I start creating my website it is important to plan out some ideas, I need to think of what colour, images, typefaces and layout I’ll be using.

Initial Markup

The first step was to create a Ghithub repository which is where our website will be saved and stored to share. I then copied the text we were given, into a text document on Visual Studio Code. This will be the text that is shown on the website. Below is what it first looked like without any implementation.

Untitled

Untitled

Untitled

Untitled

To begin with, I created a GitHub repository and brought the copy of text we were given in class into a text document to start to mark it up.

Screenshot 2023-11-24 152405.png

Typeface

Untitled

Untitled

Layout

I created a vision for my website on Figma, I decided to go with a simple layout, however this may not be accurate to what final website will look like. My first version of my website looked like this. The images I choose where from the internet, however because of this when resizing the image to fit my website, the images became blurry and the quality became deteriorated.

Untitled

Untitled

HTML

For this project we were asked to create the website on HTML with the use of CSS, from what we were taught in class when designing the Women in Design website, I knew the first steps of setting up the website and linking it to CSS.

The knowledge we learnt from Women in Design will be extremely helpful when creating our own. To set my files and link my documents to the HTML and CSS I used the coding that was previously used before. Now changes that I make in HTML/CSS will be visible.

Screenshot 2023-11-20 140048.png