BEGINNERS CATEGORYADVANCED CATEGORY |
|
MCWT Foundation Website Design Competition Additional Criteria Information | |
2019 Competition Theme: “Develop a website for a tech product or service – imaginary or real – that impacts the world in a positive way”
All competitors must have FIVE PAGES total: One page must be the home page. Three pages must be dedicated to your specific topic. The 5th page should list credits for sources, computer classes taken, etc. You may compete as an individual or in a team of two girls, with no change in how the teams are judged. |
|
General Features Checklist | |
Home page makes the site’s topic immediately clear. | |
The website includes three pages on your specific topic. | |
The website contains one (1) page of credits/sources/classroom work in middle or high school. | |
Title of website is displayed consistently on all pages, yet each page has a distinctive title in addition to the title of the website. | |
The website’s navigation scheme is clear. Users can tell what page of the site they are on and how to navigate to other pages. | |
Navigation options are prominent, consistent, and intuitive. | |
Competitors did not provide an “email me” link. It’s to protect your privacy. | |
Design/Aesthetics | |
General impression: Upon first entering the site, a visitor would think, “This looks nice.” | |
The site includes adequate text-to-background contrast. | |
The filenames that precede “.html” must be similar or identical to both the page titles and the labels on the navigation buttons. | |
The site design conveys a cohesive and pleasing design theme (i.e., the theme is carried through on each page). | |
Fonts, font sizes, and font colors are implemented consistently. | |
White space, text, and graphics are all pleasingly balanced. | |
Images that add value to the site are used. Images are especially creative and original. Images created/taken by you yourself are considered to be original. | |
Functionality | |
Primary navigation options function as intended. | |
BEGINNERS
One external link (minimum) is included & successfully opens in a new window. |
|
ADVANCED
Two external links (minimum), including one to social media, are included & successfully open in a new window. |
|
BEGINNERS
Audio, video, and animation are not allowed in this category. (Note: Mouse-over movements or color changes on navigation buttons are allowed but not required.) Slideshows that are controlled by the viewer are also allowed but not required. Again, the slides must not be automated. |
|
ADVANCED
Audio, video, or animation (a mandatory element) works properly, plays from the site itself (i.e., may not be a link to a video) and is kept to 15 seconds or fewer. Mouse-over animation and/or scrolling navigation is allowed, but does not count toward the mandatory audio/video/animation requirement. |
|
Images display correctly with no error message or symbol. | |
Communication | |
Your discussion of your topic shows thoughtfulness and creativity. | |
Text shows originality; it is written in most part by you yourself. Non-original writing is credited by you, either on the same page or on page 5 (Credits or About Me page). | |
Your images are appropriate to your topic, as well as interesting or humorous, as fits each page. | |
Writing is free of spelling, grammatical, and punctuation errors. | |
Writing is clear and concise. Longer stories about your competition topic aren’t necessarily better stories, although they could be! | |
Any non-social-media external link you choose is relevant to your topic. | |
The social-media external link – required for Advanced and optional for Beginners – does not link to a personal page (that could affect your privacy). A social media page created specifically about your website entry is acceptable, so long as no private info (address, email, phone, etc.) exists. | |
Your choice of audio, video, or animation fits your topic and shows creativity and originality. | |
Accessibility | |
The site’s external link(s) are readily identifiable as links. You use font color, underscoring, the social media site’s badge, or some other method to make it intuitive. Visitors can tell that they have already clicked the link. | |
Pages should load within a minute. | |
Websites display well in all major browsers (Chrome, Firefox, and Internet Explorer). | |
Credit to Sources; Explanation of each competitor’s educational background | |
Website contains one page that lists the following:
a) The computer classes you (each competitor on the team) are taking or have taken. b) List of any code used or perhaps altered from other websites, the page of your website it is on, and a description of how it has been altered, if it was. (Note: You may list the credit on the actual page. That is OK, so long as it’s credited.) c) Software used, if any, including image-editing software. d) Any other sources you need to reference, including credit for your images, if you do not include the citation on the page itself. Note: Competitors are asked to maintain their privacy, since they are so young. There should be no personal-contact info, other than name, school, and grade. And it is OK for competitors to not share even their name on this page. These sites will be public if they become finalists. |
Bonus Points
Proper usage of html elements with the page. For example, using a paragraph <p> tag to create paragraphs not a division <div> tag.
Code is well intended – Consistent code indentation style throughout the website to make it easier to read and understand the code. See site for examples here.
Style elements are kept in a CSS external style sheet when appropriate. See site for examples here.
Your external style-sheets must reside inside of your website folder.
Closing tag “>” for every opening “<” tag when required.