html 7
Order by
63 terms
Terms | Definitions |
|---|---|
 @page rule | used to determine the size of the print area and the margins for printing |
| column droop | in which the top of one or more columns is slightly lower than the other columns, occurs when the bottom margin of a div element copetes for the same sapce as the top margin of another block-level element |
| elastic layout | in this layout em values are used instead of percentages values to determin column width |
| hybrid layout | part of the content (such as the header and navbar) may have a liquid layout and occupy the entire screen width |
| landscape orientation | the page is wider than it is long |
| liquid layout | a design that expands or contracts in proportion to the size of the user's screen resolution |
| media attribute | determines where output will be directed |
| portrait orientation | the page is taller than it is wide |
| print style | a style designed to create output for printed copy |
| size property | used to determine the size of the page for printing |
| span element | an inline element, does not create any formatting of its own, used to merge rows or merge columns |
| do most computer moniters sold today have a resolution greater than 1024px | yes |
| fluid layouts are also know as | flexible layouts |
| over the last several years screens have become what | wider |
| in the past most designs were based on what screen resolution | 600 X 800 |
| what are most screen resolutions today | 1024*768 |
| in designing a sweb page for landscape you must ensure that what | a page is not only aesthetically pleasing, but readable |
| are long or short lines of text harder to read | longer are harder to read, this is why mags and newspapers have two shorter columns |
| what is a safe rule to have about column line length | 60 to 80 characters |
| what is one great advantage about fluid layouts | you don't have to guess what width the viewer's viewport is |
| what are the two most common types of fluid layouts | liquid and elastic layouts |
| in a liquid layout the column widths are determined using what | percentage values NOT pixel values |
| by restricting the width of a fluid layout you can what | center the layout horizontally and have greater assurance that line lengths will not be an issue |
| in an elastic layout the column widths are determined using what | em values instead of percentage values |
| elastic layouts work well because | em values are relatvie units, so the text becomes larger or smaller for the user preference |
| the disadvantage to elastic layouts is that | you must convert px units to em units |
| the approach of elastic layouts | measurements are in em values. if you want, the layout can use the entire screen width |
| the approach of fixed width layouts | measurements are in pixels. the layout has a fixed screen width and usually does not occupy the entire screen width |
| the approach of hybrid layouts | both fixed width and fluid layouts exist on the same web page |
| the approach of liquid layouts | measurements are in percentages. if you want, the layout can use the entire screen |
| yes or no do you specify a width for the header div in a liquid layout | no |
| what plays an important part in preventing column droop | universal selector, because you eliminate the competition from margin space |
| to create a two column liquid layout | decide the width (in percentages) of the narrower column | decide if the sidebar needs to appear on the left or right |enter code for the sidebar and main id selectors, assign a width to the sidebar column, do not assign one to the main column | enter start and end div tags fro the sidebar and main div | if you aren't floating all id selectors, change the source order so that floated content appears before nonfloated content |
| true or false. the span element is a block-level element | FALSE. it is an inline element |
| true or false. in liquid layouts, use percent values for padding an margins | true |
| when you use border to create vertical lines between columns apply it | to the borders to the left or right sides of the longes columns in the layout |
| if you don't account for borders in liquid layout your layout will | break, be broken |
| the footer is primarily used for | adddress and contact information |
| liquid layouts take full advantage | of wide-screen monitors |
| you create nested divs to that | content can be grouped together |
| you can adjust the width of the footer to conform to | the width of the main column above it |
| what is portriat orientation | a layout in which the page is taller than it is wide |
| what is landscape orientation | a layout in which the page is wider than it is tall |
| what is an liquid layout | a layout that expands or contracts in proportion to the size of the viewport |
| what is a nested div | a div within a div |
| what is the purpose of a nested div | to group related content or to create additional structure |
| what is an elastic layout | a layout using em values |
| list items always appear vertically becasue | by default the value for the display property is block |
| to make list items appear horizontally | use display property of inline |
| to create a three column liquid layout | decide on the width (in percentages) for each of the narrower two sidebar columns |decide how you want the sidebar columns to float |in the style sheet, enter the code for the sidebar and main id selectors, assign widths to both sidebar columns, don't addign one to the main column |in the doc body enter start and end div tags for the sidebars and main div |if necessary, change the source order so that the floated content appears before non-floated content |
| when creating a design with a fluid layout, you must be wary of what | objects that have a fixed width, such as an image, table, form, or multimedia control because they prevent a column from resizing when you make the viewport narrower, when creating a fixed with try to put them in the biggest column and assign generous amt of white space so they can resize to some extent |
| the min and max width properties are for | content only and don't include margins, borders, or padding |
| can you apply a min max property to a div | yes, to keep the layout from expanding or contracting too much |
| can id selectors be grouped | yes |
| it is common to constrain liquid layouts to what | 70-90% of the screen width |
| when you create a print style you should | hide individual elements or even entire page divisions so that only the text content is printed |
| true or false. you usually want viewers to print navbar, banners, and images | false |
| things you need in an external print style sheet | text color to black, backgroud color to white, specific font size in points, font family as serif, style the navbar, banner, and images to have a display property of non, line height of 120% or greater, and @page rule to set the page size and margin |
| how many values does the media attribute have | 10 |
| what are the values of the media attribute | all-styles are applied to all devices | screen-limits output to screen and tells the browser to aply the styles only when displayig the page in the browser | print- sends output ot the printer and tells the browser to apply the assigned set of styles only when the doc prints | handheld- for output on mobile devices, such as cell phones |
| true or false. with the exception of "print" and "screen" most values for the media attribute are not supported by all browsers | true |
| the size property is always used with what | @page rule |
| can you adjust margins in IE print preview | yes |
First Time Here?
Welcome to Quizlet, a fun, free place to study. Try these flashcards, find others to study, or make your own.