Skip to content

Commit 45c70a8

Browse files
ericascriptedericascripted
committed
formatting and punctuation changes
1 parent d5e53fa commit 45c70a8

File tree

1 file changed

+90
-91
lines changed

1 file changed

+90
-91
lines changed

‎README.md

+90-91
Original file line numberDiff line numberDiff line change
@@ -1,91 +1,90 @@
1-
# The CSS Zen Garden
2-
![image](http://i.imgur.com/5g0Chms.png)
3-
4-
##Scope
5-
6-
The focus of this project is to have the students all start off with the same set of HTML code that they cannot alter. The student may only change the CSS.
7-
In completing this project the students will see the amount a website can change just by altering the CSS.
8-
9-
10-
##Before Class
11-
12-
###Teacher Preparation
13-
* Familiarize yourself with the [CSS Zen Garden](http://www.csszengarden.com/).
14-
15-
### Prerequisites
16-
Students should only start this project after they have completed the other lessons and projects in the unit.
17-
18-
### Starter code
19-
20-
See [here](starter_code/) for code and [here](https://rawgit.com/ScriptEdcurriculum/ZenGardenUnit10/master/starter_code/index.html) to view.
21-
22-
### Solution code
23-
24-
There is no solotuion code for this project. However, It is encouraged to have students look at examples submitted at [CSS Zen Garden](http://www.csszengarden.com/).
25-
26-
### Assessment
27-
28-
1. Students will be assessed based on their performance in the project.
29-
30-
##During Class
31-
32-
###Do Now
33-
34-
1. Volunteer takes attendance. [Procedure found here](https://docs.google.com/document/d/19IIhqykr70vj7wnqyJYuQNTkd9GX56Xgl3omD42IcMk/edit).
35-
2. Return graded do-now and exit ticket from previous class
36-
3. Students are answering the following question:
37-
**What do you feel is more important in a website? The HTML or the CSS?**
38-
39-
###Opening
40-
41-
Remember at the beginning of the year we worked on CSS Garden when you redesigned the ScriptEd starter code we gave you? Well now that you have more CSS skills we want you all to submit to the site for real.
42-
43-
The CSS Zen Garden is an online competition in which developers design a website using the exact same HTML file.
44-
45-
##Lecture
46-
47-
Students are going to design their own website using the Zen garden code as a base:
48-
49-
#### 1. Fork this Repo
50-
Do this by clicking the Fork button on the top right of this page.
51-
52-
![Imgur](http://i.imgur.com/QYd56DH.png)
53-
54-
#### 2. Clone your repo into your own Cloud9 account workspace
55-
1. Copy the "clone URL" from this repo
56-
2. In your Cloud9 dashboard click on the green "Create New Workspace" button and select "Clone from URL"
57-
58-
Once the workspace has been processed check to be sure it is up to date by running ` git status ` in the terminal. You should receive a messege telling you that your branch is up to date.
59-
![Imgur](http://i.imgur.com/RKdsduL.png)
60-
61-
**NOTE: It is common practice to push you changes to your GitHub repository often. It is recommended you make a push after every major change. Through the course of completing this project you should make 7-10 pushes to GitHub. Your manager will be grading you on this.**
62-
63-
To push to GitHub run the following commands in your terminal:
64-
`git status`
65-
`git add .`
66-
`git commit -m "example comment"`
67-
`git push origin master`
68-
69-
#### 3. Fill out `style.css`
70-
71-
During this project the student is only manipulating the css sheet. Give explicit directions to not alter the HTML in any way.
72-
73-
###Build Time
74-
Students will work alone on this project. The teacher's role will be to walk around the room helping students with any questions they have. Students are encouraged to look at previous lessons for reference.
75-
76-
##Closing
77-
Select students to present their work to the class.
78-
79-
###Check for Understanding
80-
Teachers should keep track of student success while they are presenting to the class.
81-
82-
###How to Submit
83-
Students must push all final code to their GitHub repository. To push changes in Cloud 9 the following commands must be run in the terminal:
84-
85-
`git status`
86-
`git add .`
87-
`git commit -m "example comment"`
88-
`git push origin master`
89-
90-
**Students will then share the link to their repo at bit.ly/ScriptEdProjects**
91-
1+
#Project: The CSS Zen Garden
2+
![image](http://i.imgur.com/5g0Chms.png)
3+
4+
##Overview
5+
6+
The focus of this project is to have the students all start off with the same set of HTML code that they cannot alter. The student may only change the CSS.
7+
In completing this project, the students will see the amount a website can change just by altering the CSS.
8+
9+
10+
##Before Class
11+
12+
###Teacher Preparation
13+
* Familiarize yourself with the [CSS Zen Garden](http://www.csszengarden.com/).
14+
15+
### Prerequisites
16+
Students should only start this project after they have completed the other lessons and projects in the unit.
17+
18+
### Starter code
19+
20+
See [here](starter_code/) for code and [here](https://rawgit.com/ScriptEdcurriculum/ZenGardenUnit10/master/starter_code/index.html) to view.
21+
22+
### Solution code
23+
24+
There is no solution code for this project. However, It is encouraged to have students look at examples submitted at [CSS Zen Garden](http://www.csszengarden.com/).
25+
26+
###Assessment
27+
28+
1. Students will be assessed based on their performance in the project.
29+
30+
##During Class
31+
32+
###Do Now
33+
34+
1. Volunteer takes attendance. [Procedure found here](https://docs.google.com/document/d/19IIhqykr70vj7wnqyJYuQNTkd9GX56Xgl3omD42IcMk/edit).
35+
2. Return checked Do Now and Exit Ticket from previous class.
36+
3. Students are answering the following question:
37+
**What do you feel is more important in a website? The HTML or the CSS?**
38+
39+
###Opening
40+
41+
Remember at the beginning of the year we worked on CSS Garden when you redesigned the ScriptEd starter code we gave you? Well, now that you have more CSS skills, we want you all to actually submit to the site.
42+
43+
The CSS Zen Garden is an online competition, in which developers design a website using the exact same HTML file.
44+
45+
###Introduction to New Material ("Do Now")
46+
47+
Students are going to design their own website using the Zen Garden code as a base.
48+
49+
####1. Fork this repo.
50+
Do this by clicking the Fork button on the top right of this page.
51+
52+
![Imgur](http://i.imgur.com/QYd56DH.png)
53+
54+
#### 2. Clone your repo into your own Cloud9 account workspace
55+
1. Copy the "clone URL" from this repo.
56+
2. In your Cloud9 dashboard, click on the green "Create New Workspace" button and select "Clone from URL."
57+
58+
Once the workspace has been processed, check to be sure it is up to date by running ` git status ` in the terminal. You should receive a messege telling you that your branch is up to date.
59+
![Imgur](http://i.imgur.com/RKdsduL.png)
60+
61+
**NOTE: It is common practice to push your changes to your GitHub repository often. It is recommended you make a push after every major change. Through the course of completing this project you should make 7-10 pushes to GitHub. Your teacher will be evaluating you on this.**
62+
63+
To push to GitHub run the following commands in your terminal:
64+
`git status`
65+
`git add .`
66+
`git commit -m "example comment"`
67+
`git push origin master`
68+
69+
#### 3. Fill out the CSS sheet.
70+
71+
During this project, the student is only manipulating the `style.css`. Do **NOT** alter the HTML in **ANY** way.
72+
###Independent Practice ("You Do")
73+
It's build time! Students will work alone on this project. The teacher's role will be to walk around the room helping students with any questions they have. Students are encouraged to look at previous lessons for reference.
74+
75+
###Closing
76+
Select students to present their work to the class.
77+
78+
###Checks for Understanding
79+
Teachers should keep track of student success while they are presenting to the class.
80+
81+
###How to Submit
82+
Students must push all final code to their GitHub repository. In order to push changes in Cloud 9, the following commands must be run in the terminal:
83+
84+
`git status`
85+
`git add .`
86+
`git commit -m "example comment"`
87+
`git push origin master`
88+
89+
**Students will then share the link to their repo at [bit.ly/ScriptEdProjects](bit.ly/ScriptEdProjects)**
90+

0 commit comments

Comments
 (0)