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?
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;}
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?
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
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
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.
- 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
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?
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.