Chapter 1 - Getting Started in Web Design Flashcards

1
Q

Information Architect/Information Designer

A

organizes the content logically and for ease of findability

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

Content Strategist

A

makes sure that every bit of text on a site supports the brand identity and marketing goals of the organization

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

User Experience (UX) design

A

takes a holistic view of the design process - ensuring the entire experience with the site is favorable

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

Interaction Design (IxD)

A

to make the site as easy, efficient, and delightful to use as possible

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

User Interface (UI) design

A

more narrowly focused on the functional organization of the page as well as the specific tools that users use to navigate content or accomplish tasks

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

User-Centered Design (UCD)

A

the approach of designing around the user’s needs

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

user research and testing reports

A

one deliverable that designers produce

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

wireframe diagrams

A

shows the structure of a web page using only outlines for each content type and widget

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

site diagram

A

indicates the structure of the site as a whole and how individual pages relate to one another

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

storyboards and user flow charts

A

traces the path through a site or application from the point of view of a typical user

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

persona

A

a typical user

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

graphic designer

A

creates the look and feel of a site

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

mockups or sketches

A

one deliverable presented by graphic designers

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

style tiles

A

an option for separating style from screen size - include examples of color schemes, branding elements, UI treatments, text treatment, and mood - once chosen, can be implemented into working prototypes and the final site

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

development or production

A

a team that handles the creation of the files that make up the site

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

frontend development

A

includes HyperText Markup Language (HTML), Cascading Style Sheets (CSS), JavaScript, DOM scripting, AJAX

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

backend development

A

includes server software (Apache, Microsoft IIS), web application languages (PHP, Ruby, Python, JSP, ASP.NET), and database software (MySQL, Oracle, SQL Server)

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

frontend

A

refers to any aspect of the design process that appears in or relates directly to the browser

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

authoring

A

the process of preparing content for delivery on the web or marking up the content with HTML tags that describe its content and function

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

markup language

A

a system for identifying and describing the various components of a document such as headings, paragraphs, and lists

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

structure

A

a detailed, machine-readable outline

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

Cascading Style Sheets (CSS)

A

describe how the content should look

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

HyperText Markup Language (HTML)

A

the authoring language used to create web page documents

24
Q

presentation

A

the way the page looks

25
Q

JavaScript

A

a scripting language that adds interactivity and behaviors to web pages

26
Q

Document Object Model (DOM) scripting

A

the standardized list of web page elements that can be accessed and manipulated using JavaScript

27
Q

Asynchronous JavaScript and XML (AJAX)

A

a technique used to load content in the background, allowing the page to update smoothly without reloading

28
Q

World Wide Web Consortium (W3C)

A

the organization that oversees the development of web technologies such as HTML, CSS, and JavaScript. Founded in 1994 by Tim Berners-Lee at MIT

29
Q

Tim Berners-Lee

A

the inventor of the web

30
Q

backend

A

focuses on the server, including the applications and databases that run on it

31
Q

product manager

A

guides design and development in a way that meets business goals

32
Q

project manager

A

coordinates the designers, developers, and everyone else who is working on the site

33
Q

SEO specialist

A

tweaks the site structure and code in a way that increases the chances it will be highly ranked in search results

34
Q

Search Engine Optimization (SEO)

A

a discipline of tweaking the site structure and code in a way that increases the chances it will be highly ranked in search results

35
Q

multimedia producers

A

add multimedia elements to a site, including sound, video, animation, and even interactive games

36
Q

four skills a web designer needs

A

excellent communication skills, flexibility, critical thinking and good judgement, good attitude

37
Q

five recommended pieces of equipment

A

solid up to date computer, large monitor, second computer for testing, mobile devices for testing, scanner and/or camera

38
Q

Virtual Machine (VM)

A

a product that allows you to toggle between Mac and Windows

39
Q

seven code editors for web production

A

Sublime Text, Atom, Brackets, CodeKit, Adobe Dreamweaver, Coda, Microsoft Visual Studio

40
Q

four interface design tools

A

Affinity Designer, Adobe XD, Figma, UXPin

41
Q

seven web graphic creation tools

A

Adobe Creative Cloud, GIMP, Corel PaintShop Pro, Corel Draw, Pixelmator, SumoPaint, Pixlr

42
Q

six commonly used browsers

A

Chrome, Firefox, MS Edge, Internet Explorer 9-11, Safari, Opera

43
Q

four FTP programs

A

Filezilla, Cyberduck, WinSCP, Transmit

44
Q

File Transfer Protocol (FTP)

A

a program used to move files across the internet

45
Q

terminal application

A

command-line tool that allows you to type Unix commands for setting file permissions, moving or copying files and directories, or managing the server software

46
Q

two terminal applications

A

Terminal, Cygwin

47
Q

Match these web professionals with the final product they might be responsible for producing: Graphic Designer

A

“Look and feel” deliverables

48
Q

Match these web professionals with the final product they might be responsible for producing: Production department

A

HTML and CSS documents

49
Q

Match these web professionals with the final product they might be responsible for producing: User experience designer

A

Storyboards

50
Q

Match these web professionals with the final product they might be responsible for producing: Backend programmer

A

PHP scripts

51
Q

What does the W3C do?

A

The W3C guides the development of web-related technologies.

52
Q

Match the web technology with its appropriate task: HTML

A

Identifies text as a second-level heading

53
Q

Match the web technology with its appropriate task: CSS

A

Makes all second-level headings blue

54
Q

Match the web technology with its appropriate task: JavaScript

A

Checks a form field for a valid entry

55
Q

Match the web technology with its appropriate task: Ruby

A

Creates a custom server-side web application

56
Q

What is the difference between frontend and backend web development?

A

Frontend development is concerned with aspects of the site that appear in or are related to the browser. Backend development involves the applications and databases required on the server for site functionality.

57
Q

What does an FTP tool do and how do you get one?

A

An FTP tool is used to transfer files between computers over the internet, such as between your local machine and the server. You may use an FTP tool provided by your hosting company, built into a code editor, or as a standalone application.