web design 27

/by

  1. Please read section 1.1 this chapter, Chapter 1. HTML5: from documents to applications. We’ll be referring back to this content as we progress through the course. You’ll find it in the website below.

https://livebook.manning.com/book/html5-in-action/chapter-1/

I am going to ask you to summarize this on your web page assignment.

  1. Do not forget the website folder – it must be zipped and attached. All of your websites need to be a zipped folder.
  2. Create a 3-page website that follows web convention and HTML5. The pages need to be interconnected – e.g., you are creating a website.

Be sure to:

Follow Web Convention
  • The main navigation is consistent on every page. No disappearing main navigation links.
  • Title area/banner with the site title
  • Page title for every page – this goes under the navigation/banner area and above the main content.
  • Footer area
  • Links that open in new tabs
  • ADA convention/Usability principles are followed — tables (th and scope) and images (alt tags) are coded appropriately.
  • Text is readable
  • Color contrast is appropriate between text and background
  • Headings (h1, h2, h3, etc.) are used
  • Paragraphs are coded using the paragraph tags
  • Coding conventions for HTML5 are followed. Use small caps for the code. Use body/head section, etc.
To have a home page with
  • A section on the home page that summarizes, in your own words, what you have learned from the assigned reading. You are going to use a bulleted list to do this. You will summarize the main concepts in a bulleted list. Use six-word six-line rule for like you might for a presentation. (Six-word – the six-letter rule is only approximate. Make your summary short and descriptive.)

    Example-

    • History of Web is …..
      • fact 1 about web history
      • fact 2 about web history
      • fact 3 about web history
      • fact 4 about web history
      • fact 5
  • Do not copy and paste paragraphs.
  • Use HTML 5 coding to create this content.
  • Use a heading tag to start your next area of the page where you will list deprecated tags.
    • List the tags that are no longer used in HTML5 (deprecated tags.)

Create a Table

  • List table attributes before you begin the table
  • Use table attributes to control the readability and look of the table
    • cell padding
    • cell spacing
    • border-color (optional since it is a CSS style)
  • Make it accessible
  • As many rows as you need
  • 3 columns
    • Column 1 – List the tags you studied in the W3 in one column
    • Column 2 – List the attributes of the listed tag
    • Column 3 – examples of possible values

Create a form that self-verifies*

  • use place holders
  • self-validates (required)* (required is the hint.)
  • submittable
  • uses form-action/method
  • uses 6 input types. Do not just use text boxes. Use a variety: drop-down, radio, submit, checkboxes, etc.
  • uses form labels and names
  • make it required
  • describe the attributes of a form and what they are for.
  • Use the mail to attribute so if I submit on the form so that it will send the data to an email address
An image gallery
  • Use a heading tag at the start of this section
  • Insert 5 images
  • Use descriptive alt tags
  • Control alignment
  • Control height and width (different from original)
  • List attributes of the image tag and what they are for.

#Essaywriting #Academicwriting #Assignmenthelp #Nursingassignment #Nursinghomework #Psychologyassignment #Physicsassignment #Philosophyassignment #Religionassignment #History #Writing #writingtips #Students #universityassignment #onlinewriting #savvyessaywriters #onlineprowriters #assignmentcollection #excelsiorwriters #writinghub #study #exclusivewritings #myassignmentgeek #expertwriters #art #transcription #grammer #college #highschool #StudentsHelpingStudents #studentshirt #StudentShoe #StudentShoes #studentshoponline #studentshopping #studentshouse #StudentShoutout #studentshowcase2017 #StudentsHub #studentsieuczy #StudentsIn #studentsinberlin #studentsinbusiness #StudentsInDubai #studentsininternational #accountingassignmenthelp #accountingassignment #assignmenthelp #buyaccountingassignment #accountingassignmentwriter #domyassignment #assignmentguide #expertwriters