WEB DESIGN 2 Fall Semester Final Exam Review

Final Exam Review Know which design elements are known as the building blocks of graphics.

Final Exam Review Which of the following design elements are known as the building blocks of graphics? a. Line b. Color c. Shape d. Texture e. All of the Above

Final Exam Review Know the names used to designate various groupings in Color Theory.

Final Exam Review What name is used to define colors that are opposite of one another on the color wheel? a. Primary Colors b. Secondary Colors c. Analogous Colors d. Complementary Colors

Final Exam Review What name is used to define colors that are adjacent to one another on the color wheel? a. Primary Colors b. Secondary Colors c. Analogous Colors d. Complementary Colors

Final Exam Review Know in what ways colors can be used.

Final Exam Review In which of the following ways can colors be used? a. Decorate b. Emphasis c. Show Hierarchy d. Represent or Imitate Reality e. All of the Above

Final Exam Review Know the various stages of the Web Design Life Cycle (in order).

Final Exam Review Using the image of the Web Design Life Cycle, which of the following presents various stages of the Website Project Lifecycle in order (Not all of the stages are presented)? a. b. c. d. Specification, Development & Coding, Content Production, Launch Site & Site Promotion Specification, Content Production, Wireframes & Design, Testing Analysis, Wireframes & Design, Development & Coding, Launch & Site Promotion Analysis, Development & Coding, Content Production, Testing & Site Maintenance

Final Exam Review Using the image of the Web Design Life Cycle, which of the following presents various stages of the Website Project Lifecycle in order? (not all of the stages are presented) a. b. c. d. Specification, Development & Coding, Content Production, Launch Site & Site Promotion Specification, Content Production, Wireframes & Design, Testing Analysis, Wireframes & Design, Development & Coding, Launch & Site Promotion Analysis, Development & Coding, Content Production, Testing & Site Maintenance

Final Exam Review Know the information regarding Balance in Web Design.

Final Exam Review (T/F) - Lines that are horizontal, vertical and diagonal all represent lines of symmetry.

Final Exam Review (T/F) – Radial symmetry is a type of balance when using color, shape and position.

Final Exam Review (T/F) – Balance is a design element where composition or color produces a harmonious effect.

Final Exam Review (T/F) – Balance is the distribution of visual weight in a design.

Final Exam Review (T/F) – Symmetrical balance in web design results in feelings of interest, character, and uniqueness.

Final Exam Review (T/F) – Asymmetrical balance results in feelings of order, cohesion, and professionalism.

Final Exam Review (T/F) – Tints are base colors mixed with white, and shades are base colors mixed with black.

Final Exam Review (T/F) – A consistent design can use a variety of colors, a wide range of fonts, and various icons.

Final Exam Review Know the various definitions of terms used in color theory.

Final Exam Review Know the various definitions of terms used in color theory. Hue is another word for color. Chroma is the intensity or purity of color. Tint is a color mixed with white. Tone is a color mixed with gray. Shade is a color mixed with black.

Final Exam Review Know the various design principles in which elements are used together.

Final Exam Review Know the various design principles in which elements are used together. Emphasis: To express with particular stress or force. Unity: The correct balance of composition or color that produces a harmonious effect. Movement is the use of lines, color, and repetition to create the illusion of motion. Balance is the act of comparing or estimating two things and contrast of space and colors

Final Exam Review Know which design principle focuses on what is not there. Its effective implementation increases readability for a site or webpage.

Final Exam Review Know which design principle focuses on what is not there. Its effective implementation increases readability for a site or webpage. a. color b. white space c. balance d. graphics e. topography/text

Final Exam Review Know how to create a color triad.

Final Exam Review By placing an equilateral triangle on the color wheel, these lively color schemes are created. a. analogous b. tetrad c. triad d. complementary

Final Exam Review Know how many base colors are suggested to use when designing a website.

Final Exam Review Every color in web design sends a message. It is important to pick the right colors for your website. Generally speaking, how many base colors should you select? a. one or two b. two or three c. three or four d. as many as you like

