Final exam review for web design HTML, CSS, Dreamweaver
Quiz yourself by thinking what should be in
each of the black spaces below before clicking
on it to display the answer.
Help!
|
|
||||
|---|---|---|---|---|---|
| show | text-decoration
🗑
|
||||
| CSS selector that is used with 1px solid blue | show 🗑
|
||||
| CSS selector to change the color of the background | show 🗑
|
||||
| show | font-size
🗑
|
||||
| CSS selector to change words to italic | show 🗑
|
||||
| CSS selector to change words to bold | show 🗑
|
||||
| show | font-family
🗑
|
||||
| show | line-height
🗑
|
||||
| show | background-image
🗑
|
||||
| show | border-width
🗑
|
||||
| Default horizontal alignment for paragraphs | show 🗑
|
||||
| Creates a line break or "enter" | show 🗑
|
||||
| Creates a numbered list | show 🗑
|
||||
| show | ul
🗑
|
||||
| show | 6
🗑
|
||||
| Largest header element | show 🗑
|
||||
| show | h6
🗑
|
||||
| show | nesting
🗑
|
||||
| show | li
🗑
|
||||
| show | absolute
🗑
|
||||
| show | relative
🗑
|
||||
| HTML code to insert a picture starts with this | show 🗑
|
||||
| This is added to an image tag for accessibility and describes the image | show 🗑
|
||||
| Two tags can bold text; b (which is deprecated) and | show 🗑
|
||||
| Two tags can italize text; i (which is deprecated) and | show 🗑
|
||||
| show | hr /
🗑
|
||||
| HTML tag that indents from left and right and is a block element used in place of a paragraph | show 🗑
|
||||
| show | black
🗑
|
||||
| show | white
🗑
|
||||
| Formatting tags like em, strong, or other tags that cannot stand alone are called | show 🗑
|
||||
| show | block
🗑
|
||||
| The information the title tag displays where in the browser? | show 🗑
|
||||
| The two most widely accepted image formats for the web are GIF and | show 🗑
|
||||
| This web image format supports transparency and animation | show 🗑
|
||||
| What symbol must all hexadecimal codes appear with? | show 🗑
|
||||
| show | pound sign
🗑
|
||||
| show | period
🗑
|
||||
| show | Tahoma
🗑
|
||||
| show | serif
🗑
|
||||
| show | bold
🗑
|
||||
| The default color, if not changed in CSS, for a webpage font is | show 🗑
|
||||
| Unclicked links, by default, are this color | show 🗑
|
||||
| show | purple
🗑
|
||||
| show | favicon
🗑
|
||||
| show | PNG
🗑
|
||||
| An animated GIF is an image with more than one | show 🗑
|
||||
| A photograph or image with multiple clickable link areas (added in Dreamweaver) is called a/an | show 🗑
|
||||
| If you do not want buttons that are hyperlinked to have an ugly blue or purple border, set the border to | show 🗑
|
||||
| This type of image format, which can have up to 16 million colors, is best used for photographs on webpages | show 🗑
|
||||
| show | disc
🗑
|
||||
| The three common unordered list types are disc, circle, and | show 🗑
|
||||
| To set up a page layout, it is best to use these | show 🗑
|
||||
| show | definition
🗑
|
||||
| Internet Explorer, Safari, and Google Chrome are called | show 🗑
|
||||
| show | universal reset
🗑
|
||||
| To center a div, it must have a width set and you must set this to auto: | show 🗑
|
||||
| show | markup
🗑
|
||||
| show | Dreamweaver
🗑
|
||||
| If you want a hyperlink to open in a new window, you must set the target to | show 🗑
|
||||
| A closing tags looks different from an opening tag because inside the the tag, the first character is | show 🗑
|
||||
| show | rollover
🗑
|
||||
| A line in CSS that begins with //* and ends with *// is called a | show 🗑
|
||||
| Webpages created in Notepad need to be saved with this typed at the end of the filename | show 🗑
|
||||
| Organizing a webpage with the most important elements first describes the principle of visual: | show 🗑
|
||||
| Prototyping, testing, analyzing, fixing, and testing again is the principle of _____ design | show 🗑
|
||||
| show | Hick's Law
🗑
|
||||
| Generally, if not at the top of the page, the main navigation should be at this side: | show 🗑
|
||||
| This graphical control element is a navigational aide to help users keep track of their locations within the website structure. | show 🗑
|
||||
| Having a highly intuitive website structure increases the: | show 🗑
|
||||
| show | F
🗑
|
||||
| show | 16
🗑
|
||||
| show | often
🗑
|
||||
| This type of design means a website can automatically alter it's layout according to the user's computer/device screen or browser size. | show 🗑
|
||||
| show | angle brackets
🗑
|
||||
| This is a required preamble on a webpage that tells browsers and validators what version of HTML the webpage is written in: | show 🗑
|
||||
| This section of a web page contains all the content that is inside the webpage and visible on the browser viewport: | show 🗑
|
||||
| show | resize
🗑
|
||||
| show | root
🗑
|
||||
| The most current Microsoft browser, included with Windows 10, is: | show 🗑
|
||||
| show | interpret
🗑
|
||||
| show | Mosaic
🗑
|
||||
| show | 2008
🗑
|
||||
| show | WYSIWYG
🗑
|
||||
| HR, IMG, and BR are considered this type of tag, which does not have a closing pair. | show 🗑
|
||||
| This attribute refers to the color of text on a webpage | show 🗑
|
||||
| In a tag, the part that includes an equal sign is the: | show 🗑
|
||||
| This tag requires a title attribute to have any function. | show 🗑
|
||||
| show | mark
🗑
|
||||
| When using multiple styles inline, separate each declaration with: | show 🗑
|
||||
| show | number sign
🗑
|
||||
| The first two numbers of a hexadecimal code refer to this color: | show 🗑
|
||||
| The middle two characters of a hexadecimal code refer to this color: | show 🗑
|
||||
| show | color
🗑
|
||||
| show | section
🗑
|
||||
| If the paragraph after an unordered list is erroneously indented, what tag is missing? | show 🗑
|
||||
| To create a hyperlink, use this tag: | show 🗑
|
||||
| show | target
🗑
|
||||
| To create a hyperlink that jumps down the page, first name the targets with this attribute: | show 🗑
|
||||
| To jump down the page, the attribute value for the HREF should begin with a: | show 🗑
|
||||
| This tag represents a single cell in a HTML table: | show 🗑
|
||||
| This tag represents a cell in a table that is also centered and bold: | show 🗑
|
||||
| This attribute would be used to "merge" a row of cells in a table: | show 🗑
|
||||
| To link to an external style sheet, put this tag in the head: | show 🗑
|
||||
| show | stylesheet
🗑
|
||||
| show | height
🗑
|
||||
| Hollow round bullets are called this (value): | show 🗑
|
||||
| show | upper-roman
🗑
|
||||
| show | inline
🗑
|
||||
| This tag creates a numbered list: | show 🗑
|
||||
| When styling a background or list to have images, you must remember to put this before the open parenthesis with no space in between: | show 🗑
|
||||
| This property is used to style bullets to have an image: | show 🗑
|
||||
| To style a frame to use around an element, include what three values for the border--- size, color, and: | show 🗑
|
||||
| The most common value for border-style is: | show 🗑
|
||||
| This pseudo-class is used to create an alternative format when hyperlinks are pointed at: | show 🗑
|
||||
| When creating styles, the actual element you are styling (such as a p or h3) is called the: | show 🗑
|
||||
| This type of stylesheet is inside the tags and overrides any other styles: | show 🗑
|
||||
| When used in the head section, an embedded style sheet of CSS rules must be surrounded by this tag: | show 🗑
|
||||
| CSS selector used to change text to small-caps: | show 🗑
|
||||
| When setting a float, which alignment can NOT be used: | show 🗑
|
||||
| show | background-attachment
🗑
|
||||
| To modify every other row of a table using a pseudo-class, you would include this after TR, followed by a set of parenthesis | show 🗑
|
||||
| If both an HTML table and it's rows/cells have a border, style the table border-collapse property to this to remove the double borders: | show 🗑
|
||||
| To prepare images for use on a website, resize to the appropriate size in this measurement: | show 🗑
|
||||
| show | resolution
🗑
|
||||
| show | SVG
🗑
|
||||
| To create a responsive image that scales down as the browser scales down, set this to 100%: | show 🗑
|
||||
| To center an image, you must style the image: | show 🗑
|
||||
| show | clear
🗑
|
||||
| show | figure
🗑
|
||||
| This would be an application of which design principle--" reduce the distance from one point to the next and make the target object large enough to enable prompt detection and selection of interactive elements" | show 🗑
|
Review the information in the table. When you are ready to quiz yourself you can hide individual columns or the entire table. Then you can click on the empty cells to reveal the answer. Try to recall what will be displayed before clicking the empty cell.
To hide a column, click on the column name.
To hide the entire table, click on the "Hide All" button.
You may also shuffle the rows of the table by clicking on the "Shuffle" button.
Or sort by any of the columns using the down arrow next to any column heading.
If you know all the data on any row, you can temporarily remove it by tapping the trash can to the right of the row.
To hide a column, click on the column name.
To hide the entire table, click on the "Hide All" button.
You may also shuffle the rows of the table by clicking on the "Shuffle" button.
Or sort by any of the columns using the down arrow next to any column heading.
If you know all the data on any row, you can temporarily remove it by tapping the trash can to the right of the row.
Embed Code - If you would like this activity on your web page, copy the script below and paste it into your web page.
Normal Size Small Size show me how
Normal Size Small Size show me how
Created by:
skindawg
Popular Graphic Arts sets