Journal
This page contains a journal summarising my work in making this website
and game.
1. Creating the website
- I created a new project from glitch’s starter template.
- I removed unnecessary files.
2. Outlining my HTML documents
-
I coded the basics of my HTML code without any complicated additions.
e.g. my nav menu was a simple ul of links.
- I very roughly completed the written paragraphs.
3. Outlining my CSS
-
I coded the start of the CSS file, covering things like font size and
colour, but nothing more complicated than that.
- I set up the font from Google Fonts using their API guide.
4. Embedding the code, editor and simulator from Make Code Arcade
-
I added these elements to the respective page, copying the code given to
me by Make Code’s embed tool.
5. Further developing my HTML and CSS
-
I finished off my HTML code by proofreading the written sections and
checking it displayed correctly in the simulator.
-
I added the final details to the CSS code, such as the more complicated
elements to the nav menu (these were sourced and modified from the
Nanonauts website). I then checked the simulator again to ensure the CSS
was correctly displayed.
6. Adding comments
-
I added a comment to each piece of HTML and CSS code to explain what it
did.
-
In the event of code being identical between HTML pages, I explained the
code on the index.html page.
7. Adding my journal
-
The last thing I did was add my completed journal to the website. I did
so by copying, pasting and formatting the text.