O'Reilly logo

Inkscape by Bethany Hiitola

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

Time for action — using Layers in web design

To start, we will create the very start of a website, or more specifically a blog, and create three layers in the design:

  1. Open Inkscape, and create a new document. From the file menu, select File | New | Desktop_800x600.
  2. From the main menu, choose File | Document Properties.
  3. Click on Background. The Background color dialog will be displayed.
    Time for action — using Layers in web design
  4. Change RGBA from ffffff00 to ffffffff. This will change the background color of this screen mockup to white.
  5. In the Layer dialog, click the + sign to create a new layer (or use Shift + Ctrl + N) and call it Header.
  6. Click the Create and Edit Objects tool and enter the header ...

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