The index.html in the root directory is called the homepage.
On other servers like Microsoft's .Net platform, for the homepage they use default.html
In my Network tab, I see that my index has a status of 304 and my main.css and main.js
have a status of 404 and ws has a status of 101. The web server shows a1-menneke/ has a status of 200,
main.css and main.js have a status of 404 and favicon.ico has a status of 200.
The reason behind this is that main.css and main.js cannot be found.
Favicon.ico 200 status means that the request succeeded.
https://web.engr.oregonstate.edu/~menneke/a1-menneke/ https is the scheme,
web and engr are the subdomains, oregonstate.edu is the host,
menneke is the path.
Frontend Design
Frontend design is the part that users see, making it easy to view and navigate
is important. Usability is very important.
The 5 "E"s of Usability are:
Effective
at helping users meet their goals.
Efficient
so users can perform tasks with the least number of steps.
Easy to navigate
especially for users that have never used it before.
Error-free
to avoid accessibility and availability issues. Achieve this by learning
how the users' experience common errors.
Enjoyable or Engaging
It fits the needs of the intended audience in content and design.
Page layout tags are used to break up the flow of the content and make it easier to read.
They are used to section off content.
We use the link tag to link to external stylesheet, fonts, and icons. It specifies the
relationship between a document and an external resource.
The script tag is used to add JavaScript to a document.
iframe is used for videos.
The img tag is used for images.
The nav tag is used to link from one content page to another.
href is used to specify the URL of the external resource.
The 6 major specifications of images for web
Descriptive file name - Use file name that are descriptive enough
to make it easier to search for it.
Small file size - Reduced file size will increase the speed of load times.
Exact dimensions - Making the images to fit the space in your web page will make loading faster.
Correct file format -
Reduced resolution - Multiple image sizes are becoming standard since there is a large variety of monitors now.
Color mode - RGB is used for all image types except for .GIF, which uses indexed.
Photos and line art file formats
Online photos are usually .JPG. Line art images are usually .GIF and sometimes .PNG.
Favicons
Browsers and devices use favicons to increase the user experience. It is a way for companies to put their logo
at the forefront of customers minds.