My Gallery Page:
https://ricci-liu.github.io/CCLab/Gallery/
- How can orderly file name conventions (HTML files, CSS files, images, etc.) prevent errors when building a website?
More order file collections could make people quickly discover the problem when an error happens. Besides, it’s more apparent when writing the image path.
- When would you want to use classes, when IDs?
I would use class when several elements are in similar formats to modify the CSS style only once in the CSS file.
When I want only one element to be changed, I will use ID, since the ID can only appear once.
- Which limitations did you run into in the styling of your page?
Because of the CSS box model, I can only display the page in box models. Because of the limitation of CSS style knowledge, I couldn’t find out a pleasant way to place the boxes.
- How does editing and styling a text in (WYSIWYG) text editor, such as Microsoft Word, compare to writing HTML? What are the advantages of each over the other?
Writing code in a text editor could make programmers clearly see what they wrote on their screens. The immediacy makes somehow increases the efficiency of editing.
Writing in HTML could make the data structure clear, and by putting them into the same div or classes, it is efficient to organize the elements in the same appearance. It makes the code more organized.
- Explain how different web technologies come together on your webpage. How is writing HTML or CSS different from writing p5.js (JavaScript)?
HTML and CSS are two different kinds of code with different formats. Their code structures are pretty different.
HTML is using <element type + name>to organize different elements. Meanwhile, CSS is somehow similar to JS, since they both use {} to indicate different kinds of elements.
By organizing the elements in two separate files, the code structures are more organized and clear. Since HTML is only for content, and CSS is for style.
The difference between JS and HTML:
JS is for the interacting process, and HTML is only for the content.