SHARE
SPREAD
HELP

The Tradition of Sharing

Help your friends and juniors by posting answers to the questions that you know. Also post questions that are not available.


To start with, Sr2Jr’s first step is to reduce the expenses related to education. To achieve this goal Sr2Jr organized the textbook’s question and answers. Sr2Jr is community based and need your support to fill the question and answers. The question and answers posted will be available free of cost to all.

 

#
Authors:
Shelly Cashman Series, Jessica Minnick
Chapter:
Responsive Design Part 1: Designing For Mobile Devices
Exercise:
Consider This: Your Turn
Question:1 | ISBN:9781305578166 | Edition: 8

Question

1. Applying Responsive Design to Your Personal Portfolio Website 

Personal
Part 1:

In Chapter 4, you styled your personal portfolio website in the portfolio.html webpage.

In this exercise, you update that page to use responsive design as follows:
1. Open the external style sheet you created in Chapter 4 and save it with the name
    portfoliostyles05.css in the styles folder within the your_turn_1 folder.
2. Add your name and the current date as a comment to the first line of the
    portfoliostyles05.css file.
3. In your HTML editor, open the files you created for your portfolio website in Chapter 4
    and make sure your name and the current date are added as a comment to the first line

     of all files.
4. Update the HTML files to do the following:
      a. Modify the link to the external style sheet to reference portfoliostyles05.css.
      b. Add the viewport meta tag to the head section.
      c. Delete the height and width attributes from all img tags.
5. Update the CSS file to do the following:
      a. Measure all width properties in percentages (%).
      b. Add styles to create flexible images.
      c. Determine the most essential content on each page and style the HTML elements
          for a mobile viewport.
       d. Remove the markers (bullets) from the list items in the nav area.
       e. Refine your style sheet as desired to add margins and padding using em units

            of measure.
        f. Add a comment to note where the mobile styles begin.
6. Save and test your files.
7. Validate and correct your HTML and CSS files, and submit your assignment in the format
     specified by your instructor.

Part 2:
Add the following paragraph and unordered list to an appropriate location on one of your
personal portfolio webpages:
    <p>Have worked with the principles of responsive web design including:</p>
     <ul>
          <li>fluid layouts</li>
         <li>flexible images</li>
         <li>media queries</li>
     </ul>

Why might it be helpful to identify these types of terms on a personal portfolio webpage?
Is there any risk in adding this to a personal portfolio?

TextbookTextbookTextbookTextbookTextbookTextbookTextbookTextbookTextbookTextbookTextbookTextbookTextbookTextbookTextbookTextbookTextbook

Sorry the answer is not available at the moment…

If you are able to find the answer, please make sure to post it here. So that your Juniors have smile on their lips and feel happy.

Spread the 'tradition of sharing'.