Markup and site dev fundamentals Flashcards
What is the WAI
The web accessibility initiative was created by the W3C - it focuses on user agent (i.e. browser) accessibility, accessibility guidelines, and accessibility for developers
what are WCAG
Web Content Accesssibility guidelines developed by WAI to provide universal accessibility standards
what are key components of a website plan or storyboard
statement indicating the purpose and intended audience.
Rough outline of pages needed
what is DTD
Document type definition - a set of rules in a text file defining structure, syntax, and vocab related to tags and attributes for a corresponding document
what is MIME
multipurpose internet meail extensions - the protocol that maps file name extensions to the appropriate applications
What is SGML
standardized general markup language - metalanguage driving HTML and XHTML
Which two languages describe the data from which webpages are created, but do not format?
HTML, XHTML, XML, SGML, CSS
XML, SGML
Which languages describe a documents visual layout HTML, XHTML, XML, SGML
HTML and XHTML
what is the manifest tag and where does it live
manifest lists the address of offline cache manifest - used for offline browsing. Stored in the tag level
how to use lang tag
what does the pre tag do /pre
prese3rves line breaks and spacing as in the original text
what are WCAG
Web Content Accesssibility guidelines developed by WAI to provide universal accessibility standards
what are key components of a website plan or storyboard
statement indicating the purpose and intended audience.
Rough outline of pages needed
what is DTD
Document type definition - a set of rules in a text file defining structure, syntax, and vocab related to tags and attributes for a corresponding document
what is unicode
a universal character set designed to support all written languages and disciplines (like math)
What is SGML
standardized general markup language - metalanguage driving HTML and XHTML
Which two languages describe the data from which webpages are created, but do not format?
HTML, XHTML, XML, SGML, CSS
XML, SGML
Which languages describe a documents visual layout HTML, XHTML, XML, SGML
HTML and XHTML
what is the manifest tag and where does it live
manifest lists the address of offline cache manifest - used for offline browsing. Stored in the tag level
how to use lang tag
what is the meta tag and where does it live
meta can include info about page name, descriptions, http data and characters. It lives under
what does the pre tag do /pre
g
how would you align a p tag to center
p style=”text-align: center;” text /p
which tags create bold and italic text
<strong> and <em></em></strong>
what is comment syntax in html
what is unicode
a universal character set designed to support all written languages and disciplines (like math)
how many heading styles are there in HTML
6
what is a css selector
the indicator of the element. i.e. body below
body {
background-color: lightblue;
}
what is a css property and value
the property to be set and the value to set it to (background-color:lightblue)
body {
background-color: lightblue;
}
what is a css rule
a grouping of selector, property/s, and value/s
what is a css declaration
grouping of just the property/value pair - i.e. a rule can (and often does) contain multiple declarations
what character ends a declaration
;
how do you comment in css3
/* comment here */
what color would the paragraph be
p { color: blue; } p { color: red; } p { color: green; }
green
what does the !Important tag do in css
overrides normal cascading behavior. use rarely or never
what are the three ways to apply css styles to your document
declare inline style attribute
link to external style sheet
create an internal style sheet
what is external stylesheet syntax in an html document
What is SASS
a preprocessor for CSS3 - allows addition of special features like variables and nested rules
What are the three universally supported web image formats
GIF, JPEG, PNG
what attributes are required for a valid <img></img> tag
src and alt
What are the two versions of GIF
87a and 89a
Which version of GIF is more popular and why
89a - transparency, interlacing (render gradually), animation
Why use PNG over GIF or JPEG
supports transparency, interlacing, and compression (but does not support animation)
how would I define a class ‘floatleft’ used for an img tag in CSS3
img.floatleft {
}
what special character represents a space in html
what color is #FFFFFF in hex
white
what other values outside of RGB are used for websites
Hue, saturation, lightness, alpha
define dithering
the ability of a computer to display an approximation of color on a webpage by combining RGB values
by default, horizontal rules display how
with 3d shading
what is the default way an img is aligned with text
bottom - aligns with the base of the adjoining text
in a style sheet, what must you use to separate rules within a selector
;
what is the standard that applications used to transport information submitted in webforms before server side scripting
Common Gateway Interface
what does the action attribute of a form tag do
action specifies the name and location of the script that is going to process the form - i.e. where it’s going
what attributre allows default text to appear inside of a textbox
value
what attribute controls with width of a textarea
cols
how do you specify a preselected option for radio button
checked=”checked”
what happens if you omit the size attribute when using the tag
number of items visible will depend on the browser
how to allow multiple selection in tag
multiple=”multiple”
what does the “poster” attribute do for video
specifies the default image to be displayed until play is pressed
what does the type attribute do in a video
specifies the format/MIME type of the video (i.e. MP4 or Ogg
what is an image map
allows you to split an image by coordinates with different hyperlinks
what attribute represents the different clickable regions of an image map
area
what is interlacing
allowing user to see degraded image as it loads
how do SVGs work?
Uses XML to describe graphics
which three major objects are built into JavaScript?
Document, navigator, and array
what attributes are usable on the HTML5 canvas API
Height and Width
what is the delineation of responsibilities in two-tier computing?
Client is presentation and business logic, server is data
why would you use Go server side?
Production speed
horizontal vs vertical portal
horizontal - google. Vertical - CNET
who is responsible for MIME types
internet assigned numbers authority