harmonycomputer.net
Contact Mr. Gregory
  • 6th grade
    • BOOT UP >
      • 1st quarter
      • 2nd quarter
      • 3rd quarter
      • 4th quarter
    • Intro to CPU >
      • Computer Parts
      • Fundamentals
      • Hardware
      • Software
      • Internet
      • Internet pt. 2
    • Typing Practice
    • Online Safety >
      • Share with Care
      • Google Presentation
    • Word Processing >
      • MLK Jr Formatting
      • Poster
    • Presentations >
      • Things that Make Me Feel...
    • Spreadsheets
    • Graphic Design >
      • About Me Poster
    • Black History Month >
      • Civil Rights
      • Martin Luther King Jr.
    • 3d printing
    • Programming >
      • Hour of Code
      • Scratch
      • Intro to CPU Science
      • Republic
      • Code.org
      • HTML
      • Game Development
      • Independent Study
    • Substitute >
      • Lesson 1: Code Monkey
      • Lesson 2: Google logo
  • 7th grade
    • BOOT UP >
      • 1st quarter
      • 2nd quarter
      • 3rd quarter
      • 4th quarter
    • Online Safety & Digital Citizenship >
      • Digital Footprint
      • Cyberbullying
      • Copyright
      • Privacy & Security
    • Touch Typing
    • Computer Fundamentals >
      • Hardware
      • Software
      • Internet
      • Internet pt. 2
    • Word Processing >
      • MLK Jr Formatting
      • Poster
    • Presentations >
      • Things that Make Me Feel...
      • About Me
    • Spreadsheets
    • Graphic Design >
      • Infographic
    • Martin Luther King Jr.
    • Hour of Code
    • Independent Study
  • 8th grade
    • BOOT UP >
      • 1st quarter
      • 2nd quarter
      • 3rd quarter
      • 4th quarter
    • Touch Typing
    • Computer Fundamentals >
      • Hardware
      • Software
      • Internet
      • Internet pt. 2
    • Online Safety & Digital Citizenship >
      • Digital Footprint
      • Copyright
    • Word Processing >
      • MLK Jr Formatting
      • Formatting
      • Poster
    • Presentations >
      • About Me Jeopardy
      • About Me Prezi
      • Google Slides
      • Texas Revolution
    • Spreadsheets
    • Graphic Design >
      • Brochure
    • Martin Luther King Jr.
    • Hour of Code
    • Independent Study
  • High School CS
    • Fundamentals of CS >
      • BOOT UP >
        • 1st quarter
        • 2nd quarter
        • 3rd quarter
        • 4th quarter
      • Why CPU Science?
      • GMetrix
      • EarSketch
      • What is a Computer?
      • Web Design >
        • My Summer Webpage
        • Hispanic Heritage Bio Project
        • My Winter Break
        • MLK Timeline
        • Advocacy Website
      • Code.org >
        • Intellectual Property
        • Internet Searches
      • CodeCombat
      • Code HS
      • Republic
      • PBL project
      • Independent Study
      • Substitute >
        • Lesson 1: HTML & CSS
        • Lesson 2: HTML & CSS
        • Lesson 3: Javascript
    • Principles of IT >
      • BOOT UP >
        • 1st quarter
        • 2nd quarter
        • 3rd quarter
      • Technology @ Work
      • Web Design >
        • My Winter Break
      • Internet Dilemmas
      • Digital Citizenship & Cyber Hygeine >
        • Digial Footprint
        • Safeguarding Passwords
      • Republic
      • GMetrix
      • Independent Study >
        • HTML & CSS
  • Robots
    • BOOT UP >
      • 1st quarter
      • 2nd quarter
      • 3rd quarter
      • 4th quarter
    • EV3
    • Spike
    • Sphero
    • Drones
    • AutoAuto
    • Independent Study
  • Resources
    • Microsoft enrollment
    • Harmony Portal
    • Class Dojo
    • Pixect
    • Codepen
    • Typing Resources >
      • Fun to Type
      • Free Typing Game
      • Typing Club
    • RefMe
    • Flocabulary
    • Chrome Music Lab
    • P.A.T.
    • Code Ninjas
    • After School >
      • ESports
Directions:
Hello and welcome!
In this activity, you'll remix a story about your summer vacation.
Click on the picture to the right to open the webpage.  Then, follow the steps below.

1. Change the title of the page
Go to line 17. Find the text between the h1 tags that says "The Best Meal I Ate This Summer".
Try to change the words in the title, but leave the opening and closing h1 tags alone. For example, you might call this page
  • What I did this summer
  • A unique person I met this summer
  • My most memorable moment of the summer
  • One thing I learned this summer
  • The person I spent the most time with this summer
  • A day that I wish didn’t happen this summer
  • What I wish I had taken a picture of this summer
  • Something educational I did this summer
  • Something I bought this summer
  • Something I made this summer
  • The best word to describe this summer


Now click the "run" button at the top to see your changes.

2. Change the story
To change the story on your webpage, go to line 21, find the paragraph, or p with the id"mySummer." Delete the lines of text in the story and replace them with your story.

Now click the "run" button at the top to see your changes.

3. Find an image and copy the address 
Click here to open a new tab and go to the Creative Commons search page.

Type in a picture you'd like to search for. Click through the thumbnail you find and get to the picture itself online. Then right-click on the picture and choose to copy the image address or location.

4. Change the background picture
Go to line 19 and find the img tag.

Find the part of your img tag that says src=". Erase the URL that is between the "".

Paste the URL (or Web address) of your new background picture.

Now click the "run" button at the top to see your changes.

5. OPTIONAL: Mess around with the code Congratulations on remixing HTML! If you'd like to explore and remix more of the page, you can remix the stylesheet file called css.
CSS stands for 'cascading stylesheet.' A stylesheet tells different parts of a webpage how to look. 

Try to find the background-colors and font colors in the stylesheet and change them to match your school colors.
Picture
Powered by Create your own unique website with customizable templates.