| a user can ... | index.html | about.html | services.html | CSS |
|---|---|---|---|---|
| (0-blank-page) | empty HTML template, requiring CSS file, title tag | (doesn't exist yet!) | (doesn't exist yet!) | empty CSS file |
| 1-HTML(title) | HTML adding (title, link and meta tag) |
(doesn't exist yet!) | (doesn't exist yet!) | css page created(body css added) |
| (2-HEADER)</td> | HTML adding (HEADER (div, h, span tag)) |
(doesn't exist yet!) | (doesn't exist yet!) | css adding (header id/class) | </tr>
| (3-NAV)</td> | HTML adding (NAV (div, list, tag)) |
about page created | services page created | css adding (header a/ul/li/nav/a:hover) | </tr>
| (4-SECTION)</td> | HTML adding (SECTION (div, h, p, form, img tag)) | empty about page | empty services page | css adding (class,id,h,href,form,p,input) | </tr>
| (5-FOOTER)</td> | HTML adding (FOOTER (p tag)) |
empty about page | empty services page | css adding (footer style changed) | </tr>
| (6-ARTICLE)</td> | HTML(home)page | About page adding (ARTICLE)(id,class,p,h)tag) | Services page adding (ARTICLE)(id,class,p,h)tag) | css adding (article style changed) | </tr>
| (7-ASIDE)(about.html) (7-ASIDE)(services.html)</td> | HTML(home)page | About page adding (ASIDE)(id,class,p,h)tag) | Services page adding (ASIDE)(id,class,p,h,ul,form,button)tag) | css adding (aside style changed)+(@media css code) | </tr>
| 0-blank-page-setup | |||
| 1-head-and-header | |||
2-rules-of-the-game</td> </tr>
| 3-unplayable-board</td> </tr>
| 4-playable-board</td> </tr>
| 5-up-to-you</td> </tr>
</table>
</body>
</html>
| |