Job Description: Designer

Details:

  1. Review the instructional page Basic HTML. Even though you will be doing your coding in CSS, it is important to understand HTML since CSS is used to stylize HTML elements.
  2. After you have a basic understanding of HTML, review the instructional page Basic CSS. Your Team Leader will provide additional instructions.
  3. Meet with other Designers to divide up tasks. Then begin working on the website style sheet. Tasks that can be distributed among all team members include:
    • Discussing design ideas, including best choices for font-family, size, color, background-color, margin and padding for all content. All team members should participate in this task.
    • Writing the CSS code in Visual Studio Code.
    • Looking up CSS properties in the CSS Reference guides.
    • Looking up color codes using the W3Schools Color Picker.
    • Checking foreground and background colors using the WebAIM Color Contrast Checker to be sure they have sufficient contrast.
  4. All CSS styles will be added to the file "doit.css" in VS Code. This file is located in the "styles" folder within the Web Design folder on your desktop. Since all team members will be working on the same file, you'll need to clearly communicate on who's working on which sections, then combine your work when everyone is finished. Your team leaders will help with this.
  5. You will not be able to add CSS to the actual DO-IT Summer Study website until the Structure team has created content. Meanwhile, you can be practicing and developing your CSS skills with a sample HTML page. The file template-site.html is provided in the Web Design folder for this purpose.