Mini Project 8 Sketch Gallery Page

Link to Github Page:

https://github.com/tc0610/cclab/tree/main/11r-sketch-gallery-page

Link to WebPage:

https://tc0610.github.io/cclab/11r-sketch-gallery-page/

Description:

For this project I created a gallery page for my midterm project. The webpage describes the function and insights behind why the midterm project was created. 

Final Result:

Coding:

I did not have any trouble with creating a javascript file and placing that into a div nor was the html file difficult to manage either. However, the css file was quite challenging as I had to trial and error with the position of the boxes in order to get the result I wanted. Below is the code for my css file:

Reflections:

Orderly file names allow us to find and utilize specific files that we need without having to look through every file to double check that it is the correct one. We use classes when there are several divs that would share the same features. We use IDs when specific divs has their own unique feature that we want to distinguish from. I initially planned to put multiple javascript files on the website but I found that I could only place one, or the website would only show one even when I upload multiple ones. Styling text in text editors are much easier as the text editors usually have all the font families loaded and ready to be used. In addition, it is a lot easier to place words at specific locations compared to writing HTML. However, the placement of texts in HTML are more flexible in terms of where the text can be placed on the page. On my page I upload the js file in order to have my midterm project accessible and the HTML was used to upload all the images, js files, and content I wanted to put on the page. Lastly, I ordered and organized the contents with the CSS file. Writing HTML or CSS is different in terms of syntax.