Web Design 2

 

Continue to build on the skills of providing Web page content and structure with HTML and Web page style and layout using CSS. Demonstrate the skill of creating a dynamic Web page that includes JavaScript client-side scripting. Demonstrate the skill of creating a Web page that delivers audio and/or video content. Design and develop a Web site that includes at least 2 Web pages that meet the following requirements:

  • The design of all Web pages in the site must include the following:
    • A visually distinct header at the top of the page
    • A horizontal navigation bar below the header
    • Required content below the navigation bar to include elements as learned in previous assignments. A sufficient representation of headings, paragraphs, lists, images, table, figure, etc.
  • A form containing several input types and the Submit button.
  • 1 Web page must include dynamic content created by client-side scripting using JavaScript.
    • JavaScript code can be either
      • Embedded in the head element or
      • Included in an external JavaScript file that is linked to the Web page
    • You may write your own JavaScript code or implement code from a provider of free code (copyrights must remain intact).
    • Ensure that the JavaScript code is free of errors that would cause it to fail to execute.
    • Ensure that the JavaScript code is called to execute.
    • Ensure that the JavaScript code is included in the Web site.
    • Validate the HTML in the Web page.
  • 1 Web page must deliver audio and/or video content.
    • Deliver the content to older browsers, as follows: 
      • Using the embed element
      • iFrames and/or copy and paste embed code from YouTube or other sites are NOT acceptable.
    • Deliver the content to modern browsers, as follows: 
      • Using the video and/or audio elements
      • Ensuring that the content plays in all modern browsers
      • iFrames and/or copy and paste embed code from YouTube or other sites are NOT acceptable.
    • Ensure that the media files are included in the Web site.
    • Validate the HTML in the Web page.
  • Use a single external CSS file to do the following: 
    • Provide style, presentation, and layout to the Web pages in the Web site
    • Validate the CSS style rules
  • Submit all HTML, CSS, JavaScript, and image files in a .zip file.

Leave a Reply

Your email address will not be published. Required fields are marked *