Project One: Valid, Responsive-Ready HTML Due Wednesday, September 21, 11:59pm CT
For this project, you will create at least three richly structured HTML pages that will form the foundations of a professional web presence for yourself. One of the pages must be your professional resume.
- Produce modern standards-compliant HTML pages
- Write valid, well-formed semantic HTML
- Effectively comment on and format source code for maximum readability
- Track the development of a project over time and collaborate with others using version control
Deliverables & Milestones
- A Basecamp post describing your work in progress. Your post should include the URL to your GitHub repository. Include in the text of your post one or two things you would like feedback on from the instructor and other students in the class (due no later than September 9).
- Substantive comments critiquing at least three other student projects. (by September 14, 11:59pm CT)
- An email to the instructor containing the projects two final deliverables (by September 21, 11:59pm CT):
- A 4-5 sentence self-critique memo of your project and your progress in class to this point
- The https:// link to your project’s GitHub repository
- All source files in UTF-8/Unicode character encoding with Unix-style line endings (LF), entabbed with spaces (two spaces per tab)
- Valid, well-formed semantic HTML5. Projects whose HTML does not validate with the W3C HTML validator will receive a zero-point, failing grade. In the unlikely event that you discover a validation error or warning that is a genuine bug in the validator, you must acknowledge that bug in the memo that accompanies your project, and point to the relevant documentation, such as specifications or an existing reputable bug report, that your source is in fact correct. Get in the habit early of validating your HTML before you commit to Git.
- Only structural, semantic uses of HTML elements and attributes. Absolutely no table markup, break tags, or any other use of HTML to achieve a particular page layout. (All layout and design will be handled via CSS in the next project. For this project, I urge you not to spend much time at all looking at your pages in a browser. Stick close to your source code and the HTML validator.)
- A semantically structured navigation area for accessing each of your project’s pages from any other page
- Include at least two different forms of media (image, audio, video) in your project
- Semantically structured text-based content to accompany all media elements (image, audio, video)
- Organized, readable source that is hand-written and original (no WYSIWYGs or code-generators, no Bootstrap or other off-the-shelf frameworks)
Directory-based URLs with use of the default-served
index.htmlfile, so that you can point to, for example,
- A Git repository with frequent commits and meaningful commit messages that accurately reflect each set of changes that you make
- Git repository must contain only the files and commits from this project