C779 - Web Development Foundations

C779 - Web Development Foundations

memorize.aimemorize.ai (lvl 286)
Section 1

Preview this deck

Names for creating a plan for a site

Front

Star 0%
Star 0%
Star 0%
Star 0%
Star 0%

0.0

0 reviews

5
0
4
0
3
0
2
0
1
0

Active users

4

All-time users

4

Favorites

0

Last updated

1 year ago

Date created

Mar 1, 2020

Cards (271)

Section 1

(50 cards)

Names for creating a plan for a site

Front

- Site diagram - Storyboard

Back

What are the ways in which responsive design can be used?

Front

- Defining sizes in percentages rather than absolute pixels - Checking device specifications use a style sheet that best fit the user's needs

Back

HTML 4.01 Transitional

Front

allowed developers to insert formatting using either CSS or traditional layout instructions (e.g., HTML font, color and phrase elements). This version rendered in browsers that did not support HTML 4.01 features such as CSS. This version also allowed tags that the W3C considered to be less useful, known as "deprecated tags."

Back

What are the two versions of XHTML created by WC3?

Front

- 1.0 (2000) - 1.1 (2001)

Back

HTML Frameset

Front

Required for pages that used HTML frames, which placed Webpages inside each other to create separate panes in the browser window.

Back

What are the flavors of HTML 4.01?

Front

- Transitional - Strict - Frameset

Back

What is Cloud Computing?

Front

Software, infrastructure and platform services that are hosted by a remote data center and provided to organizations or individuals over the Internet.

Back

What is Standard Generalized Markup Language (SGML)?

Front

A metalanguage used to create other languages, including HTML and XHTML

Back

What is JavaScript?

Front

Scripting language that provides dynamic, interactive capabilities to Webpages

Back

Section 508 of the Rehabilitation Act

Front

Requires that government agencies must give individuals with disabilities access to information technology that is comparable to the access available to others

Back

What are 3 critical ADA compliance factors to consider when creating reasonable accommodations in a website?

Front

- Ensure all images have text-based descriptions so sight impaired visitors can access through screen-reader technology - Provide text-based alternatives to all non-text content (ex: java applets) - Provide forms that are easily ready by screen-reading technology

Back

How to address audio challenges?

Front

- Alternative audio support - Alternative speech input - Text support for audio elements

Back

What is the purpose of SGML?

Front

- Describe only the information within a document, not the formatting of it. - Describe how data elements in the document relate to each other. - Not designed to format the data's appearance on the page

Back

Web Content Accessibility Guidelines (WCAG)

Front

A set of guidelines for ensuring Website accessibility to all users, including those with disabilities. W3C created the Web Accessibility Initiative (WAI) which developed WCGA to provide universal standards promoting accessibility

Back

HTML (Hypertext Markup Language)

Front

Language used primarily for defining format and appearance of Web documents.

Back

XML (Extensible Markup Language)

Front

Newer language used to define context as opposed to appearance

Back

What is a User Agent?

Front

Any application, such as a Web browser, mobile phone, smartphone or help engine, that renders HTML for display to users

Back

Name some popular GUI HTML editors

Front

- Adobe Dreamweaver - Microsoft Expression Web - Mozilla SeaMonkey - Google Web Designer - KompoZer GUI editor - Bluefish GUI editor

Back

HTML 4.01 Strict

Front

Required the exclusive use of CSS when defining layout instructions. Deprecated tags were not allowed and generated errors.

Back

SGML (Standard Generalized Markup Language)

Front

An ISO-standard language used to describe data and context as opposed to its appearance.

Back

What are the 4 principles that provide the foundation for web accessibility?

Front

- perceivable - operable - understandable - robust

Back

Tags

Front

Embedded information that defines the font, color and phrase elements used on an HTML page.

Back

What is Responsive Design?

Front

Techniques to make Webpages dynamic and accessible on all device screen sizes.

Back

What is Document Type Definition (DTD)?

Front

Is a separate, older document containing a set of rules for structure, syntax and vocabulary, used commonly with XHTML and XML

Back

When was SGML created and standardized?

Front

1986 by the International Organization for Standardization (ISO)

Back

What is "markup"?

Front

A series of commands used to format, organize and describe information on a Webpage.

Back

What is a Site Map?

Front

