CIW Lesson 10
Which of the following is a CSS technique you can add to your style sheets to enable your page layout blocks to automatically adjust based on the device used to view your page?
Adding media queries to the style sheet reference in the <head> tag
What should you provide to users who may want or need more information than your mobile site provides?
An easy-to-find link to a full desktop version of your Web site on the mobile site
If your target audience visits your mobile site to search for specific categories of products, where would be the best place to position the site's navigation buttons or links?
At the top of the page for quick access
When designing mobile Web sites, why is it important to keep to a minimum the amount of manual data entry required for entering text?
Because mobile device users must type on a small touchscreen with their fingers or a stylus
When designing mobile Web sites, why is it important to avoid including pop-ups in your page design?
Because small mobile device screens have very little space available for pop-up windows
Different mobile devices have different screen resolutions. How can you design your site so that various mobile devices can easily accommodate it?
Create flexible-sized elements using percentages instead of pixels.
You have designed a traditional Web site for your business, and now you want to create a mobile site. Which of the following is an additional consideration specific to designing Web sites for use on mobile devices?
Designing your pages to be viewed on smaller screens
What term describes a responsive design technique that adapts page elements to a device's screen size by assigning percentage-based dimensions to the elements?
Fluid
Mobile Web sites are written with which markup language?
HTML
What is an advantage of using a grid-based layout when developing your mobile Web site?
It helps you determine which elements on your page can shrink or expand as the grid shrinks or expands.
When designing mobile Web sites, which of the following should you do to simplify the site design?
Minimize the number of links that users must click to navigate the site.
How can you make the navigation links on your mobile Web site easy to spot and to click with a fingertip?
Pad the clickable area around your links to make them a little larger.
What is the term for a Web design approach that creates sites that adapt to many different viewing environments, such as different devices, browsers and screen sizes?
Responsive Web Design
What distinguishes responsive site design from mobile site design?
Responsive design aims to make Web page elements adjust on-the-fly to accommodate any device.
What is the term for a set of tools, templates or boilerplates that provide the basic foundation for responsive design in a Web page, and then let you fill it with your own content?
Responsive design frameworks
Which protocol should you use to create a link in your mobile site that will allow smartphone users to send a text message?
The sms protocol
If you want to create a click-to-call feature in your mobile site for smartphone users, which protocol should you use to create a phone link?
The tel protocol
Why should you use fluid images in your mobile Web site?
The width and height of fluid images is specified in percentages rather than pixels, and therefore the images will never exceed the width of the mobile device screen.
Which statement about mobile Web browsers is true?
They are good at resizing Web site content proportionally.
Which statement about mobile Web sites is true?
They can be viewed from any mobile device with a browser.
Which statement about mobile apps is true?
They run on a specific mobile operating system.
Why would you use a client emulator to test your mobile Web site?
To ensure that your mobile site works on various device browsers and devices
When designing mobile Web sites, why is it important to place page content in a single, wrapping column?
To prevent users from having to scroll horizontally
Which choice ensures that your code complies with standards, and prepares your pages for compatibility with evolving and future technologies?
Validating your mobile site
How do you include a media query in your HTML code?
Write a Boolean operation to set a condition that returns a value of true or false.
