0% found this document useful (0 votes)
1K views5 pages

Web Design Basics: MCQ and Insights

This document provides a multiple choice quiz about web design concepts and terms. It then asks the reader to provide examples of different online platforms. Finally, it includes a post-test to assess the reader's understanding with questions about web design elements and principles as well as true/false statements. The document aims to teach the reader about key topics in web design and content management through interactive activities and assessments.

Uploaded by

Hazel Florentino
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
1K views5 pages

Web Design Basics: MCQ and Insights

This document provides a multiple choice quiz about web design concepts and terms. It then asks the reader to provide examples of different online platforms. Finally, it includes a post-test to assess the reader's understanding with questions about web design elements and principles as well as true/false statements. The document aims to teach the reader about key topics in web design and content management through interactive activities and assessments.

Uploaded by

Hazel Florentino
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
  • What I Know?
  • What I Have Learned?
  • Assessment: (Post-Test)

What I Know?

Multiple Choice:
Direction: Read and answer the questions below. Write the letter of the correct answer.

1. What does CMS stands for?


A. Content Management System C. Content Management Serial B.
Critic Management System D. Critic Manpower System

2. What is a document which is designed for the World Wide Web?


A. Book C. Web Page
B. Newsletter D. Magazine

3. What is the term use for ready-made website


A. New Web Page C. Template
B. Design D. Builder

4. Which does not belong to group?


A. WordPress C. Facebook
B. Instagram D. Twitter

5. Which does not belong to the group?


A. MS-Word C. Google Chrome
B. FireFox D. Safari

6. What is an online platform that allows you to create your personal account or profile.
A. Social Media Platform C. Blogging Platform
B. Video Sharing Platform D. Content Management System

7. What type of software Microsoft Edge belongs?


A. Spreadsheet C. Database
B. Word Processing D. Browser

8. What element of webd designing provides a feeling of a surface underneath?


A. Text C. Video
B. Background D. Color

9. Which principle of web designing when you avoid large graphics or animations?
A. Portable Design C. Design for Low
Bandwidth
B. Simplicity D. Regular Testing
10. What is an element of web desigining allows users to jump to another site or page
that is related of to your site?
A. Link C. Audio
B. Color D. Background
i
ANSWERS: 8. B
1. A 9. C
2. C 10. A
3. D
4. A
5. A
6. A
7. D

What I Have Learned?

Activity 7: Distinguishing Your Learning.


Answer the following questions based on your learning.
The different types of online platforms for ICT content web development
are Social Media Platforms, Blogging Platforms and Content Management
System or CMS. Give five (5) examples of each type of online platforms.
SOCIAL MEDIA PLATFORMS
 Facebook
 Youtube
 Instagram
 Twitter
 Tumblr

CONTENT MANAGEMENT SYSTEM


 Text
 Wordpress
 Joomla

BLOGGING PLATFORM
 Weebly
 Pinterest
 Blog
 Jux
ii
 Tumblr

Assessment: (Post-Test)

I. Directions: Identify every item below if it belongs to the element or the


principle of a web design. Write E if it belongs to the Element of Web
Design and write P if it belongs to the Principles of Web Design.

1. Portable Design 6. Graphics/


Illustrations
2. Background
7. Color
3. Text
8. Regular testing
4. Design for Low Bandwidth
9. Links
5. Simplicity
10. White space

Answers: 6. E
7. E
1. E 8. P
2. E 9. E
3. E 10. E
4. P
5.

II. Directions: Read the statements below an answer. Write “T” if the
statement is true and write “F” if the statement is false.
1. Weebly is considered as a Pure WYSIWYG platform HTML editor.

2. In designing a website it is better to use large graphics and animations.


3. Website should be regularly upgraded, updated and tested so that
problems will be quickly resolved.
4. Drupal is a free and open-source content management system (CMS)
based on
PHP and MySQL

iii
5. Some web designers use the company logo as reference to the color they
will use in their design.

Answers:
1. T
2. F
3. T
4. F
5. T

iv
v

Common questions

Powered by AI

