Assignment
Instructions:
Alright so let’s put it all together! Most of us are familiar with Facebook by now but if you are not here is a link (Links to an external site.)Links to an external site. to the main website. Two of the main features of Facebook online person profile creation and photo galleries. Let’s try to create two simple web pages that accomplish the same goal. Start with the following:
-
Create a folder on your Desktop named Foundations Project
-
Create three files within this folder named as follows:
profile.html
gallery.html
main.css
Each file will represent a different page on your fictitious website. The profile.html will represent your profile page while the gallery.html file will represent your gallery page. On your profile page, try adding the following:
-
A title using an h1
-
A navigation bar with 3 links:
Home -> profile.html
Profile -> profile.html
Gallery -> gallery.html
-
A picture of yourself
-
A unordered list where you identify your:
Birthday
Hobbies
Favorite TV Shows
-
Two short paragraphs describing yourself
-
A footer area with links to social media accounts that you have
Twitter -> twitter profile
Facebook -> facebook profile
On your gallery page, try adding the following:
-
A title using an h1
-
A navigation bar with 3 links:
Home -> profile.html
Profile -> profile.html
Gallery -> gallery.html
-
6 photos arranged in a grid format
-
A footer area with links to social media accounts that you have
Twitter -> twitter profile
Facebook -> facebook profile
One your stylesheet, try doing the following:
-
Have the stylesheet linked to both the profile.html and gallery.html page
-
Style the following elements:
All titles
The navigation bar
The footer
The photos in the gallery page
The goal is not to have it be perfect but to have you try out different color combinations, fonts, sizing of text and placement of items on the page. The information on the profile itself does not have to be accurate. So be as creative as possible with the content and the design.
Completion Requirements:
The completed assignment should:
have a title of on each page have a navigation on each page have a stylesheet that corresponds to both pages have styled content on both pages have a footer on each page 2 paragraphs of bio content on the profile page have a profile image on the profile page have a more info section listing interests, birthday and favorite tv shows have 6 images in their gallery page