Aron Design 1.0

This is a free web design made by Aron Knifström.

Open web design

Welcome, this is a free website design by Aron Knifström. This is a liquid based HTML/CSS design which you can use to build your own website.

This design is released as open source web design, i.e. public domain, which means that you are free to use it for any purpose and in any way you may want to without any obligations or limitations. I kindly ask that you leave a credit text since that would be a nice way of supporting my work.

I'd also like to know if you find this design useful or not, please contact me with you opinion. My email: aron.knifstrom@gmail.com

Files

To use this design you need the style.css, arondesign10.png and the index.html files. Look at the HTML file source to learn how to do web pages with this design. Some web design experience required.

Exampels of use

Look at the source of the HTML and the CSS files to understand how things works.

Internationalization

The top of the HTML file is very important, if you don't write in English you have to change the lang attribute in the html-tag.

You may want to change the character encoding, but remember that the document character set for HTML 4.01 is the Universal Character Set(UCS), i.e. Unicode and ISO/IEC 10646, so you can use numeric chararacter references to characters not in the chosen encoding.

I have chosen to do the page in HTML 4.01 Strict so the doctype declaration may not be changed.

General HTML

This is a text with example of some text and more text
and a new row. And here is a quote:

Twenty years from now you will be more disappointed by the things you didn't do than by the ones you did. So throw off the bowlines, Sail away from the safe harbor. Catch the trade winds in your sails. Explore. Dream. ~ Mark Twain

And here is a text in an other language, Swedish:

Och här är texten p?svenska som dom flesta av er kanske inte förstår.

If you want to learn HTML or how to make web pages, these pages are good places to start from:

Links

Some example links:

To the end of this page, use this metod to make a table of contents at the top of the page.
To W3C, a norml link.

Lists

Some example lists:

  1. List 2.1
  2. List 2.2
  3. List 2.3

Images

Example image:

A North American Longtail Weasel

Tables

Example tabel:

Files used by this design
FilenameTypeDescription
index.htmlHTML 4.01This is the web page.
style.cssCSSThis is the style file for the web page.
arondesign10.pngPNGThis image is used as background in the headline part of the web page.

Code

Example of code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

Math

If you are using a character encoding like UTF-8 you can use math charecters directly in your documents. One way to put them there is to copy paste them.

Here we use numeric chararacter references insted. Below is some examples, se the source.

¬(p∧q) ⇔ ¬p∨¬q DeMorgan's Laws
¬(p∨q) ⇔ ¬p∧¬q

¬(∀x p(x)) ⇔ ∃x ¬p(x) Negating statements with one quantifier.
¬(∃x p(x)) ⇔ ∀x ¬p(x)
¬(∀x ¬p(x)) ⇔ ∃x p(x)
¬(∃x ¬p(x)) ⇔ ∀x p(x)

|A∪B| = |A| + |B| - |A∩B| Set Theory : Counting

ab * ac = ab+c

B16 + 716 = A216 = 1810

Customize colors

It's easy to costomize the colors, just check in the CSS file. You can for example choose to not use the arondesign10.png as background in the hedline and chose a color by yourself. Remember to allways have a good contrast between the text color and the background.

Version 2?

This is the first version of this design and it's maybe usefull but a lot is missing.

I'm very thankful for any help, here is some things i thought about fixing.

Please send comments to aron.knifstrom@gmail.com

Browser support

Works in a lot of browsers, even text based. Good browsers:

Other browsers tested

Accessibility and Quality

I have tested the accessibility and quality of this design. Use these tools if you can before publishing.

Test your page:

Free Web Designs

Look for more open web design:

Íøվģ°å