A brief, hierarchical representation of a Website that enables visitors to quickly identify areas of the site and navigate to them

Back

What is the World Wide Web Consortium (W3C)?

Front

The organization that standardizes HTML

Back

How to address visual challenges?

Front

- Text readability (fonts and sizes) - Text support for images (images must be described in text) - Screen reader support (can be rendered by audio screen readers)

Back

What must a site plan include?

Front

- A statement discussing the purpose and intended audience for the site - A rough outline of the pages needed --- The default page (homepage) --- Sections of the site (products, sales, contacts) ---An estimate of the technologies required (DBs, web servers)

Back

What is Extensible Markup Language (XML)?

Front

A markup language that describes document content instead of adding structure or formatting to document content. A simplified version of SGML. - Not used to format Webpages, but to describe the data from which Webpages are created

Back

What are hyperlinks?

Front

Embedded instructions within a text file that link it to another point in the file or to a separate file.

Back

XHTML 2.0

Front

Abandoned by the W3C in 2009 (it did not provide backward compatibility) in favor of a new XHTML5 version, which is still under development.

Back

How is markup code validated?

Front

The most authoritative is the W3C Markup Validation Service - upload the html file - provide url

Back

XHTML (Extensible Hypertext Markup Language)

Front

Web language standard that separates responsibilities for organizing and formatting data.

Back

What are Graphical User Interface Editors?

Front

Markup editor applications that place markup instructions into files for you; you do not need to know HTML to use GUI editors

Back

Trade secret

Front

Intellectual property that must remain private for a company to retain viability. Examples include proprietary code, business plans and sales contacts.

Back

Who invented HTML?

Front

Tim Berners-Lee

Back

What is Multipurpose Internet Mail Extension (MIME)?

Front

Protocol that enables operating systems to map file name extensions to corresponding applications. Also used by applications to automatically process files downloaded from the Internet

Back

What is Cascading Style Sheets (CSS)?

Front

Rules in an external text file that determine how to display HTML elements in your Webpages Style sheet language that provides the formatting and "look" of a webpage or document written in markup language

Back

What does CSS3 provide?

Front

Contains formatting instructions that can define the font, color and phrase elements used on a particular markup page

Back

What is HTML?

Front

Markup language that defines page structure, hyperlinks, graphics and more to enable pages to render in Web browsers and other devices.

Back

What is Wireframing?

Front

The process of developing an outline for a Web presence.

Back

Hyperlink

Front

Embedded instructions within a text file that link it to another point in the file or to a separate file.

Back

Markup language

Front

Language that describes context and formatting for online documents.

Back

How to address cognitive and technical challenges?

Front

- Page content that flashes, flickers or strobes - Alternative navigation - Audio support - Low resolution alternatives

Back

Name some wireframing software

Front

- Gliffy - Mockingbird - HotGloo

Back

How do you specify the flavor of HTML?

Front

By using a document type (<!DOCTYPE>) declaration

Back

Name text editors other than Microsoft Notepad

Front

- Cream — (Windows only). - Emacs — (Windows, Mac or Linux). - jEdit — (Windows, Mac or Linux). - Notepad++ — (Windows only). - Sublime Text — (Windows, Mac or Linux). - Vim — (Windows, Mac or Linux).

Back

What are tools used to verify webpage accessibility?

Front

- W3C Page Validator (web based and firefox add on) - HTML Validator (Firefox add on and Chrome extenstion) - Validity (chrome extension) - Toptal (web based - color blind)

Back

Section 2

(50 cards)

<link> tag

Front

references a style sheet and is recommended for HTML5

Back

Infringement

Front

Any violation of a copyright or trademark

Back

<head> tag

Front

allows you to insert <meta> tags, links to style sheets, and the <title> tag.

Back

<html> tag

Front

The container for the entire HTML document except the <!DOCTYPE> declaration

Back

CSS3 comment

Front

/ and /

Back

Container tags

Front

Come in pairs. Starting and ending tags aka opening and closing Example: <em> </em>

Back

Website housing solution: Virtual server

Front

One web server contains your site and several other sites

Back

An element

Front

Provides the main instruction for a tag

Back

Syntactically Awesome Style Sheets (SASS)

Front

A CSS extension language that can act as a preprocessor to CSS3. Enables you to add various special features to normal CSS3

