# U3 Day 8-10: PD Discussion Topic **URL:** \ **Category:** Unit 3 Best Practices\ **Created:** [September 1, 2015, 1:39am UTC](https://forum.code.org/t/u3-day-8-10-pd-discussion-topic/1826 "2015-09-01T01:39:42Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![dani](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/dani/32/285_2.png) [@dani](https://forum.code.org/u/dani)\ **Post date:** [September 1, 2015, 1:39am UTC](https://forum.code.org/t/u3-day-8-10-pd-discussion-topic/1826/1 "2015-09-01T01:39:42Z")
U3 Day 8-10: PD Discussion Topic ---
**Author:** ![ccwilkins](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/ccwilkins/32/451_2.png) [@ccwilkins](https://forum.code.org/u/ccwilkins)\ **Post date:** [November 10, 2015, 12:52am UTC](https://forum.code.org/t/u3-day-8-10-pd-discussion-topic/1826/2 "2015-11-10T00:52:08Z")
I’ll have to revisit this topic after I have actually taught the topic. My ECS class isn’t until next semester. ---
**Author:** ![dbutera2](https://avatars.discourse-cdn.com/v4/letter/d/c2a13f/32.png) [@dbutera2](https://forum.code.org/u/dbutera2)\ **Post date:** [November 10, 2015, 9:30pm UTC](https://forum.code.org/t/u3-day-8-10-pd-discussion-topic/1826/3 "2015-11-10T21:30:23Z")
I personally like to go straight to external style sheets. They are more commonly used in the real world & just mention that if There was any internal css code, that would trump the external css. ---
**Author:** ![shannon\_lynch](https://avatars.discourse-cdn.com/v4/letter/s/71c47a/32.png) [@shannon\_lynch](https://forum.code.org/u/shannon_lynch)\ **Post date:** [November 13, 2015, 3:05am UTC](https://forum.code.org/t/u3-day-8-10-pd-discussion-topic/1826/4 "2015-11-13T03:05:07Z")
The connection between good paper airplane instructions and incomplete paper airplane instructions. ---
**Author:** ![holly\_eckard](https://avatars.discourse-cdn.com/v4/letter/h/258eb7/32.png) [@holly\_eckard](https://forum.code.org/u/holly_eckard)\ **Post date:** [November 17, 2015, 6:33pm UTC](https://forum.code.org/t/u3-day-8-10-pd-discussion-topic/1826/5 "2015-11-17T18:33:11Z")
Reminding students of the PBJ lesson usually reminds them of the importance of detailed algorithmic instructions. ---
**Author:** ![ablair](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/ablair/32/22_2.png) [@ablair](https://forum.code.org/u/ablair)\ **Post date:** [November 18, 2015, 7:15pm UTC](https://forum.code.org/t/u3-day-8-10-pd-discussion-topic/1826/6 "2015-11-18T19:15:11Z")
They can choose the content and provide the style in two separate stages. It’s like following a recipe - you choose your ingredients in phase 1 and then in phase 2, you combine the ingredients to complete the recipe. The instructions can be written for any “bread” and any kind of “peanut butter and jelly.” With this process the students can test the various style elements one at a time to verify correctness and make changes as necessary. ---
**Author:** ![ljbrooks](https://avatars.discourse-cdn.com/v4/letter/l/7feea3/32.png) [@ljbrooks](https://forum.code.org/u/ljbrooks)\ **Post date:** [November 19, 2015, 8:01pm UTC](https://forum.code.org/t/u3-day-8-10-pd-discussion-topic/1826/7 "2015-11-19T20:01:11Z")
Merely reminded students of the PB&J activity and reemphasized the importance of following instructions. ---
**Author:** ![jonesa](https://avatars.discourse-cdn.com/v4/letter/j/ecb155/32.png) [@jonesa](https://forum.code.org/u/jonesa)\ **Post date:** [November 22, 2015, 12:54am UTC](https://forum.code.org/t/u3-day-8-10-pd-discussion-topic/1826/8 "2015-11-22T00:54:12Z")
I will have to wait till I teach this section based on the connections my students make. ---
**Author:** ![dlea](https://avatars.discourse-cdn.com/v4/letter/d/43a26b/32.png) [@dlea](https://forum.code.org/u/dlea)\ **Post date:** [November 24, 2015, 9:45pm UTC](https://forum.code.org/t/u3-day-8-10-pd-discussion-topic/1826/9 "2015-11-24T21:45:08Z")
CSS styles are like contracts, everything carried under that particular style implements everything stated in there. I link it back to algorithms by tying it to the idea that computers automate and simplify our lives. Once you set the algorithm, the computer should be able to carry out the process with minimal intervention by the user. In web design, it means that once the styles are set, standardization of elements on the webpage is much easier. The user only has to call the particular style up instead of having to go back in and adding tags for every little formatting property for that element. ---
**Author:** ![sdooley](https://avatars.discourse-cdn.com/v4/letter/s/3e96dc/32.png) [@sdooley](https://forum.code.org/u/sdooley)\ **Post date:** [November 25, 2015, 3:58pm UTC](https://forum.code.org/t/u3-day-8-10-pd-discussion-topic/1826/10 "2015-11-25T15:58:34Z")
CSS was like a light bulb going off for many of my kids because the perfectionist kids were really struggling with tweaking the HTML to get their web pages to look exactly like they wanted. They had already had 3 or 4 webpages in various stages of completion, so once they learned they could apply one style sheet to ALL of their webpages, they grasped the utility of CSS very quickly. ---
**Author:** ![bbustama](https://avatars.discourse-cdn.com/v4/letter/b/eada6e/32.png) [@bbustama](https://forum.code.org/u/bbustama)\ **Post date:** [November 30, 2015, 3:08am UTC](https://forum.code.org/t/u3-day-8-10-pd-discussion-topic/1826/11 "2015-11-30T03:08:01Z")
Comparing css to an algorithm for making a pbj sandwich… Hmm. I believe making this comparison might work. When I have taught HTML and CSS in the past, students had no problem understanding the usefulness of CSS for uniformly formatting a whole website. Debugging was more challenging. Attention to detail is really important. It seems once you type something, it’s really difficult to imagine that you could have left off a character or put in one too many. This is where having a partner look at your work really pays off. ---
**Author:** ![ihall](https://avatars.discourse-cdn.com/v4/letter/i/3ab097/32.png) [@ihall](https://forum.code.org/u/ihall)\ **Post date:** [November 30, 2015, 5:08am UTC](https://forum.code.org/t/u3-day-8-10-pd-discussion-topic/1826/12 "2015-11-30T05:08:54Z")
Greetings For this one I would start with the connections that are closest to them such as: 1. How their preparedness has a direct impact on their learning and will continue to do so 2. How saving (even a small amount) over time will always give you money 3. There is a direct relationship between hard work, problem solving, and success ---
**Author:** ![robinsonmm](https://avatars.discourse-cdn.com/v4/letter/r/9d8465/32.png) [@robinsonmm](https://forum.code.org/u/robinsonmm)\ **Post date:** [December 12, 2015, 7:11pm UTC](https://forum.code.org/t/u3-day-8-10-pd-discussion-topic/1826/13 "2015-12-12T19:11:47Z")
I love the analogy for contracts. CSS give students the concepts of making sure their pages are uniformed. I am looking for some best practices for this concepts, however. ---
**Author:** ![leah\_dee\_kilgore](https://avatars.discourse-cdn.com/v4/letter/l/4da419/32.png) [@leah\_dee\_kilgore](https://forum.code.org/u/leah_dee_kilgore)\ **Post date:** [December 12, 2015, 7:45pm UTC](https://forum.code.org/t/u3-day-8-10-pd-discussion-topic/1826/14 "2015-12-12T19:45:51Z")
The PBJ activity is great. Lots of laughter and they remember. ---
**Author:** ![bagill1](https://avatars.discourse-cdn.com/v4/letter/b/f19dbf/32.png) [@bagill1](https://forum.code.org/u/bagill1)\ **Post date:** [December 16, 2015, 6:34pm UTC](https://forum.code.org/t/u3-day-8-10-pd-discussion-topic/1826/15 "2015-12-16T18:34:14Z")
I would start by explaining how CSS sets up the theme of the web page, since many students use themes in Google Presentation or Microsoft PowerPoint, it will help them relate to the idea off CSS. I will ask them to describe the themes of their favorite website. ---
**Author:** ![madohuf](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/madohuf/32/70_2.png) [@madohuf](https://forum.code.org/u/madohuf)\ **Post date:** [December 23, 2015, 4:42pm UTC](https://forum.code.org/t/u3-day-8-10-pd-discussion-topic/1826/16 "2015-12-23T16:42:42Z")
One connection that can be made in this lesson is the connect between the use of (css) styles and writing an algorithm that would work for any peanut butter and jelly sandwich where you could use the same set of instructions to work for any bread, any kind of peanut butter, and any kind of jelly? This is true, however, when they were working through their external css.html lists, they were focusing on just the bread, peanut butter and jelly that they would be using… some noticed that css code in some pages allowed the site in question to be viewed on any browser enabled internet device. That caught their attentions. That would be the time to have this discussion… while dissecting the CSS for such a page. What other connections could you use here to help students grasp the need for having a good algorithm? They learned by doing that a good algorithm minimized issues when employed or modified. ---
**Author:** ![jennaranja](https://avatars.discourse-cdn.com/v4/letter/j/b38774/32.png) [@jennaranja](https://forum.code.org/u/jennaranja)\ **Post date:** [December 31, 2015, 8:42pm UTC](https://forum.code.org/t/u3-day-8-10-pd-discussion-topic/1826/17 "2015-12-31T20:42:23Z")
Both W3 schools and Khan Academy were useful here. Students enjoyed the wide range of color tags that could be applied to their projects. ---
**Author:** ![amber\_inscoe](https://avatars.discourse-cdn.com/v4/letter/a/ee59a6/32.png) [@amber\_inscoe](https://forum.code.org/u/amber_inscoe)\ **Post date:** [January 3, 2016, 10:54pm UTC](https://forum.code.org/t/u3-day-8-10-pd-discussion-topic/1826/18 "2016-01-03T22:54:53Z")
I like the idea of referring back to the peanut butter and jelly algorithm here. Another suggestion would be directions to get somewhere, whether it’s driving directions or directions to get from the classroom to another place in the school. This would reiterate that a set of steps that are clear enough and specific are helpful in planning and helping others. ---
**Author:** ![mjmullin](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/mjmullin/32/250_2.png) [@mjmullin](https://forum.code.org/u/mjmullin)\ **Post date:** [January 4, 2016, 12:20am UTC](https://forum.code.org/t/u3-day-8-10-pd-discussion-topic/1826/19 "2016-01-04T00:20:59Z")
I would use the steps to boot up and log on to a computer and then open up a web browser to search for a CSS tutorial. ---
**Author:** ![mulvihillj](https://avatars.discourse-cdn.com/v4/letter/m/7ab992/32.png) [@mulvihillj](https://forum.code.org/u/mulvihillj)\ **Post date:** [January 7, 2016, 5:31pm UTC](https://forum.code.org/t/u3-day-8-10-pd-discussion-topic/1826/20 "2016-01-07T17:31:46Z")
My students really liked the overall power of the CSS external style sheets. It was much easier for them to implement the changes that they wanted.