Final exam review for web design HTML, CSS, Dreamweaver
Help!
|
|
||||
|---|---|---|---|---|---|
| show | text-decoration
🗑
|
||||
| show | border
🗑
|
||||
| show | background-color
🗑
|
||||
| CSS selector to change the size of words | show 🗑
|
||||
| show | font-style
🗑
|
||||
| CSS selector to change words to bold | show 🗑
|
||||
| CSS selector used to change the actual font face | show 🗑
|
||||
| CSS selector used to change line spacing | show 🗑
|
||||
| show | background-image
🗑
|
||||
| show | border-width
🗑
|
||||
| Default horizontal alignment for paragraphs | show 🗑
|
||||
| show | br /
🗑
|
||||
| show | ol
🗑
|
||||
| show | ul
🗑
|
||||
| Number of header elements in HTML | show 🗑
|
||||
| show | h1
🗑
|
||||
| show | h6
🗑
|
||||
| Closing tags in the reverse order you opened them is called | show 🗑
|
||||
| show | li
🗑
|
||||
| show | absolute
🗑
|
||||
| A hyperlink that links straight to a file in the site folder, like page1.html is called | show 🗑
|
||||
| show | img
🗑
|
||||
| This is added to an image tag for accessibility and describes the image | show 🗑
|
||||
| show | strong
🗑
|
||||
| show | em
🗑
|
||||
| HTML tag that creates a horizontal line across the page | show 🗑
|
||||
| HTML tag that indents from left and right and is a block element used in place of a paragraph | show 🗑
|
||||
| show | black
🗑
|
||||
| show | white
🗑
|
||||
| show | inline
🗑
|
||||
| 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 🗑
|
||||
| show | GIF
🗑
|
||||
| What symbol must all hexadecimal codes appear with? | show 🗑
|
||||
| In CSS a div starts with a | show 🗑
|
||||
| In CSS a class starts with a | show 🗑
|
||||
| If John has a font tri-list of Arial, Tahoma, sans-serif and he does not have Arial on his computer, what font will display? | show 🗑
|
||||
| What generic font category does Times New Roman fall in? | show 🗑
|
||||
| Level one headings always appear, by default, with this formatting | show 🗑
|
||||
| The default color, if not changed in CSS, for a webpage font is | show 🗑
|
||||
| Unclicked links, by default, are this color | show 🗑
|
||||
| Clicked (visited) hyperlinks, by default, are this color | show 🗑
|
||||
| show | favicon
🗑
|
||||
| show | PNG
🗑
|
||||
| An animated GIF is an image with more than one | show 🗑
|
||||
| show | imagemap
🗑
|
||||
| show | zero
🗑
|
||||
| show | JPG
🗑
|
||||
| The default unordered list type is | show 🗑
|
||||
| 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
🗑
|
||||
| show | browsers
🗑
|
||||
| show | universal reset
🗑
|
||||
| To center a div, it must have a width set and you must set this to auto: | show 🗑
|
||||
| show | markup
🗑
|
||||
| The Adobe program that is used to code webpages in a WYSIWYG (what you see is what you get) fashion is called | show 🗑
|
||||
| show | _blank
🗑
|
||||
| show | /
🗑
|
||||
| A button that changes to another button when you point your mouse at is is called a | show 🗑
|
||||
| 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 🗑
|
||||
| show | iterative
🗑
|
||||
| Principle that the more choices you present your users with, the longer it will take them to reach a decision. | show 🗑
|
||||
| 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 🗑
|
||||
| show | usability
🗑
|
||||
| Human eyes scan a page in this pattern: | show 🗑
|
||||
| The most ideal font size in pixels for web design is: | show 🗑
|
||||
| TETO stands for test early, test: | show 🗑
|
||||
| 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 🗑
|
||||
| show | body
🗑
|
||||
| If you download a large image to use on a webpage, you should do this to the image outside of your HTML editor to make it the proper size: | show 🗑
|
||||
| show | root
🗑
|
||||
| The most current Microsoft browser, included with Windows 10, is: | show 🗑
|
||||
| Browsers do this to HTML code: | show 🗑
|
||||
| show | Mosaic
🗑
|
||||
| show | 2008
🗑
|
||||
| Web editors that display the design as you work on a webpage, as opposed to just codes, are considered this type of editor: | show 🗑
|
||||
| show | empty
🗑
|
||||
| This attribute refers to the color of text on a webpage | show 🗑
|
||||
| show | attribute
🗑
|
||||
| This tag requires a title attribute to have any function. | show 🗑
|
||||
| This tag is used to highlight parts of your text. | show 🗑
|
||||
| When using multiple styles inline, separate each declaration with: | show 🗑
|
||||
| Hexadecimal color codes begin with a: | show 🗑
|
||||
| show | red
🗑
|
||||
| show | green
🗑
|
||||
| HSL, RGB, and Hex are all ____ models for web design. | show 🗑
|
||||
| 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
🗑
|
||||
| show | ID
🗑
|
||||
| show | #
🗑
|
||||
| This tag represents a single cell in a HTML table: | show 🗑
|
||||
| show | th
🗑
|
||||
| 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 🗑
|
||||
| When linking to an external style sheet, set the rel attribute to: | show 🗑
|
||||
| show | height
🗑
|
||||
| Hollow round bullets are called this (value): | show 🗑
|
||||
| This style attribute would create a list with capital roman numerals: | show 🗑
|
||||
| show | inline
🗑
|
||||
| This tag creates a numbered list: | show 🗑
|
||||
| show | url
🗑
|
||||
| show | list-style-image
🗑
|
||||
| To style a frame to use around an element, include what three values for the border--- size, color, and: | show 🗑
|
||||
| show | solid
🗑
|
||||
| show | a:hover
🗑
|
||||
| show | selector
🗑
|
||||
| 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 🗑
|
||||
| show | font-variant
🗑
|
||||
| When setting a float, which alignment can NOT be used: | show 🗑
|
||||
| To style the image background to not move as you scroll the page down, set this property to fixed: | show 🗑
|
||||
| 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 🗑
|
||||
| show | container
🗑
|
||||
| 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