Back

Rule

Front

In a style sheet, a format instruction that consists of a specified selector and the properties and values applied to it.

Back

Block-level element

Front

A markup element that affects at least an entire paragraph.

Back

The <pre> tag

Front

Text in a <pre> element is displayed in a fixed-width font (usually Courier), and it preserves both spaces and line breaks.

Back

the <link> tag

Front

Style sheet references are specified with the <link> tag in the <head> section, usually before the <title> tag. The <link> tag and CSS3 are recommended for HTML5

Back

Cloud hosting service providers vs cloud service providers

Front

Traditional cloud hosting providers offer complete website solutions (web domain, web server space, website building tools, security, bandwidth) BlueHost and GoDaddy Cloud service providers are prepared to provide more comlete services (SaaS, IaaS, backup services, advanced web and DB connectivity)

Back

<br> vs <strong>

Front

- <b> represents a font appearance instruction. Font style element - <strong> represents the weighting of the phrase relative to surrounding text. Phrase element

Back

lang

Front

configures the page to use a particular language

Back

A value

Front

Gives value to the element and its attribute Example: <a href="http://www.ciwcertified.com"> The value should be kept in quotation marks

Back

Character set

Front

The group of symbols used to render text on a page

Back

An attribute

Front

specifies a quality or describes a certain aspect of the element Example: <a> used to add a hyperlink An attribute is required only if the element requires it

Back

What problems occur when a <!DOCTYPE> declaration is not used?

Front

- You may not be able to control how your code renders in the future - You won't be able to use a markup validator

Back

Copyright

Front

The legal ownership of expression by an author. ensures that the person or group who owns the copyright has the right to publish or otherwise distribute material, and control how it is redistributed.

Back

!Important directive

Front

allows you to overwrite the normal cascading that happens in a CSS3 style sheet

Back

What is the first tag in an HTML document?

Front

The <!DOCTYPE> declaration. Informs the web browser what version of HTML the Webpage is written in

Back

charset <meta> tag

Front

The group of symbols used to render text on a page.

Back

Licensing

Front

The legally authorized use of another person's or entity's copyrighted intellectual property

Back

unicode

Front

A universal character set designed to support all written languages, as well as scholarly disciplines (e.g., mathematics).

Back

Benefits of CSS3

Front

- Consistency - Easy change managment

Back

<title> tag

Front

identifies the document title

Back

Website housing solution: Co-Location

Front

Service provider allocates space for your equipment. You provide the server hardware and provider supplies space and necessary bandwidth for your server

Back

HTML elements

Front

Specific components of an HTML document that can provide content and attributes to a Webpage

Back

Block-level element

Front

A markup element that affects at least an entire paragraph.

Back

<ol> and <ul> tags

Front

- Ordered list - requires both open and closing tags - Unordered list - requires both open and closing

Back

<hr/> element

Front

Horizontal Rules. Used to make visual divisions in a document

Back

Empty tags

Front

tags that stand alone. Empty tags are those that do not directly format a specified block of text, and therefore one tag can execute the instruction. AKA self closing tags Example: to put a line break <br>

Back

manifest

Front

An attribute used for offline browsing. It lists the address of the HTML document's cache manifest.

Back

Trademark

Front

A unique word, phrase or symbol that is claimed or officially registered by an organization with the government.

Back

<meta> tags

Front

An empty tag that describes the contents of a Webpage, such as subject matter or author.

Back

What are the 3 popular image formats on the web?

Front

- JPEG - GIF - PNG

Back

List item

Front

specifies list items in an ordered or unordered list. Uses the <li> element and requires a closing tag.

Back

<body> tag

Front

begins the body of the document and includes all the content of the Webpage, such as the text, video, hyperlinks and images.

Back

The <p> tag

Front

defines the start of a new paragraph, and a closing </p> tag specifies the end of the paragraph

Back

The <br> tag

Front

inserts a simple line break into the document. A closing slash is appended to every line break tag to make it a stand-alone non-empty tag, as follows: <br/>

Back

xmlns

Front

to be specified if your content needs to conform to XHTML

Back

Selector

Front

In a style sheet, any element to which designated styles are applied. example: body is the selector body {background-color:lightblue;}

Back

Website housing solution: Dedicated hosting (or co-hosting)

