Sketch Gallery Page
Demo/Visual Documentation:
Brief Description and Concept: For this week’s exercise, we had to create a webpage with Visual Studio Code consisting of HTML, CSS, and a p5 canvas. We could freely design the webpage, but the only condition was that it needed one of the previous p5 works.
Coding:
Reflection/Lessons Questions
- How can orderly file name convention (html files, css files, images, etc.) prevent errors when building a website?
- When would you want to use classes, when IDs?
- Which limitations did you run into in the styling of your page?
- How does editing and styling a text in (WYSIWYG) text editor, such as Microsoft Word, compare to writing HTML? What are advantages of each over the other?
- Explain how different web technologies come together in your webpage. How is writing HTML or CSS different from writing p5.js (JavaScript)?
Reflection/Lessons Questions Answer:
When working with Visual Studio Code, file name conventions were an essential tool. It helped the programmer organize the files and script. Coding requires the programmer to take meticulous care of every single word. Just the misspelling of one work could cause a fatal error when building a website. Personally, I not only used the file name conventions to organize the coding but also used classes and IDs. Categorizing everything into groups can help identify the location of an error when it appears. The only issue I encountered was when I tried inserting a gif. The file size was too big for GitHub to upload. Visual Studio Code works with HTML, which has the advantage of designing a webpage according to the user’s wish. HTML is more flexible than Microsoft Word.