So how do you get graphics onto your webpage?

       We're about to copy a few images from the Web, and put them on your homepage.   Rest assured, these images are available for your use, they are public domain images.  The process is very simple, so pay attention while we do this the first time, and you'll never have a problem with it again.
Lions and tigers and bears, oh my!

       Point [with your mouse pointer...on the screen] to the image above you want to copy.  When your mouse pointer is touching it, Mac users, click and hold down the mouse button. PC users, click and hold down the right mouse button, and choose Save Image As... from the drop down menu.  A dialog box will pop up; save it to your "images" folder. You've saved an image.


Now let's put your picture on your homepage. You will find your picture here. To save your picture, repeat the process that you did above.

       Placing the image on your Webpage is almost as easy.  Open your index.htm file in Notepad.  Find the "img src" tag and replace it with the following:

  <IMG SRC="name_of_image.jpg"> 

       Insert the name of your image in place of name_of_image and your image will appear at that spot on the page.  There are some other attributes we could add to the IMG tag, which will enhance the way images are displayed, but we'll get to those later.

This page was last edited on July 28, 2001.

URL = http://www.teachertech.bu.edu/materials/2001/073101/graphics1.htm

Back to Using Graphics


These pages were developed through TeacherTECH, a teacher-training program sponsored by Center for Computational Science and Boston University's Computer Science Department in collaboration with TechBoston and TeachNet of Boston Public Schools, along with Rice University's Center for Excellence and Equity in Education.
Copyright ©  Michael Sirois, TeacherTECH, July 2001.

last edited, ms  6-18-2001, 20:54.