Front

The service provider gives you access to a dedicated server that it owns

Back

Markup tags

Front

They enclose elements in angle brackets, or wickets. Please note that the terms "elements" and "tags" are used interchangeably by many Web developers.

Back

Text-level element

Front

A markup element that affects single characters or words

Back

Fixed-width font

Front

A font in which every character, including the space character, has equal width. In proportional-width fonts, letters such as I and J have less width than M or B

Back

Text-level element

Front

A markup element that affects single characters or words.

Back

What are the key attributes for the <img> tag?

Front

- src (abbreviation for source) - specify the name and location - alt (alternative text for the image)

Back

Section 3

(50 cards)

Absolute URL

Front

A URL that gives the full path to a resource.

Back

<td> ... </td>

Front

designates table cell contents

Back

WebP

Front

Image format introduced in 2010 by Google - supported by Chrome and Opera browsers

Back

Liquid layout

Front

aka relative positioning - achieved by assigning percentage values to elements making the size of an element flexible and dynamic depending on the size of the browser window.

Back

link rot

Front

The phenomenon in which hyperlinks on a Website gradually become invalid as referenced Webpage content, links and page locations change

Back

CSS width property

Front

Determines how far the table or cell will extend horizontally across the page.

Back

<th> ... </th>

Front

typically designates cells in the top row or left column

Back

What are the features of image formats?

Front

- Transparency (make parts of the image invisible) - interlacing ( allows for gradual rendering as it downloads) - compression - animation

Back

<article>

Front

website content, such as company services, articles, blogs, images and videos

Back

Font-size

Front

Takes values in pixels, with 16 being the default size of text. Value is specified with the "px" abbreviation

Back

<a>

Front

Anchor element (container type) used for hyperlinks

Back

What elements do HTML5 and CSS3 use to structure webpages?

Front

- <header> - <footer> - <nav> - <article> - <aside>

Back

How many colors does the browser-safe color palette consist of?

Front

216

Back

What does # do in reference to internal hyperlinks?

Front

tells the browser to look for an anchor by this name within the current document. Without this hash, the browser will look for an external file by that name.

Back

<tr> ... </tr>

Front

contains all data for a table row

Back

CSS border property

Front

Determines the style of the border. Examples: - boarder width (1 px) - border line style (solid) - border color (gray)

Back

What part of the URL must be included when creating an external hyperlink?

Front

The absolute URL, including the protocol indicator

Back

What hexadecimal value represents F

Front

15

Back

CSS padding property

Front

Determines the amount of space between cell data and the cell border.

Back

Escape sequence

Front

consists of the ampersand &, followed by a code for the specific character you want to generate, followed by a semi colon escaping does not allow the browsers HTML interpreter to read the characters as literal text or HTML commands

Back

What hexadecimal value represents A

Front

10

Back

CSS border-collapse property

Front

Collapses the borders of adjacent cells into a single border instead of separating them.

Back

<table> ... </table>

Front

contains all other table elements

Back

What is the hexadecimal value for black?

Front

#000000

Back

What is the syntax to link to an internal anchor in an external file?

Front

<a href="URL/filename.ext#AnchorID">link text or image</a> You can start with a full or partial URL, but you must specify the file name, followed by the hash symbol, followed by the id of the internal anchor to which you want to direct the link.

Back

Fixed-width layout

Front

aka absolute positioning - achieved by assigning specific pixel widths to elements using HTML5 structural elements or the div tag. Ensures text, images and layout will not vary from browser to browser, but may not render as expected when users change the size of browser

Back

<aside>

Front

content that is "aside" from the article content such as advertisements or news feeds

Back

Format for adding a hyperlink to text

Front

<a href="url.com">LinkName</a>

Back

Format for adding a hyperlink to image

Front

<a href="urlvalue.html"><img height="x" width="x" src="aboutus/logo.png" /></a>

Back

<nav>

Front

defines navigation links

Back

Relative path

Front

A reference to a file within a directory or sub-directory

Back

rowspan

Front

Attribute that identifies the number of table rows a single cell can occupy.

Back

CSS backgrond-color property

Front

Determines the background color for table elements.

Back

Font-family

Front

specifies the typeface (font name) to be used. Also list backup fonts in case the first is not supported.

Back

