Chapter 1 - Getting Started in Web Design Flashcards by Bridget Titus

Information Architect/Information Designer

organizes the content logically and for ease of findability

How well did you know this?

Not at all

Perfectly

Content Strategist

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?

Not at all

Perfectly

User Experience (UX) design

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

How well did you know this?

Not at all

Perfectly

Interaction Design (IxD)

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

How well did you know this?

Not at all

Perfectly

User Interface (UI) design

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?

Not at all

Perfectly

User-Centered Design (UCD)

the approach of designing around the user’s needs

How well did you know this?

Not at all

Perfectly

user research and testing reports

one deliverable that designers produce

How well did you know this?

Not at all

Perfectly

wireframe diagrams

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

How well did you know this?

Not at all

Perfectly

site diagram

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

How well did you know this?

Not at all

Perfectly

storyboards and user flow charts

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

How well did you know this?

Not at all

Perfectly

persona

a typical user

How well did you know this?

Not at all

Perfectly

graphic designer

creates the look and feel of a site

How well did you know this?

Not at all

Perfectly

mockups or sketches

one deliverable presented by graphic designers

How well did you know this?

Not at all

Perfectly

style tiles

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?

Not at all

Perfectly

development or production

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

How well did you know this?

Not at all

Perfectly

frontend development

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

How well did you know this?

Not at all

Perfectly

backend development

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?

Not at all

Perfectly

frontend

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

How well did you know this?

Not at all

Perfectly

authoring

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?

Not at all

Perfectly

markup language

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

How well did you know this?

Not at all

Perfectly

structure

a detailed, machine-readable outline

How well did you know this?

Not at all

Perfectly

Cascading Style Sheets (CSS)

describe how the content should look

How well did you know this?

Not at all

Perfectly

HyperText Markup Language (HTML)

the authoring language used to create web page documents

presentation

the way the page looks

JavaScript

a scripting language that adds interactivity and behaviors to web pages

Document Object Model (DOM) scripting

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

Asynchronous JavaScript and XML (AJAX)

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

World Wide Web Consortium (W3C)

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

Tim Berners-Lee

the inventor of the web

backend

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

product manager

guides design and development in a way that meets business goals

project manager

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

SEO specialist

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

Search Engine Optimization (SEO)

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

multimedia producers

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

four skills a web designer needs

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

five recommended pieces of equipment

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

Virtual Machine (VM)

a product that allows you to toggle between Mac and Windows

seven code editors for web production

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

four interface design tools

Affinity Designer, Adobe XD, Figma, UXPin

seven web graphic creation tools

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

six commonly used browsers

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

four FTP programs

Filezilla, Cyberduck, WinSCP, Transmit

File Transfer Protocol (FTP)

a program used to move files across the internet

terminal application

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

two terminal applications

Terminal, Cygwin

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

"Look and feel" deliverables

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

HTML and CSS documents

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

Storyboards

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

PHP scripts

What does the W3C do?

The W3C guides the development of web-related technologies.

Match the web technology with its appropriate task: HTML

Identifies text as a second-level heading

Match the web technology with its appropriate task: CSS

Makes all second-level headings blue

Match the web technology with its appropriate task: JavaScript

Checks a form field for a valid entry

Match the web technology with its appropriate task: Ruby

Creates a custom server-side web application

What is the difference between frontend and backend web development?

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.

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

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.