1. Improving Your Personal Portfolio Website Design
Personal
Part 1:
In Chapter 6, you completed your personal portfolio website for a responsive design. In this
exercise, you update the page as follows:
1. Open the external style sheet you created in Chapter 6 and save it with the name
portfoliostyles07.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 portfoliostyles07.css file.
3. In your HTML editor, open the files you created for your portfolio website in Chapter 6 and
make sure your name and the current date are added as a comment to the first line of all files.
a. Update the HTML files to modify the link to the external style sheet to reference
portfoliostyles07.css.
b. Wrap your picture in a figure element.
c. Integrate an article element on the portfolio page.
d. Integrate a section element on the education page.
4. Update the CSS file to:
a. Style the figure element for mobile, tablet, and desktop viewports.
b. Style the article element for mobile, tablet, and desktop viewports.
c. Style the section element for mobile, tablet, and desktop viewports.
d. Apply a text-shadow property to your name.
e. Refine your style sheet as desired.
f. Adjust viewport widths if necessary.
g. Add comments to note all changes and updates.
5. Save and test your files.
6. Validate and correct your HTML and CSS files, and submit your assignment in the format
specified by your instructor.
Part 2:
Use your browser to research the HTML5 details and summary semantic elements. Discuss where
you could integrate these elements with your site and why.
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'.