name some link checking tools

Front

- W3C Link Checker - LinkChecker - Link Alarm (www.linkalarm.com/)

Back

serif

Front

A font style that uses characters with small decorative additions at the outermost points of the characters, called strokes. Includes the Times and Times New Roman fonts

Back

how to write an internal hyperlink?

Front

<a id="targetarea1">Target text or image</a> other page: <a href="#targetArea1"> text/images linking to targetArea1 </a>

Back

CSS text-align property

Front

Aligns text horizontally. (left, center, right, justify)

Back

colspan

Front

Attribute that identifies the number of table columns a single cell can occupy.

Back

What hexadecimal value represents 255?

Front

FF

Back

Relative URL

Front

A URL that gives an abbreviated path to a resource using the current page as a starting position.

Back

CSS border-spacing property

Front

Determines the amount of space between the borders of adjacent cells.

Back

<caption> ... </caption>

Front

Adds a title, which appears above the table by default

Back

<header>

Front

top of the webpage, similar to a header in word. company logo

Back

<footer>

Front

bottom of the webpage, copyright/contact info

Back

sans-serif

Front

A font style that does not use decorative strokes at the tips of characters. Includes the Arial font family

Back

What are the 3 types of hyperlinks?

Front

- local links - internal links - external links

Back

dithering

Front

The ability for a computer to approximate a color by combining the RGB values

Back

What assumes the current document's path so that all references are made from the document's current directory?

Front

Partial URL

Back

What is the hexadecimal value for white?

Front

#FFFFFF

Back

Section 4

(50 cards)

FormMail - @referers

Front

helps control who can use the FormMail script

Back

<form> method value "get"

Front

Form data is appended to the URL of the Webpage for use in a query string. This method sends information in cleartext and is thus less secure.

Back

<form> action attribute

Front

specifies the name and location of the CGI script used to process the form

Back

Client-side script

Front

Code embedded into an HTML page and downloaded by a user; resides on the client and helps process Web form input. Common client-side scripting languages include JavaScript and VBScript.

Back

What attribute is used to select a radio button or check box?

Front

checked="checked"

Back

video poster attribute

Front

Identifies an image to be displayed until the play button is clicked or while the video is downloading. If the poster attribute is not specified, the first frame of the video is displayed instead.

Back

When you submit a Web form, how does the browser send the information entered to the Web server?

Front

as a raw text string

Back

forms size attribute

Front

specifies the width of the text box in characters no affect on the amount of text a user can enter

Back

CSS vertical-align

Front

Aligns content vertically (top, bottom, middle)

Back

video <source> element

Front

Defines the media resource. Multiple sources can be listed, such as different types of video formats, to support a variety of devices and browsers.

Back

HTML5 tables and webpage structure

Front

You should not use tables to structure a page. Instead use the new HTML5 document structure tags in lieu of the <div> tag

Back

video controls attribute

Front

Adds video controls such as the play, pause, rewind and volume controls. These video controls are native to HTML5.

Back

form <input> tag

Front

creates text boxes, check boxes, radio buttons, and the Submit and Reset buttons. not a container tag uses the "type" attribute

Back

Attribute that specifies the width of a scrolling text box

Front

cols

Back

FormMail - @valid_ENV

Front

allows you to specify the environment variables that will be sent with the script. Example: host, user agent, IP address of user

Back

<form> method attribute

Front

specifies which method the browser will use to send form data to a Web server. It takes 2 values - get and post

Back

file upload tag and attribute

Front

<input> tag "type" attribute <input type="file" name="UploadedFile"/> This creates a browse button on web form

Back

FormMail - $mailprog

Front

specifies your email server program. This program could be for Windows or another operating system. Linux/UNIX servers often use Sendmail

Back

forms wrap="hard"

Front

text in the textarea will wrap (adding newline characters) when submitted

Back

Common Gateway Interface (CGI)

Front

- server-side technology - pre-dates Web servers but are still used with software that is embedded in hardware as well as in many legacy applications - act as an interface between client applications and servers and behave in a similar way as a Web server - receive client input, process data, perform server-side actions such as storage or communications with other servers, and respond to client requests.

Back

Which <input> tag attribute organizes Web form information submitted by the user into the basic elements for a raw text string, which is then processed by the Web server?

Front

the name attribute

