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 🗑
|
||||
show | font-weight
🗑
|
||||
show | font-family
🗑
|
||||
CSS selector used to change line spacing | show 🗑
|
||||
CSS selector used to change the background to a picture | show 🗑
|
||||
CSS used to just change the size of a border | show 🗑
|
||||
Default horizontal alignment for paragraphs | show 🗑
|
||||
show | br /
🗑
|
||||
Creates a numbered list | show 🗑
|
||||
Creates a bulleted list | show 🗑
|
||||
show | 6
🗑
|
||||
Largest header element | show 🗑
|
||||
show | h6
🗑
|
||||
Closing tags in the reverse order you opened them is called | show 🗑
|
||||
This specific creates a bullet (or number, depending on the list type) | show 🗑
|
||||
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 🗑
|
||||
show | em
🗑
|
||||
HTML tag that creates a horizontal line across the page | show 🗑
|
||||
show | blockquote
🗑
|
||||
#000000 is the hex code for | show 🗑
|
||||
show | white
🗑
|
||||
show | inline
🗑
|
||||
show | block
🗑
|
||||
show | tab
🗑
|
||||
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 🗑
|
||||
show | pound sign
🗑
|
||||
show | period
🗑
|
||||
show | Tahoma
🗑
|
||||
show | serif
🗑
|
||||
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 🗑
|
||||
show | blue
🗑
|
||||
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
🗑
|
||||
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
🗑
|
||||
show | square
🗑
|
||||
To set up a page layout, it is best to use these | show 🗑
|
||||
The three main types of HTML lists are ordered, unordered, and | show 🗑
|
||||
Internet Explorer, Safari, and Google Chrome are called | show 🗑
|
||||
Using the wildcard, the * in your CSS, and setting margins and padding to zero, is called the | show 🗑
|
||||
To center a div, it must have a width set and you must set this to auto: | show 🗑
|
||||
In HTML, the M stands for | show 🗑
|
||||
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
🗑
|
||||
A closing tags looks different from an opening tag because inside the the tag, the first character is | show 🗑
|
||||
A button that changes to another button when you point your mouse at is is called a | show 🗑
|
||||
show | comment
🗑
|
||||
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
🗑
|
||||
show | Hick's Law
🗑
|
||||
Generally, if not at the top of the page, the main navigation should be at this side: | show 🗑
|
||||
show | breadcrumbs
🗑
|
||||
Having a highly intuitive website structure increases the: | show 🗑
|
||||
Human eyes scan a page in this pattern: | show 🗑
|
||||
The most ideal font size in pixels for web design is: | show 🗑
|
||||
show | often
🗑
|
||||
show | responsive
🗑
|
||||
show | angle brackets
🗑
|
||||
show | DOCTYPE
🗑
|
||||
show | body
🗑
|
||||
show | resize
🗑
|
||||
All html files, CSS page, images and any assets for the webpage should be saved in the webpage: | show 🗑
|
||||
The most current Microsoft browser, included with Windows 10, is: | show 🗑
|
||||
Browsers do this to HTML code: | show 🗑
|
||||
The first internet browser: | show 🗑
|
||||
The year Google Chrome began: | show 🗑
|
||||
show | WYSIWYG
🗑
|
||||
show | empty
🗑
|
||||
show | color
🗑
|
||||
show | attribute
🗑
|
||||
This tag requires a title attribute to have any function. | show 🗑
|
||||
This tag is used to highlight parts of your text. | show 🗑
|
||||
show | semi-colon
🗑
|
||||
Hexadecimal color codes begin with a: | show 🗑
|
||||
The first two numbers of a hexadecimal code refer to this color: | show 🗑
|
||||
show | green
🗑
|
||||
HSL, RGB, and Hex are all ____ models for web design. | show 🗑
|
||||
show | section
🗑
|
||||
show | /ul
🗑
|
||||
To create a hyperlink, use this tag: | show 🗑
|
||||
This attribute is used to open a hyperlink in a new window or tab: | show 🗑
|
||||
To create a hyperlink that jumps down the page, first name the targets with this attribute: | show 🗑
|
||||
show | #
🗑
|
||||
show | td
🗑
|
||||
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
🗑
|
||||
show | ol
🗑
|
||||
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 🗑
|
||||
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
🗑
|
||||
show | inline
🗑
|
||||
show | style
🗑
|
||||
CSS selector used to change text to small-caps: | show 🗑
|
||||
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 🗑
|
||||
show | nth-child
🗑
|
||||
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 🗑
|
||||
The number of pixels in a linear inch is referred to as the image: | show 🗑
|
||||
This image format is a vector format for high-quality, scalable graphics generated by code: | show 🗑
|
||||
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 🗑
|
||||
If using an image floating to the side of a paragraph, this should be done to the HR after the paragraph so that the image does not interfere: | show 🗑
|
||||
show | figure
🗑
|
||||
show | Fitt's Law
🗑
|
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