Final Exam Review Know the design principle that creates the visual structure of the webpage or site and helps to communicate ideas visually.

Final Exam Review The design principle that creates the visual structure of the webpage or site and helps to communicate ideas visually is referred to as: a. graphics b. white space c. balance d. typography/text e. color

Final Exam Review Know the first and foremost aspect to keep in mind when choosing the perfect font for a web page or site.

Final Exam Review The first and foremost aspect to keep in mind when choosing the perfect font for a web page or site is: a. mood and message b. readability c. font metrics d. cross-browser issues

Final Exam Review Know the recommended size for body text font on a webpage.

Final Exam Review Generally speaking, the body text on a webpage or site should be around ______ px. a. 13 b. 24 c. 10 d. 8

Final Exam Review Know the basic concept for choosing fonts on your webpage.

Final Exam Review When choosing fonts for your webpage or site, is it better to select font that “looks good” or font that is “easy to read? ” a. looks good b. easy to read c. either easy to read or looks good d. it doesn’t really matter what font you select

Final Exam Review Know the colors of the most basic color triad.

Final Exam Review The most basic color triad is a. red, yellow, and blue b. green, purple, and orange c. yellow-orange, blue-green, and red-purple d. yellow, red-orange, and bluegreen

Final Exam Review Know what type of triangle creates a color triad.

Final Exam Review Placing a(n) _______ triangle on a color wheel creates a color triad. a. equilateral b. right c. isosceles d. scalene

Final Exam Review Know the design principle that deals with both unity and consistency.

Final Exam Review The design principle that deals with both unity and consistency is a. balance b. grid c. connection d. togetherness

Final Exam Review Know the principle of design that helps compartmentalize a design by dividing a page into a series of horizontal and vertical rulers.

Final Exam Review The principle of design that helps compartmentalize a design by dividing a page into a series of horizontal and vertical rulers is known as a. grid b. balance c. connection d. boxing

Final Exam Review Know the typical width of sidebars.

Final Exam Review Sidebars are typically _____ of the page width. a. 1/2 b. 1/4 1/3 d. 1/8 c.

Final Exam Review Know the term used when referring to how the different elements in a design interact and fit together.

Final Exam Review _____ refers to how the different elements in a design interact and fit together. For example, all of the design elements (color, graphics, typography) contribute to a single theme. a. b. c. d. connection unity consistency balance

Final Exam Review Be able to determine if image examples are symmetrical or asymmetrical.

Final Exam Review Be able to determine if image examples are symmetrical or asymmetrical. Asymmetrical Symmetrical

Final Exam Review Be able to determine if image examples are symmetrical or asymmetrical. Symmetrical Asymmetrical

Final Exam Review What is the significance of XHTML in terms of the History of Web Design and Development. The fact that XHTML was restrictive shaped the HTML 5 web standard

Final Exam Review The World Wide Web Consortium (W 3 C) has the following role in defining web standards: The role played by the W 3 C is to set the WEB standards for the entire world

Final Exam Review An absolute link (external), points to: a. b. c. d. Another web site Another page within the web site An email link None of the above

Final Exam Review A relative link (internal) points to: a. Another web site b. Another page with the web site c. An email Link d. None of the above

Final Exam Review The web design lifecycle has the following steps for the Wireframes and Design stage: a. Information Architecture, User Experience Planning, Functionality, Usability Testing, Heuristic Analysis, Ease of Operation b. Business Needs Analysis, Project Objectives, Project Plan, Timeline, Deliverables, Milestones c. Wireframing, Web Design, Interactive Design, Application Modeling and Prototyping d. Wireframes and Design, Specification, Analysis, Development and Coding, Testing, Launch and Promotion

Final Exam Review The analysis stage of the Web Design life cycle is the stage where a designer does the following: a. b. c. d. Defines the parameters of services to the client based upon their needs Determines how well the finished site works for the client Show the client the popularity of their site by how many “hits” it receives. Finds what search engines are performing poorly in order to optimize the site

Final Exam Review What part of the Specification stage of the Web Design Lifecycle is focused on making it user friendly? A. Information Architecture B. User Experience Planning C. Functionality D. Usability Testing, Heuristic Analysis, Ease of Operation