Back

What are the functions a web server performs?

Front

- Receives data from a Web form or a client-side script - Processes and reformats input data - Stores data on server-side storage systems such as databases or file systems - Resends data to other servers for further processing or storage - Responds to client-side requests

Back

CGI

Front

A program that allows a Web server to pass control to a software application in order to process user submitted data. an interface which tells the webserver how to pass data to and from an application.

Back

forms wrap="soft"

Front

text in the textarea is not wrapped when submitted - default setting

Back

Syntax for creating text boxes

Front

<input type="text" name="FieldName"/> <input type="text" name="FieldName" value="DefaultText"/>

Back

By default, content in a table header cell is aligned

Front

both horizontally and vertically to the center of the cell.

Back

What happens if the closing </form> tag is omitted?

Front

The form fields will render but users will not be able to submit any information.

Back

What occurs when the Web server receives raw text strings from the client?

Front

A server-side script parses and formats the raw text strings into a human-readable format.

Back

syntax for creating a check box

Front

<input type="checkbox" name="groupName"/>

Back

In a raw text string, what character is used to delimit name=value pairs?

Front

&

Back

video text

Front

Text enclosed by the <video> element will appear if the browser or device cannot support any of the video formats available.

Back

In a raw text string, what character is used to replace spaces entered by the user?

Front

+

Back

Element used to create scrolling box into which text can be entered

Front

textarea

Back

The main differences between form creation in HTML5 versus form creation in HTML 4.01 are:

Front

- Cascading Style Sheets (CSS) are used for all form styles. - Advanced features are now available

Back

Server-side script

Front

Code that resides on a server to help process Web form input. Server-side CGI scripts are commonly written in Perl.

Back

<form> element

Front

- container tag - has 2 main attributes associated with it - method and action

Back

forms maxlength attribute

Front

The value of maxlength restricts user entries to the specified number of characters; it has no effect on the display width of the field

Back

syntax for creating a drop-down single-option select list

Front

<select name="listName"> <option>Option 1 </option> <option>Option 2 </option> ... <option>Option n </option> </select>

Back

form <textarea> tag

Front

container tag creates scrolling text area spaces. Users can enter multiple lines of text into a text area; it is larger and allows more input than a text box

Back

FormMail - @recipients

Front

includes the recipient field (required) and additional optional fields that allow you to control the way that information submitted by users is processed.

Back

video type attribute

Front

Identifies the format, or MIME type, of the video. The <video> element supports three formats: MP4, WebM and Ogg

Back

Never used as stand alone items, reserved for 2 or more mutually exclusive options and share the same name attribute with different values

Front

radio buttons

Back

video width and height attributes

Front

specifies width and height of video window in pixels

Back

form <select> tag

Front

container tag used to create single-option and multiple-option select lists to allow more than 1 select use the "multiple" attribute and value: <select name="Countries" multiple="multiple" size="4">

Back

What elements are necessary for client-server communication?

Front

- Web browser - Web form - Web server - Server-Side Scripting Language or a CGI script

Back

Which attribute is shared by all Web form field elements?

Front

name

Back

What are some Actions taken by the Web server and server-side script

Front

