GitHub Link
‣
Week 8
For our homework task, we were given an extract from “The Street Of Crocodiles” by Bruno Schultz and mark it up with the appropriate HTML tags. I wrote a brief step by step summary of how I completed this and used toggle lists to show you my code and progression.
(Press the arrows the see my code and the HTML outputs)
- I was given the following index.txt to mark up.
- I started off by creating an HTML document and naming it crocodiles.html and creating an appropriate file named “crocodiles” to store it for easy access. I then pasted my plain text into my HTML file, ready to be marked up. I started off by adding the <!DOCTYPE html> and the opening and closing HTML tags as they are essential in every HTML document.
- I added the following code into my head tag. This tells the browser what the page is to be called using the <title>, the meta tags are used to define metadata about the document such as <meta charset="utf-8"/> tells us how the text will be transmitted and stored.
- I then began to mark up the body content by adding my body tags as well as using H1 for the main heading, h2 for the author name and the subheadings as well as adding paragraphs (<p>). This will produce basic structure to my webpage.
- After I had introduced the basic structure, I added the header, footer, section and article tags to my HTML. These tags will not make any overall changes to the look of the page but come in handy further on when I add CSS as well as helping pin point certain parts of the mark up language.
- I then created 3 internal links to the 3 subheadings/ chapters of the document. did this by using the <nav> tags and an unordered list element. I created using the internal links using the following: <a href="#luminious-mornings">Luminous Mornings</a> and then adding an ID in the <h2> tag of each subheading: <h2 id="luminous_mornings">Luminous Mornings</h2>
- After I had completed all the initial HTML, I uploaded my work to the GitHub Cloud. I did this by committing it to the gh-pages branch I had created on the GitHub desktop and then pushing it to the website version to make the changes in my repository. I also added the following to my read-me file to log my version 1:
Week 9
I started off this week by creating a mockup of what I wanted my website to look like on Figma:
https://www.figma.com/file/paX5aRmvt2AB52gxfMuSjT/The-Street-of-Crocodiles?node-id=0%3A1&t=HUcEZxS3bATDSrTu-1
I found this edition of ‘The Street Of Crocodiles’ published by penguin and decided to base my colour scheme round it. I used adobe colour to create the colour palette for my website, using a darker turquoise for my text and a lighter one for my blockquotes.
