Web Design Test #3 Study Guide

List and describe at least five ways that you can achieve client-side form validation.

1. Identify required values - Add the "required" attribute to the control 2. Validate based on data type - A form will fail the test if the data values entered don't match the field type, ex. a number type with letters entered 3. Test for a valid pattern - Use a regular expression (regex) by adding the pattern attribute to the input element 4. Define the length of the field value - add the maxlength attribute to the input element 5. Apply Inline Validation - Inline validation is immediate data validation and reporting of errors - Achieved using the focus and valid/invalid pseudo-classes to change the display style of fields that contain invalid data

Describe the structure of a form and how name/value pairs are involved in form processing. Make sure that you identify what attributes are required in the <form> element.

A form is a section of a document containing normal content, markup, special elements called controls and labels on those controls. Once it is written, web processing scripts send the name/value pairs to an action page for processing. It then is put into a format that we can read. Text files are created, data bases are populated, and emails are sent. For this to work, the action, method, and enctype attributes have to be included in a form to specify where and how to send the form data.

A transition must start immediately after an event that triggers it.

FALSE

Transition is a technique of creating the illusion of movement by displaying a sequence of changing images in rapid succession.

FALSE - Animation

T/F A form element must be placed only within the header tag of a web page.

False

T/F By default, legends are placed in the top-right corner of the field set box.

False

T/F: The post method of a form is the default method that tells the browser to append the form data to the end of the URL specified in the action attribute.

False

When a media player initially loads a video file, the player shows the last video frame as a preview of the video's content.

False

Define and describe at least three standard levels of the MPEG format.

MPEG - 1: was originally developed for video transfer at VHS quality and is the format used for MP3s; MPEG - 2: is a standard that was developed for television broadcast and DVDs; MPEG - 4: is being used for the compression of AV data for web (streaming media), voice ( Telephone, (videophone) and broadcast television applications/ BluRay.

_____ are text strings that appear within a form control, providing a hint about the kind of data that should be entered into the field and disappear on focus.​

Placeholders

Define transitions & animations and discuss the difference between them.

Transition: Change in an object's style from the initial state to the ending state, usually in response to an event initiated by the user or the browser - To create transition, employ the following transition style: transition: property duration; Animation: Sequence of changing images to create illusive movement for animation Key Differences: Transitions must be triggered, while animations can start automatically. Transitions cannot be looped, while animations can. With transitions, you can only define a start and end point, while animations can have several keyframes in between.

T/F For url type data, the virtual keyboard includes a key that inserts the .com character string.

True

T/F: The default behavior of the selection list is to allow only one selection from the list of options.

True

Most mobile and tablet devices do not have physical keyboards; instead, they use ___________that exist as software representations of the physical device.​

Virtual Keyboards

Which of the following browsers supports all audio formats such as MP3, Advanced Audio Coding (AAC), Ogg, and WAV? a. Google Chrome* b. ​Microsoft Internet Explorer c. ​Opera d. ​Safari

a. Google Chrome

Identify the element that can organize selection list options by placing them in option groups in long selection lists.​ a. optgroup b. ​select c. selgroup d. opgroup

a. optgroup

Identify an attribute that can be added to the input element to validate a text value against a regular expression. a. ​pattern="regex"​ b. legend="text" c.​ enctype="regex" d. ​method="text"

a. pattern="regex"

_____ are text strings that appear within a form control, providing a hint about the kind of data that should be entered into the field.​ a. ​Placeholders b. ​Labels c. ​Widgets d. ​Scripts

a. ​Placeholders

Which of the following is true of animating objects in CSS? a. Animations can only be run when a CSS property is being changed. b. ​Animation creates an illusion of movement by displaying key frames in rapid succession. c. ​Animations can be run only once as multiple images in rapid motion to a page object. d. ​Animation is limited to two style rules defined at the initial and end states.

b. Animation creates an illusion of movement by displaying key frames in rapid succession.

To pre-populate a <textarea> field with text, you would place the text... a. in the value attribute b. between the opening and closing tags c. nowhere - you can't pre-populate a <textarea> d. in the selected attribute

b. between the opening and closing tags

The check box control is created using the _____ element.​ a. ​option b. ​select c. ​Input d. ​Label

c. input

You can change the number of options displayed in a <selection> list by modifying the ____ attribute. a. display b. list c. size d. number

c. size

To compress and de-compress video frames, you would use a __________. This can help reduce the size of your video substantially.

codec

The advantage of the ___________ approach is that a wide variety of timings can be defined, including timings in which a transition can stop, reverse itself, and then go forward again to its end state.

cubic-bezier

A(n) _____________ is a box placed around a group of form fields that indicates that they are common.

fieldset

A(n) _____ tag is displayed as a separate box or window within a Web page. These are often used when embedding code from websites such as YouTube.

iframe

A(n) _______________ field is an input box in which the characters typed by the user are displayed as bullets or asterisks.

password

When embedding an audio element in a web page, the ______ attribute informs a browser of the file type and speeds up the process of choosing a compatible audio source.

type