1st Semester
Who is credited with inventing the World Wide Web?
Who is Tim Berners-Lee?
Which CSS property changes the background color of an element?
What is background-color?
What is the first step in the design process?
What is brainstorming and defining the problem?
What is Figma used for?
What is designing and prototyping websites and applications?
Which keyboard shortcut saves a file?
What is Ctrl + S?
In what year was the first website published?
What is 1991?
What CSS property is used to make an element into a flexbox?
What is display: flex?
What does a user flow diagram show?
What is the path a user takes through a website or app?
What tool in Figma allows you to create basic wireframe shapes?
What is the Rectangle tool?
What CSS unit adjusts relative to the viewport width?
What is vw?
What shortcut reopens the last closed browser tab?
What is Ctrl + Shift + T?
What does justify-content: space-between; do in a flexbox container?
What is spaces items out, placing the first at the start and the last at the end?
What is the purpose of a wireframe in web design?
What is to plan the layout and structure of a website before adding visuals?
What feature allows multiple people to work on the same Figma file in real time?
What is Figma’s collaboration feature?
Which HTML element is used for flexible sections that group content?
What is <div>?
What is the code that selects the HTML element with the ID 'button'?
What is document.getElementById('button');
Write the CSS code to make an image have rounded corners with a 10px radius.
img { border-radius: 10px; }
What is the difference between a low-fidelity and high-fidelity wireframe?
What is low-fidelity is a rough sketch, while high-fidelity is a detailed digital version?
What is the difference between a Frame and a Group in Figma?
What is a Frame acts as a structured container, while a Group simply groups objects together?
What is the purpose of a footer in web design?
What is to display information like copyright, contacts, or links?
What is the difference between inline and block elements in HTML?
What is inline elements do not break to a new line, while block elements take up the full width?
What is the primary advantage of using a flexbox layout?
What is it makes responsive layouts easier by dynamically adjusting element positioning?
List three important things to consider when designing a website for usability.
What are accessibility, navigation, and responsive design?
What tool do you use to create your own vector graphic in Figma, and what attributes can you change?
What is the pen tool, and you can modify points, and add curves to the lines, as well as fill areas.
What is the difference between inline and block elements in HTML?
What is inline elements do not break to a new line, while block elements take up the full width?