Basics of Web Design: HTML5 & CSS3 (3rd Edition)
3rd Edition
ISBN: 9780133970746
Author: Terry Felke-Morris, Terry Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Expert Solution & Answer
Chapter 3, Problem 2HOE
Explanation of Solution
a.
Uniform Resource Locator (URL) of the Website:
The URL of the website is “http://mediaqueri.es”.
Explanation:
Here, “...
Explanation of Solution
b.
Name of the website:
The name of the website for the URL “http://mediaqueri.es” is “mediaqueri”.
Explanation:
The website name is “mediaqueri”; i...
Explanation of Solution
c.
Target audience:
The given website is targeting the users who are interested in web development and designing. The people who are working with Cascading Style Sheet (CSS) and browser qualification may need the perfect version of their web pages on any device even a phone or tablet browser...
Explanation of Solution
d.
Screenshot of website from different devices:
The devices such as smartphone, desktop, and tablet have different screen resolution. Thus, the webpage will have different appearances in different screens.
Desktop display:
The website appearance in a desktop machine is as follows:
Explanation of Solution
e.
Similarities and differences between screenshots:
There are many differences between the above screenshots.
- The mobile webpage view is different when comparing to the desktop webpage view.
- For mobile webpage, the website designers need to modify the website by setting the less screen size because website showing the enlarge format...
Explanation of Solution
f.
Ways in which display is modified for smartphones:
The webpage is modified in order to optimize the smartphone webpages.
- As it can be observed from the above screenshots, the text is enlarged and images are shrunken in web page for mobile views...
Explanation of Solution
g.
“Yes”, the website does meet the need of target audience in all display modes.
Reason:
- The website is optimized for mobile and tablet view...
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these similar questions
Computer Science
Locate six websites: two e-commerce websites, two blogs about web design, and two organizational websites. Familiarize yourself with the navigation on each website.
2. Examine how each website presents text links.
Does the link text clearly identify the link’s target webpage or content? Do tooltips appear when you point to a text link?
Does the website use both color and formatting to define text links? How are fresh and followed links differentiated? Are hidden or rollover text links used?
3. Examine how each website presents menus.
What type(s) of menus does the website use?
Do any examples of hidden menus exist? Were they easy to find and use?
4. Will the results of your research determine what type(s) of navigation you would use as a web designer? If yes, how? If no, why not?
Images are important to web design. Do you know of some pages with too few, too many, and just the right amount of images?
Design a responsive webpage using media query as shown in the following image. Your design
should have three views namely Desktop, Tablet and Mobile views. Your final answer should
looks similar to the given examples using the required CSS styles.
RESPONSIVE WEB DESIGN
A WORKING EXAMPLE
Chapter 3 Solutions
Basics of Web Design: HTML5 & CSS3 (3rd Edition)
Knowledge Booster
Similar questions
- Does creating a website necessarily involve a fixed number of stages? Please take me through each stage, and explain why the first is the most important.arrow_forwardExplain the concept of responsive web design. How does it contribute to a better user experience across different devices and screen sizes? Provide examples of CSS techniques used in responsive design.arrow_forwardExplain the concept of a "responsive" user interface in web design, and provide three strategies for achieving responsiveness.arrow_forward
- Is it possible that there are three situations in which a web designer would want to create a high-quality website design?arrow_forwardExplain the principles of responsive web design. How can CSS frameworks like Bootstrap assist in creating responsive web layouts? Provide code examples.arrow_forwardExplain briefly four issues that are frequently related with table-based Web page layout.arrow_forward
- In your own words explain: a.) What role do images play in website design? b.) What are our responsibilities when choosing images for display? c.) How do we document the image content for WCAG Guidelines? d.) How do you use images on the Web, for shopping, or on Facebook?arrow_forwarda) Planning the website’s structure before you begin creating its pages has several benefits.Explain TWO (2) benefits of structure planning. b) To enable better web browsing, web designers incorporate features called web accessibility.Explain web accessibility.arrow_forwardSelect a specific web application or website related to programming or designing. Then, answer the following items: Provide the name of the web application/website. Provide the link to the web application/website. Briefly describe the web application/website. What type of user interface (UI) does the web application/website encompass? Justify your answer. Take a screenshot of at least two (2) different event-driven program execution that you have noticed in the web application/website. Based on your answers on item number 5, rationalize how each screenshot encompasses event-driven program execution.arrow_forward
- How dissimilar are the two responsive web design approaches from one another?What does this mean, and how well do they line up with one another?arrow_forwardQuestion 1 The Task A startup company wishes to build a web site for their online dating business. They have employed a designer who has produced the following design using desktop publishing software. The software used by the designer only produces an image, and does not produce HTML. The company has now contracted you to implement the design i.e. build the web page. This includes a working form component. The company thinks the designer has done a great job and wants you to implement the design without altering the style. Technical Overview From a technical point of view, the web page is constructed using HTML and CSS. Most of the HTML content are form elements. All the style parameters are handled in a style section, at the top of the same page. Interactive Features The company requires you to have two interactive features in the web page. When the mouse is moved over any labelor inputor select element, the text in that element is shown larger. When the mouse moves away from the…arrow_forwardDiscuss the importance of responsive web design. What techniques and technologies are used to create responsive web layouts?arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
Database System ConceptsComputer ScienceISBN:9780078022159Author:Abraham Silberschatz Professor, Henry F. Korth, S. SudarshanPublisher:McGraw-Hill Education
Starting Out with Python (4th Edition)Computer ScienceISBN:9780134444321Author:Tony GaddisPublisher:PEARSON
Digital Fundamentals (11th Edition)Computer ScienceISBN:9780132737968Author:Thomas L. FloydPublisher:PEARSON
C How to Program (8th Edition)Computer ScienceISBN:9780133976892Author:Paul J. Deitel, Harvey DeitelPublisher:PEARSON
Database Systems: Design, Implementation, & Manag...Computer ScienceISBN:9781337627900Author:Carlos Coronel, Steven MorrisPublisher:Cengage Learning
Programmable Logic ControllersComputer ScienceISBN:9780073373843Author:Frank D. PetruzellaPublisher:McGraw-Hill Education
Database System Concepts
Computer Science
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:McGraw-Hill Education
Starting Out with Python (4th Edition)
Computer Science
ISBN:9780134444321
Author:Tony Gaddis
Publisher:PEARSON
Digital Fundamentals (11th Edition)
Computer Science
ISBN:9780132737968
Author:Thomas L. Floyd
Publisher:PEARSON
C How to Program (8th Edition)
Computer Science
ISBN:9780133976892
Author:Paul J. Deitel, Harvey Deitel
Publisher:PEARSON
Database Systems: Design, Implementation, & Manag...
Computer Science
ISBN:9781337627900
Author:Carlos Coronel, Steven Morris
Publisher:Cengage Learning
Programmable Logic Controllers
Computer Science
ISBN:9780073373843
Author:Frank D. Petruzella
Publisher:McGraw-Hill Education