Brainscape's Knowledge GenomeTM


Top Flashcards (Certified)
All Flashcards

prelim - mang tani elec > Lesson 1 > Flashcards

Lesson 1 Flashcards

1
Q

is the process of creating the
visual and functional aspects of websites. It
involves planning, conceptualizing, and
arranging content intended for the internet.

A

Web design

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

goes beyond aesthetics
to include the website’s overall functionality.

A

Modern web design

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Key Components of Web Design

A

Layout
Color Scheme
Typography
Images and Graphics
Navigation

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

The arrangement of elements on a webpage, including headers, footers, navigation menus, and content
areas.

A

Layout

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

The selection of colors used throughout the
website to create a cohesive and visually appealing look

A

Color Scheme

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

The choice of fonts and text styles to ensure readability and enhance the website’s aesthetic.

A

Typography

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

The use of photos, illustrations,
icons, and other visual elements to support content and
engage users.

A

Images and Graphics

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

The system that allows users to move through the website, including menus, links, and buttons.

A

Navigation:

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

Principles of Good Web Design

A

Simplicity
Consistency
Responsiveness
Accessibility
User-Centered Design

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Keep the design clean and uncluttered to make it
easy for users to navigate and find information.

A

Simplicity

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Use consistent design elements, such as
colors, fonts, and layouts, to create a cohesive experience.

A

Consistency:

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Ensure the website looks and functions
well on various devices, including desktops, tablets, and
smartphones.

A

Responsiveness

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Design the website to be usable by people
with disabilities, following guidelines such as the Web Content
Accessibility Guidelines (WCAG).

A

Accessibility:

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Focus on the needs and preferences
of the target audience to create a user-friendly experience.

A

User-Centered Design:

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Example of a Bad Web Design

A

Bad Navigation
Outdated
Bad Fonts/Typography
Cluttered
No Mobile Responsiveness
Bad Color Scheme
No White Space
Confusing
Bad Visuals

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

The standard language
for creating web pages.

A

HTML (HyperText Markup Language):

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

Used to style and layout web
pages.

A

CSS (Cascading Style Sheets):

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

A programming language that adds interactivity
to websites.

A

JavaScript

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

Tools like Adobe XD, Figma, and
Sketch for designing and prototyping websites.

A

Web Design Software

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

Platforms like
WordPress, Joomla, and Drupal for building and managing
websites.

A

Content Management Systems (CMS)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

Steps to Design a Website

A

Define the Purpose and Goals:
Research and Plan
Design
Develop
Test
Launch
Maintain

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
22
Q

Understand the website’s
objectives and target audience.

A

Define the Purpose and Goals

23
Q

Conduct research on competitors and gather
inspiration. Create a sitemap and wireframes.

A

Research and Plan

24
Q

Develop the visual elements, including layout, color scheme,
typography, and graphics.

25
Write the HTML, CSS, and JavaScript code to build the website.
Develop
26
Check the website for functionality, usability, and compatibility across different devices and browsers.
Test:
27
Publish the website and promote it to the target audience
Launch:
28
Regularly update the content and fix any issues that arise
Maintain
29
is the standard language for creating webpages. It is used to structure content on the web and to add elements like text, images, links, and more.
HTML (HyperText Markup Language)
30
HTML is not a programming language but a markup language that defines the structure of web pages. (True or False)
True
31
Websites are built using HTML, CSS, and JavaScript, where HTML provides the content and structure. (True or False)
True
32
True or False (Basahin lang yan) HTML allows us to display content on a web browser, making it essential for any website. It is the foundation of every webpage you visit.
True
33
Every HTML document starts and ends with the tag, and it contains several key parts:
Page Title

Welcome to My Website

This is a simple paragraph.

34
Declares the document type and version of HTML being used (HTML5).
35
This is the root element that wraps the entire HTML content.
36
Contains metadata (e.g., title, character encoding) and is not directly visible on the page.
37
Specifies the character encoding to support different languages and characters.
38
The title of the webpage shown on the browser tab.
Page Title
39
This contains the content of the webpage that will be visible to users.
40
Header tags

to

41
is the largest heading

42
is the smallest heading
43
Paragraph tag for text

44
Bold text.
45
Italic text
46
Underlined text
47
Used to create hyperlinks.
Link text
48
Embeds an image into the webpage.
Description
49
purpose of alt
provides alternative text for images when they can't be displayed
50
Unordered List example
  • Item 1
  • Item 2
51
Ordered List example
  1. First item
  2. Second item
52
Used to create tables.
, ,
,
53
Tables examples
Name Age
John 25
OUPUT Name Age (naka bold since TH) John 25 (Not Bold)

prelim - mang tani elec (1 decks)

Brainscape helps you reach your goals faster, through stronger study habits.
© 2025 Bold Learning Solutions. Terms and Conditions