- Storing information in a database (ex bank info - Searching a database for a product (amazon) - Sending processed information back to the end user (confirmation msg)

Back

<form> method value "post"

Front

- Form data is posted to the URL specified by the action attribute. - Post is the preferred method for sending form data. It can send more characters, although sometimes post requires more processing by the CGI script.

Back

How to add default text to textarea?

Front

Add Between the <textarea> tags

Back

video src attribute

Front

Identifies the location and file name of the media resource

Back

Section 5

(50 cards)

What file formats are Image layers supported?

Front

PNG

Back

what are the only Web-ready image file formats that support interlacing

Front

GIF 87a, GIF 89a and PNG

Back

what format provides both video and audio format?

Front

ogg

Back

What is Scalable Vector Graphics (SVG)?

Front

A W3C-recommended language that uses XML to describe graphics and graphical applications

Back

WebM

Front

Is a free, open-source alternative to the MP4 video format. Sponsored by Google. Uses separate codecs for audio and video encoding. VP9 for video, opus for audio Used by YouTube

Back

How to make search engine optimizations for images

Front

- descriptive file name for images - alternative text for images

Back

<area> tag's alt attribute

Front

Alternative text must be provided using the alt attribute whenever the href attribute is used.

Back

<img> tag

Front

Specifies an image file in a Webpage, as learned in a previous lesson. The src attribute specifies the image file name.

Back

<img> tag's usemap attribute

Front

Indicates that the image placed in the Webpage will use an image map

Back

syntax to add a video

Front

<video width="36" height="270" controls="controls" poster="image.png"> <source src="video.mp4" type="video/mp4" /> Your browser does not support the HTML5 video element. </video>

Back

The <video> element supports which three formats?

Front

MP4, WebM and Ogg

Back

What file formats support interlacing?

Front

GIF (both 87a and 89a) and PNG

Back

<map> tag

Front

A container tag; requires a closing </map> tag. The <map> tag encloses <area> tags. You can define your image map with the <map> tag either before or after the related <img> tag

Back

Flash animation

Front

Adobe uses macros to create advanced animation capabilities using Flash. Flash macros manipulate vector-based graphics to create animated sequences

Back

What HTML tag should you use to define a hot spot region on an image map?

Front

the <area> tag

Back

image maps

Front

A Webpage image with clickable regions that are defined as "hot spot" hyperlinks to other pages or page sections.

Back

syntax for defining a circular hot spot

Front

<area shape="circle" coords="x1,y1,radius" href="url" alt="description"/>

Back

what are the two types of Licensing stock photos

Front

- royalty free - allows the buyer to use the photo without having to pay a royalty each time - Rights managed license - allows the buyer to rent an image through negotiation of a specific price for a specific use

Back

Scalable vector graphics (SVG)

Front

W3C recommended language developed by various vendors (adobe, microsoft and sun) Uses XML to describe graphics and graphical applications Like flash, a browser must use a plug in to render

Back

<area> tag's href attribute

Front

Value is a URL specifying the linked page that will load when the user clicks the defined hot spot area of the image map

Back

syntax for defining a client-side map

Front

<map name="mapname"> <area shape="shape" coords="coordinates" href="url" alt="description"/> </map> <img src="imagemap.gif" usemap="#mapname"/>

Back

<map> tag's name attribute

Front

Provides a reference name for the image map.

Back

Image resolution

Front

Screen resolution depends on the number of pixels present in a monitors height and width. Higher screen resolutions display more pixels per inch (ppi)

Back

vector graphics

Front

graphics that use mathematical coordinates with lines, curves and shapes to create images and specify colors. small in size and can be resized without losing image quality

Back

image map

Front

A Webpage image with clickable regions that are defined as "hot spot" hyperlinks to other pages or page sections.

Back

Pixel

Front

short for picture element. Pixel is the smallest unit displayed by a computer monitor

Back

Non-interlaced image

Front

Read from top to bottom, the top will appear after the browser has read 50% of the image

Back

Array

Front

A collection of variables stored in a series. Arrays are used to hold multiple values; a variable can hold only one value.

Back

syntax to add a video not hosted on your servers

Front

<iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ"> Your browser does not support the HTML5 iframe element. </iframe>

Back

Vector graphics

Front

use mathematical coordinates to create images and specify colors.

Back

describe the tasks required to define a hot spot on an image map

Front

You must determine the x and y coordinates that indicate the hot spot's position on the image and a URL reference.

Back

color depth

Front

The number of colors per pixel that can be contained in an image.

Back

syntax for adding audio

Front

<audio controls="controls"> <source src="audio.mp3" type="audio/mpeg" /> Your browser does not support the HTML5 audio element. </audio>

Back

Interpreter

Front

Software used to read and process code in standard text files. Interpreters either reside on the server or are downloaded to a client.

Back

File formats that support animation

Front

GIF, PNG, MNG

Back

<area> tag's shape attribute

Front

Accepted values are: - "rect" for a rectangular area (i.e., hot spot). - "circle" for a circular area. - "poly" for any other shape. - "default" to use the entire area

Back

<area> tag's coords attribute

Front

The number and meaning of coordinates you specify with the coords attribute value will vary based on the shape attribute value

Back

What is the most common type of bitmap seen on the Web?

Front

digitized photographs

Back

bitmap graphics

Front

graphics that use small dots to create images and specify colors. jpeg, png, gif formats larger in size

Back

What attribute should you add to the <audio> element if you want your audio to play over and over again without stopping?

Front

loop="loop"

Back

syntax to define a rectangle area

Front

<area shape="rect" coords="x1,y1,x2,y2" href="url" alt="description"/> x1 defines the point furthest left y1 defines the highest point x2 defines the point furthest right y2 defines the lowest point

Back

<area> tag's "coords" attribute

Front

The number and meaning of coordinates you specify with the coords attribute value will vary based on the shape attribute value: For rectangle areas: x1,y1,x2,y2 For circle areas: x1,y1,radius For polygon areas: x1,y1,x2,y2,...xn,yn (up to 100 pairs of coordinates)

Back

Hash symbol (#) in the usemap attribute's "mapname" value

Front

Indicates that the "#mapname" value represents an image map defined within the same HTML file. If no hash symbol is present here, then the browser will look outside the HTML page for the referenced mapname file

Back

The term "pixel" is short for:

Front

picture element

Back

<area> tags

Front

Stand-alone tags that define the hot spot regions of the image map

Back

What proprietary technology manipulates vector-based graphics to create animated sequences?

Front

flash

Back

client side image map syntax

Front

<map name="mapname"> <area shape="shape" coords="coordinates" href="url" alt="description"/> </map> <img src="imagemap.gif" usemap="#mapname"/>

Back

Function

Front

A line of code that allows you to refer to an entire series of steps or commands. Functions are used to organize code into discrete sections.

Back

The <audio> element supports which three formats

Front

MP3, Ogg and Wav

Back

Interlaced image

Front

Appears to fade in as it renders, scanned left to right. First pass renders 13% then in 25% increments until the full render

Back

Section 6

(21 cards)

Java servlet

Front

an application that must be installed directly onto the remote server; code from a Java servlet is not downloaded to the browser.

Back

What can SSI be used to do?

Front

- Place the results of a database query into a page. - Execute other programs. - Indicate the last time that the displayed document was modified. - Insert text at the bottom of a page (i.e., a footer) - Add the current date as a timestamp to a page.

Back

What functionality can JavaScript add to a Webpage?

Front

- pop up windows - automatic date and time changes - Image sand text that change upon mouse rollover - cookie creation and identification

Back

Object-based language

Front

Similar to object-oriented programming languages, but does not allow for inheritance from one class to another.

Back

JavaScript object - Document

Front

Allows you to obtain values from and write values to a document

Back

The script tag

Front

Used to embed JavaScript

Back

JavaServer Pages (JSP)

Front

a technology that uses Java commands embedded into HTML code.

Back

Compiler

Front

An application used to process code in standard text files into executable applications.

Back

Include

Front

A set of files called a library that you can refer to in your code.

Back

JavaScript object - Navigator

Front

Allows you to determine the type of browser accessing a Webpage

Back

2 most popular client side scripting languages

Front

- JavaScript - VBScript

Back

Name some purposes of server side scripts

Front

- Browser detection. - Database connectivity. - Cookie creation and identification. - Logon scripts. - Hit counters. - File uploading and downloading.

Back

Perl

Front

A cross-platform programming language that enables users to write custom CGI programs and system management programs

Back

Echo

Front

A command that repeats the input you type back to a terminal or an application window. Echo can also be used in an application to repeat input so that it can be processed or forwarded.

Back

What are some issues that can occur when using client side scripting languages?

Front

- some clients do not support scripting languages - Users have to option t o deactivate script execution in browsers that normally support it

Back

What file extension should be used for HTML pages that use SSI

Front

.shtml or .shtm but if it is not configured to look for those extensions then you can define a MIME type or find the supported extension type for the SSI

Back

Statement

Front

Logical constructs that allow you to control the way that information flows in the application.

Back

PHP

Front

An interpreted server-side scripting language for creating dynamic Webpages

Back

CGI

Front

an interface which tells the webserver how to pass data to and from an application.

Back

JavaScript object - Array

Front

Allows you to create a series of variables to later manipulate

Back

server-side include (SSI)

Front

an instruction within an HTML page that directs the Web server to perform an action considered to be an alternative to CGI because it does not use languages such as JavaScript, Visual Basic or Java. The instruction is used to dynamically add content to a page just before it is downloaded to a user.

Back