Nicu Buculei wrote the following on 1/11/2008 12:51 PM:
heathenx wrote:
Ok, how about helping some noobs out (me) then. What is the best way to get started with SVG web graphics (svg and html). I think that I would like to make a mockup for myself to better understand things. I already know how to make a layout and add links. Do we simple just call in the svg file as an object (for the quick-n-dirty)?
What I aiming for is: configure Apache to serve index.svg and the directory index and that is all (add index.svg to the DirectoryIndex directive). When the user access your site the browser will open your SVG and everybody is happy.
To use SVG as graphics in an HTML file you have two ways:
- use inline SVG, there your HTML is XHTML with SVG inlined inside the
HTML code: http://wiki.svg.org/Inline_SVG
- embed the SVG as abjects: http://wiki.svg.org/SVG_and_HTML
On the Firefox roadmap is the ability to use SVG with the IMG tag, but I believe it will not be ready for FF 3.
But the real deal (IMO) is to author the website completely as SVG, saving directly from Inkscape (but here we get to the problems pointed at the start of this thread).
Alright. Thanks Nicu. That should get me down the road a ways.
Since I don't have the beta Firefox installed (still on 2.0+) I have been using Opera 9.5+ in its place. Svg graphics look a little squirrely in the browser so far but all I intend to build is a proof of concept at this point. From there I can build on my experiences.
heathenx