Backgrounds Practice

In class today, you will interact with a few pages to better understand the graphics I am teaching you. You will need to follow the instructions to tar your work at the end and submit it on Blackboard.

Using Backgrounds in Web Pages

  • Open the terminal
  • Go to the mypractice folder in your public_html directory. cd public_html, cd mypractice
  • Use the following command to copy a file into your mypractice directory
  • cp /home/faculty/lwilliams/public_html/class/csc1210/files/chap4BG.tar.gz . (Make sure to include the period at the end!)
  • Use the following command to extract the tar file
  • tar -xzvf chap4BG.tar.gz
  • This will creat a new directory chap04BG in your mypractice directory
  • We will start by working with the backgrounds.html file. You should view your file as you work at the following address
  • http://linus.highpoint.edu/~your_username/mypractice/chap04BG/backgrounds.html
  • In class today, I would like for you to add your own background image to the page
  • Use the web and the free image sites listed in the slides to find images you like
  • You will need to add a background color to the page wrapper to ensure your content can be seen
  • Using the notes, or the Web learn about the HTML5 meter element
  • Add an HTML5 meter that ranks at least five things from 0 to 10
  • When you are done, use tar to zip the contents of your chap04 directory with the command: tar -czvf name_graphics.tar.gz chap04/
  • Submit your completed tar file using the submit link in the Chapter 4 folder