Now that you have float and position properties at your disposal, you have more layout options than before. For this assignment, you will practice using these techniques by creating a web page that introduces members of your company team. Assuming most students don't have an actual company, the content will, of course, be made up. You don't even need to use people for team members to introduce. They can be pets, stuffed animals, houseplants—whatever you want! If you'd like to create an actual team page for a club or organization you belong to, feel free. But if you do, be sure you get permission to use information about the organization and photos of people in the group in your project.
Your staff page should include an image of each team member with a short biography next to their picture. Somewhere on the page, you should also have a navigation section that would take you to other parts of the company site (these don't have to link to anything for this project). The float and positon properties should each be used at least once to create a visually organized and appealing layout.
Your completed assignment should contain all of the following:
|
When you're done, save your HTML file and upload it to your Neocities account. Then submit the assignment link to your teacher. You will be graded using the following rubric:
Team Pictures |
1 point | You added an image of each team member. |
Team Bios |
1 point | You wrote a short biography for each team member. |
Navigation |
1 point | A navigation section is part of the page layout. |
Float |
1 point | The float property was used effectively in the layout. |
Position |
1 point | The position property was used effectively in the layout. |
Syntax |
1 point | HTML and CSS code is accurate, using proper syntax. |