Mozparty/Host/Kitchen Table: Difference between revisions

Jump to navigation Jump to search
Line 53: Line 53:
** Read through the comments in the left-sided pane.  
** Read through the comments in the left-sided pane.  
** Click on some of the HTML tags (marked between < >) to get oriented to the code.
** Click on some of the HTML tags (marked between < >) to get oriented to the code.
** Try changing the words in between the <h2> tags.
** Try changing the words in between the h2 tags.
** Replace the link on line 47.
** Replace the link on line 47.
** You're ready for more advanced projects!
** You're ready for more advanced projects!
Line 63: Line 63:
** Search for a funny photo online. Copy the URL of the image.  
** Search for a funny photo online. Copy the URL of the image.  
** Replacing the link on line 32 with your new URL.
** Replacing the link on line 32 with your new URL.
** Now edit the text between the <h1> and the <h2> tags to give your image a new caption.
** Now edit the text between the h1 and the h2 tags to give your image a new caption.
** Change the color of the page on line 51.  
** Change the color of the page on line 51.  
** If you want, you can keep adjusting the page by editing the other attributes.  
** If you want, you can keep adjusting the page by editing the other attributes.  
** Press "Publish" in the top left-hand corner. Share your work!
** Press "Publish" in the top left-hand corner. Share your work!


* '''[https://thimble.webmaker.org/en-US/projects/zoo Awesome Animal Builder]''' — 10min
* '''[https://thimble.webmaker.org/en-US/projects/zoo Awesome Animal Builder]''' — 15min
** Step x.
** Create you own unique, weird and totally bizarre Awesome Animal.
** Step x.
** Open [https://thimble.webmaker.org/en-US/projects/zoo-small/edit the project].
** Step x.
** Scroll down to see what animals exist already. Do you want to borrow parts from them?
** Change line 36 from "changeme" to "rainforest.
** Modify the links on line 41 by copying parts from the animals at the bottom of the page.
** For example, change unknown.png to solenodon-tail.png
** Edit the text starting on line 53 to describe the new animal.
** Press "Publish" in the top left-hand corner. Share your work!
 
* [https://thimble.webmaker.org/en-US/projects More Thimble projects.]
** There are many more projects for different skill-levels and interests.
** Encourage your guests to keep hacking.
** Or schedule another kitchen table event to do more.  


* [https://thimble.webmaker.org/en-US/projects More Thimble projects.]
* Other tools? What do you like to use?
* Other tools? What do you like to use?


canmove, Confirmed users, Bureaucrats and Sysops emeriti
2,104

edits

Navigation menu