HTML5 Drag-and-Drop Website

HTML5 Drag-and-Drop Website

HTML5 Drag-and-Drop Website

It is strongly recommended that you complete all labs in Lesson 7 of your textbook, for practice, before attempting this assignment. Although you will not submit the labs from your textbook, they will give you the foundation to understand how to correctly code in HTML.

You must write the code files by hand for all assignments in this class. A simple text editor, such as Notepad or Notepad++ will suffice. DO NOT use web page programs, such as FrontPage, Dreamweaver, etc. You must write the code for your web pages yourself.

Make sure all of your web pages (HTML files) comply with the HTML 5 standards. DO NOT use deprecated (outdated) tags and attributes from previous versions of HTML. By including the HTML 5 DOCTYPE declaration in your webpages, and validating all of your HTML files, you can be sure that your code complies with HTML 5.

Make sure all of your style sheets (CSS files) comply with the CSS3 standards. By ensuring that all of your CSS files (and any HTML files containing embedded CSS) validate, you can be sure that your code complies with CSS3.

You are encouraged to test all of your web pages at the W3C mobile OK Checker. Keep in mind that all pages of your website must pass validation on the W3C mobile OK Checker when you submit your website for the Final Project at the end of Week 8. Therefore, if you can test your pages each week and begin correcting any errors that you find, you will have less work to do during the final week of the course to ensure your web pages pass validation on the W3C mobile OK Checker before submitting your Final Project.

Create your files using a text editor, such as Notepad or Notepad++, and name the main page (home page of your website) “LastFirstAssignment5.html” where “Last” is your last name and “First” is your first name. For example, if your name is John Smith, you would name your main file SmithJohnAssignment5.html

HTML5 Drag-and-Drop Website

Check our essay writing services here

APA

HTML5 Drag-and-Drop Website

Instructions:

This week you will add an HTML5 drag-and-drop API to your website. If there were any errors in your website in weeks 1-4, please make sure you correct them before re-submitting your files for this week’s assignment. Continue to build on the website you created in weeks 1-4. You should be creating an informative website about any topic that interests you. Make sure that you write the content (the paragraphs of information about your topic) yourself. Do not copy content from other web pages. Your website should contain at least 4-6 paragraphs of information, arranged in a logical manner (appropriately using headings and sub-headings, as well as HTML5 structure elements). Do not re-use webpages or webpage content that you have already used for a grade in a previous course, such as WEBD121. Although the skills you gained in other courses will give you a good foundation to build upon in this class, you are expected to create original work for this course, using new content and new code that you learn in this course. Use this as an opportunity to teach me something new about a topic which you are knowledgeable about!

Your website (HTML files) must include all of the following:

  1. Correctly uses all basic HTML 5 tags, such as HTML 5 DOCTYPE declaration; html, head, and body tags; charset, author, keywords, and description meta tags; title tags; and HTML5 structure elements (found in Table 1-2 of Lesson 1 of your textbook). In particular, be sure to use each structure element correctly, containing information appropriate for that type of structure element.
  2. In the body section of your document, include all seven HTML5 structure elements from Table 1-2 of Lesson 1 of your textbook. Be sure to use each structure element correctly, containing information appropriate for that type of structure element.
  3. Website contains at least three HTML pages with a total of 4-6 paragraphs of well-written, well-thought-out content.
  4. Images, hyperlinks, and other HTML elements appropriate to your page.
  5. Correctly coded HTML5 drag-and-drop API.
  6. Validate all HTML files and fix any errors that the validator identifies before submitting your assignment.

Your style sheets (CSS files) must include all of the following:

  1. Correctly coded CSS3 selectors and properties, including a variety of background properties, border properties, font properties, text effects, and advanced CSS3 techniques.
  2. Validate all CSS files (and all HTML files that contain embedded CSS) and fix any errors that the validator identifies before submitting your assignment.

Tags