Chapter 1 - Getting Started in Web Design Flashcards
Information Architect/Information Designer
organizes the content logically and for ease of findability
Content Strategist
makes sure that every bit of text on a site supports the brand identity and marketing goals of the organization
User Experience (UX) design
takes a holistic view of the design process - ensuring the entire experience with the site is favorable
Interaction Design (IxD)
to make the site as easy, efficient, and delightful to use as possible
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
User-Centered Design (UCD)
the approach of designing around the user’s needs
user research and testing reports
one deliverable that designers produce
wireframe diagrams
shows the structure of a web page using only outlines for each content type and widget
site diagram
indicates the structure of the site as a whole and how individual pages relate to one another
storyboards and user flow charts
traces the path through a site or application from the point of view of a typical user
persona
a typical user
graphic designer
creates the look and feel of a site
mockups or sketches
one deliverable presented by graphic designers
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
development or production
a team that handles the creation of the files that make up the site
frontend development
includes HyperText Markup Language (HTML), Cascading Style Sheets (CSS), JavaScript, DOM scripting, AJAX
backend development
includes server software (Apache, Microsoft IIS), web application languages (PHP, Ruby, Python, JSP, ASP.NET), and database software (MySQL, Oracle, SQL Server)
frontend
refers to any aspect of the design process that appears in or relates directly to the browser
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
markup language
a system for identifying and describing the various components of a document such as headings, paragraphs, and lists
structure
a detailed, machine-readable outline
Cascading Style Sheets (CSS)
describe how the content should look
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.