'Background' as an element of web design serves to provide context and support to the content displayed on a page. It can significantly impact the overall aesthetic by influencing the mood, reinforcing branding, and enhancing comprehensibility. A well-chosen background can unify design elements and help in directing user focus toward key content areas. However, if used improperly, it can be distracting or make text unreadable, thus negatively affecting user experience .

Elements like 'Links' play a crucial role in enhancing website navigation by providing pathways for users to jump between related pages or sites, facilitating easy and intuitive access to additional content. Links help in structuring websites, guiding users through various sections, and connecting related information, thereby improving user experience by making navigation smooth and logical. Proper use of links can increase user engagement, reduce frustration, and keep users on the site longer, positively impacting user retention and interaction .

A Content Management System (CMS) such as WordPress or Joomla is primarily used for creating, managing, and publishing digital content on websites. It offers users tools to edit, collaborate, and publish content, focusing on content creation and management. In contrast, a Social Media Platform (e.g., Facebook or Instagram) is designed to connect individuals by allowing them to share personal content, interact, and communicate within a network. The primary focus is on social interactions and user-generated content rather than managing web content .

'White Space' in web design is crucial as it improves readability, reduces clutter, and helps in the organization of elements on a page. By providing breathing room around text and images, white space enhances focus on key content and makes comprehensive information easier. A strategically planned use of white space can lead to a cleaner, more sophisticated design aesthetic and improve user experience by reducing cognitive load .

Using company logos as a reference for color selection in web design is significant because it maintains brand consistency and reinforces brand identity across platforms. The consistent use of brand colors, which are often derived from the company's logo, helps in creating a recognizable and cohesive visual identity. This strategic alignment between the website's color scheme and the logo not only supports branding efforts but also enhances user recognition and trust .

Templates assist in the web development process by providing ready-made designs and structure, allowing beginners to create professional-looking websites without advanced coding skills. They offer a framework of layout options that can be easily customized with plug-and-play content, saving time and simplifying the design process. Templates reduce the complexity of structure design, enabling new developers to focus on content and functionality rather than crafting the aesthetic and structural components from scratch .

If a website does not adhere to the 'Design for Low Bandwidth' principle, global users with slower internet connections may face several challenges, including prolonged loading times, incomplete rendering of pages, and disrupted access to content. These issues can lead to increased bounce rates, decreased user satisfaction, and potentially lost business opportunities as users may abandon the site in favor of quicker-loading alternatives. Failing to design for low bandwidth can undermine accessibility and usability, restricting audience reach and engagement .

The principle of 'Design for Low Bandwidth' in web design ensures that websites are accessible and usable for users with slower internet connections. By optimizing images, using efficient coding techniques, and reducing the overall page size, designers can create websites that load quickly, minimizing the barriers to access. This approach not only improves loading times but also enhances the user experience by preventing frustration from lengthy wait times, thereby potentially increasing user engagement and satisfaction .

'Regular Testing' is categorized under web design principles because it ensures the website remains functional, up-to-date, and free of errors. This ongoing evaluation process includes checking for broken links, ensuring compatibility across different browsers and devices, and updating content and software. Regular testing benefits users by providing a smoother experience, reducing downtime, and preventing issues before they affect usability. Consistency in site performance leads to increased trust and satisfaction from users .

Microsoft Edge is classified as a browser software. Its role in web navigation involves enabling users to access, retrieve, and view information on the World Wide Web. Browsers interpret and display HTML code from web servers, providing users with a graphical interface to interact with web content, bookmark pages, manage websites, and provide internet security features .

What I Know?
 
 
Multiple Choice:  
Direction: Read and answer the questions below. Write the letter of the correct answer.
ANSWERS:
1.
A
2.
C
3.
D
4.
A
5.
A
6.
A
7.
D
8.
B
9.
C
10. A
 
 
What I Have Learned?
 
Activity 7: Distinguishing Your Le

Tumblr 
  
Assessment: (Post-Test) 
 
I.
Directions: Identify every item below if it belongs to the elemen
5. Some web designers use the company logo as reference to the color they
will use in their design.
Answers:
1.
T
2.
F
3.
T
4
v

You might also like