O'Reilly logo

Designing SVG Web Graphics by Andrew H. Watt

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Some Sample Page Layouts

In other chapters in this book, I have shown you a variety of techniques to create SVG for use as Web graphics. In this section, I describe more of the capabilities of SVG as a Web page layout language.

A “three frame” layout

Love them or hate them, frame-based HTML page layouts are still in wide use. SVG lets you create “frames” within SVG Web pages without difficulty.

For an example of an all-SVG Web site using a three-frame layout, check out http://www.svgspider.com/default.svg. To view the source code, simply right-click on the SVG Web page and choose the View Source option.

Collapsing menus

You might have seen menus that collapse to the left side of the screen crafted within HTML or XHTML pages using JavaScript. ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required