|
| 1 | +# Build a simple site |
| 2 | + |
| 3 | +This exercise is to help you practice using Git and to get you used to thinking about how to divide your work into sensible commits. |
| 4 | + |
| 5 | +**Read through ALL the instructions at least once before you start work** - this will help you plan sensible chunks of work that will form your commits. |
| 6 | + |
| 7 | +- start a new project (new folder, new Git repo) |
| 8 | +- create 3 HTML pages (home, about and contact) each with normal HTML boilerplate: `<html>`, `<head>` and `<body>`. |
| 9 | +- add at least HTML 4 elements to each page `<div>`, `<h1>`, `<p>`, `<img>` |
| 10 | +- create a `css` folder with stylesheet |
| 11 | +- create a `img` folder with image(s) |
| 12 | +- populate with some dummy content eg images |
| 13 | + |
| 14 | +At appropriate points use `git add` and `git commit` to create a snapshot of your progress so far. This may be after creating each page, or when completing each element, this is up to you. Ensure your commit names are meaningful. |
| 15 | + |
| 16 | +- At the end you should aim to have done **at least** 8 commits (use `git log` to see your commits so far) |
| 17 | +- Aim for clear, informative commit messages. |
| 18 | + |
| 19 | +*Note: Don't worry about making your web pages perfect, the purpose is to practice using Git.* |
| 20 | + |
| 21 | +### After you have finished |
| 22 | +- Emoji the task on Slack so the instructor knows you have finished. |
| 23 | +- Share a summary of your commit messages on Slack. |
| 24 | + |
| 25 | +### Stretch challenges |
| 26 | +Only attempt these once you have done all of the above. |
| 27 | + |
| 28 | +If you have time you could: |
| 29 | + |
| 30 | +- add some CSS styling |
| 31 | +- experiment with the -a flag in git commit -am (in the notes PDF box on "git commit arguments") |
| 32 | +- complete the advanced challenge: [Moving files the git way >](05-move-files.md) |
| 33 | +- complete the advanced challenge: [Deleting files the git way >](06-remove-files.md) |
0 commit comments