Art-420 Project-1: HTML5 & CSS3

Posted by: Ping

Project-1A: HTML Get Started – 10 points (Jan 16 – 23 / one week)
Project-1B: HTML Get Started – 10 points (Jan 16 – 23 / one week)
Project-1C: HTML5 & CSS3 – 80 points (Jan 23 – Feb 6 / two weeks)

Project-1C: NY Solar – HTML Site (HTML5 & CSS3)

Project Description: Design a mini website using HTML5 and CSS3
Project Requirement:
The mini site must include a home page (index), a navigation system, and five linked pages to demonstrate how the website appears and functions. All pages must have linear connections.

Navigation System:

  • Home (Save the home page as “index.html”)
  • About Us
  • Service
  • Solar Energy
  • Tips
  • Contact Us

Required HTML5 Tags (in addition to traditional HTML tags and attributes):

<html></html>
<head></head>
<title></title>
<body></body>

<link>
<meta>
<img>
<script></script>
<div></div>
<ul></ul>
<li></li>

<nav></nav>
<header></header>
<aside></aside>
<footer></footer>
<article></article>
<section></section>
<audio></audio> or <video></video>
<source>

Optional HTML Tags:
<pre></pre>
<meter></meter>
<figure></figure>
<progress></progress>

All New HTML5 Elements: http://www.w3schools.com/html/html5_new_elements.asp

Note: Please do not use any obsolete tags and attributes in your HTML pages.
For the Project-1A/1B assignments, you may use TextEdit as the HTML editor.
For the Project-1C assignment, you may use Dreamweaver as the HTML editor, and validate your page in Dreamweaver when you complete the coding.

Previous Student Works:
Project 1A / 1B: http://pxstudio.us/student-work/interactive/p1a-p1b/iframe/frameset.html
Project 1C: http://pxstudio.us/student-work/interactive/p1c/iframe/frameset.html

Project Theme: Solar Energy
Project Layout: Index Page + 5 Site Pages
Layout Type: Fluid Layout
Media Support: HTML5 Audio or Video
Project Dateline: February 11, 2014