Webmaster

• How to build a website (coding HTML/CSS or using a website builder, if it's allowed in the rubric).

• Ability to design visually appealing things.

• Ability to research and write.

• Direct URL link to the website. Cannot require downloads or permissions.

  • Reference page with sources of information used to create the site.

    • Student Copyright Checklist.

    • Work Log.

    • You are allowed to use frameworks and technologies like jQuery, Angular, Drupal, Joomla, WordPress, and Bootstrap.

      • No pre-built templates/themes.

      • If using a framework system, state that the template/theme was created by the team on the reference page.

The site will be graded on the following criteria: addressing the theme (weighted x2), addressing the challenge (weighted x3), having proper content (weighted x2), having good layout/navigation (weighted x2), having good graphics and colors (weighted x2), having proper function and compatibility (weighted x1), and having proper spelling/grammar (weighted x1). View these criteria in more detail in the rubric.

In regards to the most heavily weighted criteria, challenge, the rubric says to have a solution that is well presented, well researched, and highly effective. In addition to addressing the theme and making it prevalent throughout your pages, ensure that your site solves a problem presented by it in an effective and professional way. Also, in general, try to make your site look as professional as possible through good layouts and colors. You can view other websites to find inspiration.

When designing the layout of your site, it is also nice to know about grid and flexbox, which are methods of aligning items to create responsive (responsive to different screen sizes) layouts with CSS. These videos may be nice as an introduction to them: CSS Grid in 100 Seconds and CSS Flexbox in 100 Seconds. Note that mobile layouts will be taken into account as well, so try to make sure your site looks nice on a phone.

Like with many other events, Webmaster has an interview (up to five people show up to it). It is graded on the following criteria: knowledge (weighted x2), articulation (weighted x1), delivery (weighted x1), and engagement and participation (weighted x1).

In regards to the most heavily weighted criteria, knowledge, you might want to make sure you thoroughly describe what you did to make your project and why you made the decisions you made. It wants you to have a "thorough understanding of your project and design procedure."

In regards to how you should go about your interview, see this: "the team engages the judges in the interview, which becomes less of a question and answer session and more of a conversation about the topic and solution." Present effectively, and be sure to involve all team members, as that is part of the rubric as well.

Tools to design a UI relatively quickly without coding (to share with teammates):

• Figma

• Canva

• Draw a picture in real life