Principles of Web Design, Sixth Edition, leads you through the entire web site creation process, from start to finish, while developing and enhancing your HTML, CSS, and visual design skills along the way. You will also learn how to create accessible web sites that let users easily and quickly navigate through your information, regardless of browser type, connection speed, or browsing device. You will explore the principles of responsive design, a new method of designing web sites that adapt to devices ranging from mobile phones to desktop monitors. Whether you are building a site from scratch or redesigning an existing site, the principles presented in this text will help you deliver your web content in a more responsive, accessible, and visually exciting way. This edition reflects the latest in web design trends with expanded sections, plenty of new content, and an updated topic flow.
|Published (Last):||19 July 2007|
|PDF File Size:||11.8 Mb|
|ePub File Size:||19.1 Mb|
|Price:||Free* [*Free Regsitration Required]|
ESSAY 1. Describe the normal flow of elements and how floating elements affect it. ANS: By default, the browser normally displays elements on the page one after the other, depending on whether the elements are block-level or inline elements. Some elements float to the left or right of other elements on the page. Element position can be affected by margin or padding properties, but generally the browser lays out element boxes from top to bottom and left to right until all elements that make up the Web page have been displayed.
In the normal flow for block-level elements, boxes are laid out vertically one after the other, beginning at the top of the containing block. Each box horizontally fills the browser window. The space between boxes is determined by the margin settings. The normal flow determines the sequence of element display in standard HTML. When you float, or position an element, you take it out of the normal flow.
Other elements that are not floated or positioned will still follow the normal flow, so you should check the results frequently as you are designing you layout using floats. PTS: 1 2.
Explain how you can use the division element to create content containers. ANS: The division element is your primary tool for creating sections of content in your Web page designs. Using the box properties, you can create divisions that are any shape you need to contain and segregate sections of content. You can create vertical columns containing content and control the white space between and within columns.
You can nest divisions within divisions and create interesting content presentations. Finally, you can create a division element to contain an entire Web page, often called a wrapper, to center a Web page within the browser window, regardless of screen resolution. Describe the advantages and disadvantages of flexible layouts. From a design viewpoint, this can be less desirable because of the wide range of monitor sizes and resolutions.
With a flexible layout, your content has to adapt and look food at wide rang of layout sizes, which can be difficult to achieve. With a simple layout, flexible Web sites resize gracefully, but with more complex content and page designs, you may want to restrict your design with the min-width and max-width properties.
Describe some of the advantages of a fixed page layout. ANS: Fixed layouts remain constant despite the resizing of the browser in different screen resolutions and monitor sizes. Many designers prefer fixed layouts because they have more control over the finished design. They can also build more complex layouts because they can be fairly sure of consistent results. Fixed layouts are normally contained by a wrapper element that controls the page width and centers the page in a browser window.
Within the wrapper, you can choose whether to contain only fixed-size elements, percentage elements, or a combination of the two. Because the outside width of the page is fixed, the design is more precise, and content can flow down the page as necessary. Pixel measurements are favored by many designers when created fixed designs. Describe how you would center a fixed layout Web design. ANS: Another benefit of using a wrapper division to contain your layout is the ability to automatically center the layout horizontally in the browser.
This is a great solution for wide-screen monitors, as your layout will always be centered regardless of the screen resolution. Automatic centering is a simple use of the margin property. In the following style rule for the wrapper division, the margin-left and margin-right properties are set to auto, telling the browser to automatically proportion the extra space in the browser window, resulting in a centered layout.
Principles of Web Design The Web Technologies Series 5th Edition by Joel Sklar – Test Bank
What is white space? What is the difference between active and passive white space? ANS: White spaces are the blank areas of a page, regardless of the color you choose to give them. Use white space deliberately in your design, rather than as an afterthought. Good use of white space guides the reader and defines the areas of your page. White space that is used deliberately is called active white space and is an integral part of your design because it structures and separates content. Sometimes the strongest part of a design is the active white space.
Principles Of Web Design (HTML), 5th Edition Test Bank | 9781111528706
Enhance your education with instant download, quick delivery and free sample PDF options. What is the difference between a test bank and a solution manual? Solution Manual contains comprehensive answers to the end of chapter questions, problems and exercises. Test Bank is a very useful collection of exam questions including multiple choice, true or false, fill in the blanks, short and essay answers with solutions. What should I choose? If you are preparing for an exam, a test bank is a good choice.