In this assignment, you will create a vector graphic for the Web in SVG format.
Using Adobe Illustrator, create a vector graphic for your website. This could be a logo, a symbol, or an illustration. Your image should include unique forms and colors and at least three layers. When your image is complete, save it as an SVG file as follows: File > Save As... > Format: SVG (svg) > Save. Under Advanced Options, set CSS Properties to “Style Elements.” After you click “OK” your graphic will be exported in SVG format.
Next, add the SVG to an HTML web page.
svgtag to the closing
svgtag (not including the XML version and doctype declaration).
bodysection of your HTML document.
Having done so, you will then be able to use CSS to style some part of your SVG image. This is easier to do if you move the CSS styles out of the SVG code and into your CSS stylesheet. You only need to add one CSS rule set for your SVG but feel free to include more if you like.
Lastly, using HTML syntax, add a link from your SVG to another web page on your i6 account.
Publish your project on the i6 Web server and submit the following via NYU Classes:
This assignment is worth 10 points.