Final Exam Review Who invented the World Wide Web? A. B. C. D. Mark Zuckerberg Bill Gates Tim Berners- Lee Steve Wozniak

Final Exam Review All of the following are True about the World Wide Web EXCEPT? The World Wide Web use the Internet to transmit data b. There is no difference between the Internet and World Wide Web c. The World Wide Web is a software service d. The World Wide Web is one system used to access the Internet a.

Final Exam Review All of the following are True about the Internet EXCEPT for: A. It begins with keyboard and mouse and ends with root and domain servers B. It consists of optical cable, copper wire , and radio transmitters C. It can held in your hand or fill a warehouse D. It can encrypt your data and protect your information from others

Final Exam Review Generally speaking, heavy or bold fonts convey feelings of a. Strength and confidence b. Openness c. Whimsy d. movement

Final Exam Review Which of the following can impact how font displays when viewing a web page. A. B. C. D. Operating system Screen resolution Device hardware All of the above

Final Exam Review Defintions: • • UI – User Interface: The design and appearance of a program or software. WYSIWYSG – What you see is what you get: An editor that lets you bypass writing HTML code and allows you design a page SEO – Search Engine Optimization: A technique used to increase the “organic” search results of a web page FTP – File Transfer Protocol: The system used for uploading files to a website server Integrity: Doing the right thing “even if no one finds out” and getting permission to use another’s property Copyright Infringement: Taking another person’s work and calling it your own Fair Use: Any copy of copyrighted material done for a limited and “transformative” purpose, such as to comment upon, criticize, etc. often in an educational setting.

Final Exam Review Know what HTML stands for.

Final Exam Review Know what HTML stands for. Hypertext Markup Language

Final Exam Review Which of the following are examples of intellectual property? A. B. C. D. Patents Copyrights Trademarks All of the above

Final Exam Review What is this an example of: A. B. C. D. Patent Copyright Trademark All of the above

Final Exam Review You have designed a new mouse that is going to change the way the world interacts with their computers. Which of the following do you need to get to guarantee no one else can use your design? A. Patent B. Copyright C. Trademark D. All of the above

Final Exam Review You find an image online that you want to use on your website. If you use the image without expressed permission form the person who created it, you could be in violation of which of the following: A. Patent B. Copyright C. Trademark D. All of the above

Final Exam Review File Directory Structure, Security & Local/Remote Site Structures It’s important to maintain a clear and consistent file/directory structure for website files. Below are several folders and files. Your job is to put them in the correct sequence. Level 1, level 2, level 3, etc. Before you begin, check out this example to get an idea of how to sequence the files/folders This is level 1 because it is the first folder hey use t beca vel 2 er e l H OT fold are B e level 1 s r e ld th der fall un o ef Thes they 3 as l e v e are l lder ILES level 2 fo F O W oth are b inside a e. T Thes Using directory structure conventions for web files, match the following folders/files to the correct level: should be: A) level 1 B) level 2 C) level 3 D) level 4 should be: A) level 1 B) level 2 C) level 3 D) level 4

Final Exam Review All of the following are examples of security concerns in web design EXCEPT: A. Incorrectly configuring you r security measures B. Exposing sensitive data like social security numbers and credit card information C. Using components in your code that has known vulnerabilities D. Using the correct HTML code

Final Exam Review T/F: Encrypting sensitive data like social security numbers, passwords, and credit cards is an example of an acceptable security practice in web design.

Final Exam Review T/F: A website that begins with http: // is secure.

Final Exam Review Which of the following are examples of secure web protocols? A. B. C. D. Uses Port 80 for communication Operates at the transport layer Certificates are required Uses encryption

Final Exam Review What is an advantage of maintaining and updating the files for your website locally over maintaining and updating them on the remote server? A. B. C. D. You can test your changes first before they go “live” You can upload all of your changes at one time You always have your files backed up All of the above

Final Exam Review T/F – If you have two folders in your remote site’s root folder, and you only want to make changes to one of them, you still have to download both of them to your local root folder.