9 of 9

Staff Page Assignment

Using float and position properties, you will create a web page that tells us about your company's team members.

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:

paperwork on an employee on a clipboard
  • A minimum of 4 team members should be included.
  • Each team member should have an image and a short biography.
  • A navigation section that would go to other parts of your organization website should be included.
  • Use the float property thoughtfully when laying out the page.
  • Utilize the position property effectively at least once in your design.

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.