Assignment #13 -- Inkscape SVG Image Editor

• This assignment will demonstrate:
  • Installing and using Inkscape for some basic SVG image-editing operations
  
  
• If Inkscape is not installed on the computer you are using (for instance, if you are in the Lab, Inkscape is probably not installed), install it. You may download the Inkscape installer at https://inkscape.org/. Look for the "DOWNLOAD" menu item.
  
  
• Start Inkscape. The first time you start Inkscape, it takes a few minutes to locate and configure some tools and filters. Be patient.
  
  
• You will make a new image for this assignment. (Most of the techniques which you will use for this assignment are also useful for changing existing images.) Press <Ctrl>+N, or click "Edit", "New...". Accept the default settings (usually 640 by 400 pixels). Click OK, or press <Enter>.
  
  
• Follow these steps to use some of Inkscape's basic tools:
  1. Add a line.
  2. In a new layer, add a rectangle.
  3. In a new layer, add an ellipse.
  4. In a new layer, add some text.
  5. Add whatever other objects you want. Feel free to play with Inkscape!
  6. Make whatever changes and adjustments you want in the objects that are in your image.
  7. Save your image to your images directory.
  
  
• Put an <object> tag into the body of one of your pages, using the image that you created in Inkscape as the data attribute's value. I suggest that you put it in your Portfolio page, but that's just a suggestion.
  
  You could, instead, use an <img> tag if you wish, but some browsers may not display the SVG image correctly in an <img> tag.
  
  Put the new tag wherever it fits into your page.
  
  
• Validate your HTML page that you put the image into, with the W3C's HTML Validator page. I will also be validating your page, so this validation will be part of your grade.
  
  
• If you made any changes to your stylesheet, validate your stylesheet with the W3C's CSS Validator page. I will also be validating your style sheet, so this validation will be part of your grade.
  
  
• Upload your modified HTML page, your Inkscape (SVG) image file, and your stylesheet page (if you made any changes to it) to your Freehostia server's folders.
  Make sure you upload your SVG image to your images folder at Freehostia.
  
  
• You can test your page on the class server by selecting the "Student Sites" link on the class site and then clicking your name in the bulleted list. Make sure you refresh/reload the page with F5 to get the new version of your page!