CSE 1300:  HTML & CSS Resources

shutterstock_663288262.jpg

Learning Outcomes

shutterstock_594171068.jpg

Conceptualization

Students who successfully complete this module will be able to:

  • Student will be able to construct error-free web pages using validation techniques.
  • Student will construct error-free web applications with interlinking pages, graphical images, hyperlinks, and tables.
  • Students will be able to evaluate developed code with W3C standards and make necessary corrections.

This semester you'll be creating your very own website. The purpose of this website is to showcase your web development skills and meet the Learning Outcomes for the class. The final product should be something that you can continue to develop as you progress through your computing classes at KSU.


The Best Practices Guidelines for HTML and CSS are listed at the bottom of this page. These are part of the criteria you will be graded on. Use the checklist to be certain that you meet all the requirements for the project.

Best Practices

<HTML>

See the W3 Schools HTML5 Style Guide for additional information.

  • The DOCTYPE declaration for HTML5 should be present.
  • The html tag should be present and should include the lang attribute.
  • The lang attribute should be set to en-US.
  • The title of your webpage should be meaningful.
  • You should include meta tags for author and charset.
  • The charset should be set to utf-8.
  • Element and attribute names should be lower case.
  • Attribute values should be in double quotes.
  • There should NOT be spaces around the equal signs.
  • All HTML elements (including empty elements) should be closed.
  • Images should include alt text.
  • All comments should be properly formatted.
  • HTML should be properly indented.

{CSS}

  • The CSS should be easy to read.
  • All comments should be properly formatted
  • Each style should have its own line.
  • Properties should be in alphabetical order (when possible).
  • Naming conventions should be consistent.
  • The file should be formatted "top-down"or "by design aspect."


This checklist from envatotuts+ provides an excellent explanation of top-down structure for CSS. Read item no. 5 for details (do be sure to add comments in like they suggest).

Individual Project 1 Checklist

Ask yourself the following questions before submitting your work:

Is there a working top nav on each page?

Is at least one of your pages in two or three column layout?

Is there a fancy table somewhere on the site?

Is there an external hyperlink somewhere on the site?

Do all the links work?

Do all the pages render correctly in Firefox?

Do you have an external style sheet that is linked to all your HTML files?


background
Follow This Page + Follow This Page + Following This Page
Follow This Page
Get notified by email when this page has new information!
* We'll only use this to notify you regarding this page
Follow This Page
Get notified by email when this page has new information!
* You'll be able to stop following at any time.
You're following this page!
We'll email you when this page has new information. You can stop following at any time.
You're following this page!
We'll email you when this page has new information.
×