Open HTML coding site

Does anyone know if there’s an option on code.org where you can openly code full screen without having all of the previous .htm and .css pages on it? I’d like to have my students start a new 5 page html website from scratch. Currently on CSD Unit 2 with them.

Thank you!

1 Like

Hi @rstrauss, welcome to the forum! Yes, there is a place where you can start a new web lab project, but it is a bit tricky to find.

If you are signed in and you go to this link: https://studio.code.org/projects, you can see where you can start a new sprite lab, artist, app lab or game lab project pretty easily (See below).

However, if you click on “View full list”, you will see that there are a number of different projects you can add. Scroll down to this section:

Then, click on Web Lab and you will start a fresh new project. To find it again, just visit the studio link above and it will show up in your list of projects.

Hope this helps, but if not, respond and let me know!

Mike

1 Like

Thanks so much – I just found it shortly after posting on the forum. One additional question – is there a list of available font styles that work with code.org that the students can see? (other than the standard 4-5 that are available)

Just trying to give them some additional options to spice up their websites…

Thanks!

Rob

I believe the fonts available are a function of what fonts are on your individual computer and they aren’t hosted natively by code.org. The ones they use in examples are typically found on most computers. I typically refer my students to this W3Schools page that gives them the most common options.

https://www.w3schools.com/cssref/css_websafe_fonts.asp

Also, though, when time permits, I show them how to embed a Google font which gives them close to 1000 different font options that will work on almost any computer, although that is a two step process. (ie. they have to include a link to the Google font on both their index.html page and they have to call it from their css file as well.)

Here’s one of many sites that show you how to use Google Fonts

And, the actual fonts are found at http://fonts.google.com

Hope this helps.

Mike

2 Likes

Mike –

This is fantastic information thank you so much. It’s my first time teaching Comp. Sci. and the code.org site has been a phenomenal resource for myself and the students. Kudos to the entire crew for putting it all together!

Rob

3 Likes

Mike –

Good morning!

One final question for you before our semester ends next week – do you know if there is a place on code.org where I can print up or assign students puzzles that need to be solved or debugged based on coding? We’ve covered Units 1, 2 and
up to lesson 5 in CS Discoveries. I’m just looking for a couple of fun activities for the students to close out the semester since we won’t be able to get to the end of the unit where they can create their own game.

Thanks again!

Rob

Let me know if this is something that might work. http://code.org/learn is a repository of hundreds of “hour of code” activities. The site is hosted by code.org, but the activities are from a variety of providers and can be filtered by experience level, grade level, type of device, etc.

Depending on what you are after, some are definitely more challenging than others. I may suggest looking through them and picking a few that your kids may be interested in doing. If you want a fun and challenging one, I would recommend lightbot. It says its for preschool to grade 5, but my 7th graders are challenged by it.

If you want something that is more “trackable” in your teacher dashboard, you could assign them the “Accelerated Course” (20 hour course). You can find that if you to update your class settings and change the course from CSD to the Accelerated course (this would make it a little more challenging for them to find their CSD work, however, if they are still working on that).

Mike

This is perfect thanks again Mike!

I have grades 9-12 right now and I’m just looking for something that they’d enjoy to close out the course. This class will run again next school year, so I’m sure we’ll be in touch!

Thanks again,

Rob

1 Like