Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Like this presentation? Why not share!

Tasc workshop presentation

on

  • 1,717 views

 

Statistics

Views

Total Views
1,717
Views on SlideShare
612
Embed Views
1,105

Actions

Likes
0
Downloads
1
Comments
0

2 Embeds 1,105

http://explorecreateshare.org 1103
http://ranksit.com 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Tasc workshop presentation Tasc workshop presentation Presentation Transcript

  • <HACKASAURUS>  
  • GOALS   Learn  HTML  and  CSS     Learn  more  about  STEM      Remix  websites  from  the  web  
  • GOALS  Science  Technology  Engineering  Math  
  • INTRODUCTIONS   PARTICIPANTS     MOUSE       TASC    HACKASAURUS/  HIVE  (introducHon  from  Omar  and  Youssef)     hKp://hackasaurus.org/en-­‐US/  
  • QuesHons   What  is  meant  by  the  term  hack?     Why  is  learning  about  the  web  and  hacking  important?     What  exactly  is  a  hack  jam?     Who  created  Hackasaurus?    What  happens  when  hack  jam  parHcipants  publish  their  hacked   webpages  online?     What  is  HTML  and  CSS?    
  • Hack      1.  To  cut  or  chop  with  repeated   and  irregular  blows  2.  To  break  up  the  surface  of  (soil).    3.  To  alter  (a  computer  program):   hacked  her  text  editor  to  read   HTML.    4.  To  gain  access  to  (a  computer   file  or  network)  illegally  or   without  authorizaHon:  hacked   the  firms  personnel  database.   DefiniHon  from  The  Free  DicHonary:     hKp://www.thefreedicHonary.com/hacking  
  • Hack  a  dance  move!  
  • HTML   ELEMENTS:      I  can  <em>  hear</em>  you!       ATTRIBUTE:       <a  href=“hAp://wikipedia.org”>Wikipedia</a>  is  cool.       NO  CLOSING  TAG:       <img  src=“hAp://seriouscat.com/serious_cat_is_serious.jpg”>       NESTING:  a  href=“hAp://en.wikipedia.org/wiki/Lolcat”>   <img  src=”hAp://seriouscat.com/serious_cat_is_serious.jpg”>     </a>     FULL  LIST  HERE:  hKps://developer.mozilla.org/en/HTML/Element  
  • CSS   STYLE  ATTRIBUTE:     I  can  <em  style=“color:  red”>hear</em>  you!       SEMICOLONS:     I  can  <em  style=“color:  red;  background:  pink”>hear</em>  you!                 hKps://developer.mozilla.org/en/CSS_Reference     CHEAT  SHEET  
  • Copy  &  Paste  Macintosh:      Copy:  Command  +  C  Paste:  Command  +  V      PC:    Copy:  CTRL  +  C  Paste:  CTRL  +  V      
  • Images:  jpg,  png,  gif      <img  width="150"  height="150"  src="hKp://www.progeKodiogene.eu/DEV/wp-­‐ content/uploads/2011/02/tram04-­‐150x150.jpg"  class="aKachment-­‐thumbnail"  alt="Tram  ProgeKo  Diogene"  Htle="Tram  ProgeKo  Diogene"  style="opacity:  1;  ">  
  • X-­‐RAY  GOGGLES  Install    hKp://hackasaurus.org/en-­‐US/goggles/    Cheat  sheets    Demonstrate    Before:    hKp://www.prospectpark.org/environment/wildlife    Amer:  hKp://poof.hksr.us/pxlixgzq  
  • HACK  A  WEBSITE  1.  Choose  a  STEM  based  website      2.  Use  goggles  to  examine  html  content  on  page      3.  Edit  content  on  page  in  whatever  way  you  want    4.  Publish  your  new  website!  
  • BIODIVERSITY  hKp://www.prospectpark.org/environment/wildlife  CHEMISTRY  hKp://www.ptable.com/    hKp://antoine.frostburg.edu/chem/senese/101/index.shtml  OUTER  SPACE  hKp://www.space.com/  
  • SHARING  Share    Discussion    Badges