Creating a Layout Example in Inkscape | Linux Today

Creating a Layout Example in Inkscape

Written By
Web Webster
Web Webster
Nov 11, 2010

[ Thanks to Naheed
for this link. ]

“In this article by Bethany Hiitola, author of Inkscape
0.48 Essentials for Web Designers, we will create a web page
layout. This part of web development allows the most creative
expression for web designers. It’s creating a mock up of how the
web page will look when complete. Mock ups are graphic images of
the web page, so we don’t worry about all the technical details in
making the web page work, just how it looks.

“Designing the background

“In Inkscape, since your canvas is white, it looks like your web
page might have a white background. It does not, without creating a
background image, currently it would be transparent or 0 percent
opacity. So we need to start by determining which colors to use for
the background.

“You can get really creative here, as you don’t need to use just
one color! Create a header background color, one for the main body,
and then another for the footer area. Let’s start by creating a
simple background based on our Basic Layout layer.”

Complete
Story

Web Webster

Web Webster

Web Webster has more than 20 years of writing and editorial experience in the tech sector. He’s written and edited news, demand generation, user-focused, and thought leadership content for business software solutions, consumer tech, and Linux Today, he edits and writes for a portfolio of tech industry news and analysis websites including webopedia.com, and DatabaseJournal.com.

Linux Today Logo

LinuxToday is a trusted, contributor-driven news resource supporting all types of Linux users. Our thriving international community engages with us through social media and frequent content contributions aimed at solving problems ranging from personal computing to enterprise-level IT operations. LinuxToday serves as a home for a community that struggles to find comparable information elsewhere on the web.

Property of TechnologyAdvice. © 2026 TechnologyAdvice. All Rights Reserved

Advertiser Disclosure: Some of the products that appear on this site are from companies from which TechnologyAdvice receives compensation. This compensation may impact how and where products appear on this site including, for example, the order in which they appear. TechnologyAdvice does not include all companies or all types of products available in the marketplace.