DESI211 Week 2 Quiz

In the early 90s, how did we code complex websites?

• Using Tables, text and links

• Without using any code

• We could only use text and links, nothing else

Answer explanation

Text and links made up the main content sections of websites, and we used tables like this one to build layouts that were more complicated such as navigation.

Nowadays, we still use tables to code HTML email templates.

What does “CSS” stand for?

Answer explanation

CSS was released in 1996 by the World Wide Web Consortium (W3C)

Which of these options was NOT a proto-responsive design technique used in the 90s?

• Liquid layouts

• Resolution dependent layouts

• Mobile sub-domains

• Pixel-based measurements

Answer explanation

Pixel based measurements WERE used in the 90s, but they are a component of static design, not responsive design.

When do people mostly use their mobile devices?

• At home for entertainment

• On-the-go

What is this an example of?

Answer explanation

When we code, we create rules for our websites. Media queries allow us to set conditions for those rules.

For example: If want a button to be blue but only on phones, not tablets or computers, I would use a media query to achieve this.

What can media queries find out about a user’s device?

• If they are on Android or Apple

• What their browser width and height is

• What the pixel density of their device is

• What the orientation of their device is

• All of the above

What is a breakpoint?

What is responsive design?

• A web design approach where a website adapts its layout and content to different screen sizes and devices, ensuring optimal user experience.

• A design technique that focuses solely on optimizing websites for desktop computers.

• A design strategy that requires separate website versions for mobile and desktop.

Answer explanation

• Responsive design is a web design approach that ensures a website's layout, images, and content adapt seamlessly to various screen sizes and devices (such as phones, tablets, and desktops) to provide an optimal user experience. Unlike static or separate mobile designs, responsive design uses flexible grids, media queries, and other techniques to make the website fluid and accessible across different platforms.