{"id":475,"date":"2018-08-06T16:40:04","date_gmt":"2018-08-06T16:40:04","guid":{"rendered":"http:\/\/blendedlearning.cciu.org\/?page_id=475"},"modified":"2025-03-03T15:42:30","modified_gmt":"2025-03-03T20:42:30","slug":"web-page-design","status":"publish","type":"page","link":"https:\/\/mediadesigncompetition.org\/?page_id=475","title":{"rendered":"Web Page Design"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;0px|0px|0|0px|false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_header title=&#8221;Web Page Design&#8221; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_fullwidth_header][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;60px|0px|70px|0px|false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_toggle title=&#8221;Project &#038; Software Examples&#8221; admin_label=&#8221;Project &#038; Software Examples&#8221; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;]<strong>Projects<\/strong><\/p>\n<ul>\n<li>Jim Thorpe Olympians Web Site<\/li>\n<li>Import Motor Sports<\/li>\n<li>Hanover High School Guidance Website<\/li>\n<li>AP Biology<\/li>\n<\/ul>\n<p><strong>Software<\/strong><\/p>\n<ul>\n<li>HTML editors<\/li>\n<li>Word Press<\/li>\n<li>Dreamweaver<\/li>\n<\/ul>\n<p>[\/et_pb_toggle][et_pb_toggle title=&#8221;Narrative Descriptions&#8221; admin_label=&#8221;Narrative Descriptions&#8221; _builder_version=&#8221;4.27.3&#8243; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]Narrative descriptions are required for all projects; the narrative description\/project summary is now included in the\u00a0<a href=\"https:\/\/mediadesigncompetition.org\/wp-content\/uploads\/2025\/03\/ParticipationPacket_2025-rev2.pdf\"><strong>PA Media and Design Competition Participation Packet.<\/strong><\/a> If the narrative is not provided, the project will be disqualified. Narratives must be detailed enough to provide the judges with any information to fairly judge the project. Attach additional pages if necessary.[\/et_pb_toggle][et_pb_toggle title=&#8221;Storyboard\/Planning Document&#8221; admin_label=&#8221;Storyboard\/Planning Document&#8221; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>All projects need to display the process used to create the project. This should be specific and as detailed as possible to give the judges the necessary background regarding how it was developed. You may choose to put it on your tri-fold display or bring a loose-leaf notebook with your notes.<\/p>\n<ul>\n<li>The document will not be judged for grammar or appearance.<\/li>\n<li>Tri-fold displays are not judged, they are for clarification purposes only.<\/li>\n<li>The individuals that use your site are one of the most important factors to consider when making decisions about design and functionality. Keep in mind that not all users are alike and may not be able to experience your content as you intend. Refer to the<strong>\u00a0<a href=\"https:\/\/aem.cast.org\/create\/designing-accessibility-pour\">Web Accessibility Guidelines<\/a><\/strong><a href=\"https:\/\/aem.cast.org\/create\/designing-accessibility-pour%20\">\u00a0<\/a>as you build your project to make sure that your site is accessible to everyone.<\/li>\n<li>If you do run your site through an evaluator, please feel free to include the results with your project.<\/li>\n<li>Get photo releases signed from everyone in your project in any media format.<\/li>\n<\/ul>\n<p>[\/et_pb_toggle][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_toggle title=&#8221;Specific Category Rules and Rubric&#8221; admin_label=&#8221;Specific Category Rules and Rubric&#8221; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li>Website is responsive and mobile devise compatible<\/li>\n<li>Website incorporates\u00a0ADA requirements<\/li>\n<li>Project includes a site-map<\/li>\n<li>Indicate the design template being used and how the website has been changed<\/li>\n<li>Templates and plugins are cited<\/li>\n<li>Code customizations are highlighted in the narrative\u00a0description<\/li>\n<li>Projects must be displayed on a single computer.<\/li>\n<li>Internet connections will be provided at the State competition.<\/li>\n<li>Displays and monitors must not exceed 24 inches.<\/li>\n<li>Space will be assigned and limited to 3 feet per project.<\/li>\n<li>Spelling and grammar will be judged on narrative and project.<\/li>\n<li>Directions for re-launching the project must be provided, as well as any passwords. (May use narrative)<\/li>\n<\/ul>\n<p>A project will be\u00a0<em><strong>disqualified<\/strong><\/em>\u00a0if any of the following occur:<\/p>\n<ul>\n<li>The narrative description is missing. (see below)<\/li>\n<li>Copyright information and credits are not included on the narrative or displayed with the project. (see below)<\/li>\n<li>A planning document is not displayed\/available that clarifies the process used to create the project. (see scoring guideline)<\/li>\n<li><span>To ensure that projects reflect students&#8217; own creativity and effort, participants in the Pennsylvania Media and Design Competition must adhere to an 80% human, 20% AI rule. Students should document and clearly report how AI tools were utilized in their work to maintain transparency and align with competition guidelines.<\/span><\/li>\n<\/ul>\n<p>If a project meets the above rules it will be judged using the following:<strong><a href=\"https:\/\/mediadesigncompetition.org\/wp-content\/uploads\/2021\/12\/Web-Page-Design-Rubric2021.pdf\"> Web Page Design Scoring Guidelines<\/a><\/strong><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>[\/et_pb_toggle][et_pb_toggle title=&#8221;Copyright Requirements&#8221; admin_label=&#8221;Copyright Requirements&#8221; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>The\u00a0<strong><a href=\"https:\/\/mediadesigncompetition.org\/wp-content\/uploads\/2018\/07\/ParticipationPacket_2013.pdf\">PA Media and Design Competition Participation Packet<\/a><\/strong>\u00a0includes a participation agreement that must be signed by all participating students on a project and their teacher sponsor. Part of the agreement outlines copyright expectations, as well as other project requirements.<\/p>\n<p>Suggested sites to search for media:<\/p>\n<ul>\n<li><strong><a href=\"http:\/\/creativecommons.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Creative Commons<\/a><\/strong>\u00a0&#8211; This site provides searchable material from various authors that are usable under certain conditions.<strong>\u00a0<\/strong><a href=\"http:\/\/creativecommons.org\/about\/licenses\"><strong>Click here<\/strong> <\/a>to find out more about Creative Commons Licenses.<\/li>\n<li><strong><a href=\"http:\/\/www.publicdomainpictures.net\/\" target=\"_blank\" rel=\"noopener noreferrer\">Public Domain Pictures.net<\/a><\/strong><\/li>\n<\/ul>\n<p>The PA Media and Design Competition, although educational, removes the student work from the classroom and therefore requires the student to get permission from the owner to use any copyrighted music, video, graphics, etc. Fair use does NOT apply. Remember to credit music or items that were created by yourself or friends as well.<\/p>\n<p>[\/et_pb_toggle][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.4.7&#8243; background_color=&#8221;#ffffff&#8221; custom_padding=&#8221;29px|0px|0|0px|false|false&#8221; top_divider_color=&#8221;#9fd677&#8243; bottom_divider_color=&#8221;rgba(0,0,0,0)&#8221; global_module=&#8221;1376&#8243; saved_tabs=&#8221;all&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;1_2,1_2&#8243; make_equal=&#8221;on&#8221; _builder_version=&#8221;4.22.1&#8243; custom_padding=&#8221;35px|0px|35px|0px|true|false&#8221; custom_css_main_element=&#8221;align-items: flex-end;&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image src=&#8221;https:\/\/mediadesigncompetition.org\/wp-content\/uploads\/2024\/05\/HS-winner-2025.svg&#8221; alt=&#8221;High School Logo with headphones and %22design%22 in the shape of school supplies&#8221; title_text=&#8221;HS winner 2025&#8243; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.25.1&#8243; max_width=&#8221;100%&#8221; max_height=&#8221;300px&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.25.1&#8243; text_font=&#8221;Athiti||||||||&#8221; text_text_color=&#8221;#494949&#8243; text_font_size=&#8221;12px&#8221; text_orientation=&#8221;center&#8221; custom_margin=&#8221;0px|||-4px||&#8221; custom_margin_tablet=&#8221;|||0px|false|false&#8221; custom_margin_phone=&#8221;|||35px&#8221; custom_margin_last_edited=&#8221;on|desktop&#8221; custom_padding=&#8221;||0px|0px|false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p style=\"text-align: center;\"><strong>Logo winner<\/strong><br \/>Sopheavatey Nouth and Everardo Sanchez<br \/>South Philadelphia High School<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image src=&#8221;https:\/\/mediadesigncompetition.org\/wp-content\/uploads\/2024\/05\/MS-winner-2025.svg&#8221; alt=&#8221;Middle School logo showing school supplies in the shape of the PA Keystone&#8221; title_text=&#8221;MS winner 2025&#8243; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_last_edited=&#8221;off|desktop&#8221; _builder_version=&#8221;4.25.1&#8243; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; max_height=&#8221;300px&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;|30px|0px|30px|false|false&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.25.1&#8243; text_font=&#8221;Athiti||||||||&#8221; text_text_color=&#8221;#494949&#8243; text_font_size=&#8221;12px&#8221; custom_margin=&#8221;0px||0px|-14px|false|false&#8221; custom_margin_tablet=&#8221;0px||0px|0px|false|false&#8221; custom_margin_phone=&#8221;|||41px&#8221; custom_margin_last_edited=&#8221;on|desktop&#8221; custom_padding=&#8221;|||0px|false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p style=\"text-align: center;\"><span><strong>Logo winner<br \/><\/strong><\/span>Faith Jones-Mcintyre and Taraji Robinson<br \/>Marian Anderson Neighborhood Academy<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;0|0px|33.2969px|0px|false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; text_font=&#8221;Athiti||||||||&#8221; text_text_shadow_style=&#8221;preset2&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p style=\"text-align: center; font-size: 24px;\"><span>Use the hashtag #pamediadesigncomp on all your social media posts<\/span><span>\u00a0<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/mediadesigncompetition.org\/wp-content\/uploads\/2019\/01\/twitter-150x150.png\" width=\"32\" height=\"32\" alt=\"\" class=\"wp-image-1225 alignnone size-thumbnail\" srcset=\"https:\/\/mediadesigncompetition.org\/wp-content\/uploads\/2019\/01\/twitter-150x150.png 150w, https:\/\/mediadesigncompetition.org\/wp-content\/uploads\/2019\/01\/twitter-300x300.png 300w, https:\/\/mediadesigncompetition.org\/wp-content\/uploads\/2019\/01\/twitter.png 512w\" sizes=\"auto, (max-width: 32px) 100vw, 32px\" \/><\/span><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Projects Jim Thorpe Olympians Web Site Import Motor Sports Hanover High School Guidance Website AP Biology Software HTML editors Word Press Dreamweaver Narrative descriptions are required for all projects; the narrative description\/project summary is now included in the\u00a0PA Media and Design Competition Participation Packet. If the narrative is not provided, the project will be disqualified. [&hellip;]<\/p>\n","protected":false},"author":15,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-475","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mediadesigncompetition.org\/index.php?rest_route=\/wp\/v2\/pages\/475","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mediadesigncompetition.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mediadesigncompetition.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mediadesigncompetition.org\/index.php?rest_route=\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/mediadesigncompetition.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=475"}],"version-history":[{"count":32,"href":"https:\/\/mediadesigncompetition.org\/index.php?rest_route=\/wp\/v2\/pages\/475\/revisions"}],"predecessor-version":[{"id":2217,"href":"https:\/\/mediadesigncompetition.org\/index.php?rest_route=\/wp\/v2\/pages\/475\/revisions\/2217"}],"wp:attachment":[{"href":"https:\/\/mediadesigncompetition.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=475"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}