SVG: ART 117 - Design For The Web II

SVG: ART 117 - Design For The Web II
Home Page // Assignments // Notes Page // Paper Page // Links Page // Cpanel // Maps // Books // SVGs
	Date:	Paper:
		SVGs \| W3C SVGs \| Page with test SVGs
Week 1		Scalable--can use CSS and JavaScript--DOM elements XML basis--Can open SVG in browser You can take out un-necessary code in Dreamweaver. (add) SVG in browser Code for SVG: (highlight you can get rid it) <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id=" rename " xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 800 800" style="enable-background:new 0 0 800 800;" xml:space="preserve" > <style type="text/css"> .st0{font-family:'Noteworthy-Light';} .st1{font-size:638.3858px;} </style> <text transform="matrix(1 0 0 1 74.6912 653.753)" class="st0 st1">©</text> </svg> Final <svg id="rename" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800"> <style type="text/css"> .st0{font-family:'Noteworthy-Light';} .st1{font-size:638.3858px;} </style> <text transform="matrix(1 0 0 1 74.6912 653.753)" class="st0 st1"> © </text> </svg> only simplify when COMPLETELY DONE
Week 2		TEST SVG
Week 3		If you create an Illustrator file, save, then select .svg If you add all the code in the HTML code, you can manupulate it in the browser. Start thinking that you size with percent not a exact number. This is the trend with responsive design. You use CSS to size the SVG
Week 4
Week 5
Week 6
Week 7
Week 8
Week 9
Week 10
Week 11
Week 12
Week 13
Week 14
Week 15
Week 16

s z