Mozilla Thimble Cat Carousel

 

Cat Carousel

 

   

DIRECTIONS:​  Follow along with this guide to begin  learning about web design.  You will be remixing one of  Mr. Colestock’s Mozilla Thimble creations, creating your  own version by making changes to the existing HTML and  CSS.  Remember, never include personally identifiable  information in your web projects, e.g., full name, address,  mother’s maiden name, cell phone number, etc. 

Table of Contents  Accessing Mozilla Thimble  Remixing the Project  Sharing to the Padlet 

Accessing Mozilla Thimble  Step  ❏   Navigate​ to  Mozilla Thimble 

Detailed Instructions  Go to ​https://thimble.mozilla.org​ in your browser 

❏   Create​ ​Account​ or  ■ Click "​Create an account​"  Sign In​ to  ■ Provide Username, Email, and Password  Webmaker  ■ Click "​Sign Up​"    OR  ■ Click "​Sign In​"  ■ Provide your Username and Password  ■ Click "​Log In​"  James Colestock 

Mozilla Thimble - Cat Carousel

Page 1 of 2 

Remixing the Project   

Step 

Detailed Instructions 

❏   Remix​ and ​Publish  ■ Go to ​https://thimbleprojects.org/colestock/74596  Mr. Colestock’s  ■ Click "​Remix​"  Project  ■ Click "​TUTORIAL​" and follow the step-by-step instructions,  including the part about how to ​publish your project​ and  copy the shareable link​ to the clipboard 

  Sharing to the Padlet   

Step 

Detailed Instructions 

❏   Share​ Completed  Remix to the  Padlet 

■ Go to ​https://padlet.com/bobleeswagger/catcarousel  ■ Double-click wall to create post  ■ Use ​First Name Last Initial - Cat Carousel ​for the title, e.g.,  James C. - Cat Carousel  ■ Click "Add an attachment" and ​paste the link to your  completed project 

  FIGURE 1​:  Example of Properly Formatted Padlet Post 

James Colestock 

Mozilla Thimble - Cat Carousel

Page 2 of 2