vlwcms Wiki - User contributions [en]

Contact Form

2009-09-15T21:22:42Z

Admin:

Contact form pages are built a little differently than content pages. The Contact Form tool allows you to create a form with any number of fields of several different types and have that information emailed to you when a customer fills out the form.
This is a very common thing to want to do and it shouldn't require much knowledge to set up, but it often does.

The VLW Contact Form tools takes the effort out of it and lets you concentrate on defining what information you'd like to receive. When you create a contact form, rather than it being a blank slate, a template is created for you. This template contains all the major data types you'll be able to use. You can delete all these elements (''after looking at how they work''), modify any or all of them, or use the form as is. Below is a description of the data types and what each looks like.

==Form Configuration==
The first thing you'll want to set up for the Contact Form is how it will function, i.e. where does it send information, what page does it go to after you've sent the form contents, what text does the form need to introduce it. This is all found in the top of the form configuration, see below:

[[Image: cf-def.png]]

==Data Types==
===Text===
A text field is a place for single line of text, like a name or phone number. The two pieces of information you need to specify for a text field, are the label and the size.
[[Image: text-def.png]]

This will result in an item on your form that looks like:

[[Image: text-ex.png]]

===Text Area===
A text area field is for more free-form, multi-lined data, like comments or special instructions. You'll need to specify the label, the width, and number of lines for a text-area field.
[[Image: text-area-def.png]]

This will look like:

[[Image: text-area-ex.png]]

===Slist/Llist===
These items are for creating a list of things to choose from. The only difference between Slist (short list) and Llist (long list) is how they are displayed on the form. A short list will have all choices on a single line, and the long list will have a new line for each choice. To define lists you need to specify a label and the set of choices. Each choice is on a separate line in the box defining the item. See below:

[[Image: slist-def.png]]

Results in a form like this:

[[Image: slist-ex.png]]

===PDlist===
The pulldown list is another way to define a set of choices. It works well if you have a long list to choose from and want your contact form to be compact. To define a pull down list you need to specify a label and a set of items to choose one, one per line in the same way as the slist or llist.

[[Image: pdlist-def.png]]

Results in:

[[Image: pdlist-ex.png]]

File:Pdlist-ex.png

2009-09-15T21:14:08Z

Admin:

File:Pdlist-def.png

2009-09-15T21:13:29Z

Admin:

Contact Form

2009-09-15T21:10:04Z

Admin: /* Slist/Llist */

Contact form pages are built a little differently than content pages. The Contact Form tool allows you to create a form with any number of fields of several different types and have that information emailed to you when a customer fills out the form.
This is a very common thing to want to do and it shouldn't require much knowledge to set up, but it often does.

The VLW Contact Form tools takes the effort out of it and lets you concentrate on defining what information you'd like to receive. When you create a contact form, rather than it being a blank slate, a template is created for you. This template contains all the major data types you'll be able to use. You can delete all these elements (''after looking at how they work''), modify any or all of them, or use the form as is. Below is a description of the data types and what each looks like.

==Data Types==
===Text===
A text field is a place for single line of text, like a name or phone number. The two pieces of information you need to specify for a text field, are the label and the size.
[[Image: text-def.png]]

This will result in an item on your form that looks like:

[[Image: text-ex.png]]

===Text Area===
A text area field is for more free-form, multi-lined data, like comments or special instructions. You'll need to specify the label, the width, and number of lines for a text-area field.
[[Image: text-area-def.png]]

This will look like:

[[Image: text-area-ex.png]]

===Slist/Llist===
These items are for creating a list of things to choose from. The only difference between Slist (short list) and Llist (long list) is how they are displayed on the form. A short list will have all choices on a single line, and the long list will have a new line for each choice. To define lists you need to specify a label and the set of choices. Each choice is on a separate line in the box defining the item. See below:

[[Image: slist-def.png]]

Results in a form like this:

[[Image: slist-ex.png]]

===PDlist===
The pulldown list is another way to define a set of choices. It works well if you have a long list to choose from and want your contact form to be compact. To define a pull down list you need to specify a label and a set of items to choose one, one per line in the same way as the slist or llist.

[[Image: pdlist-def.png]]

Results in:

[[Image: pdlist-ex.png]]

File:Slist-def.png

2009-09-15T21:06:10Z

Admin: uploaded a new version of "File:Slist-def.png"

Contact Form

2009-09-15T21:02:08Z

Admin: /* Slist/Llist */

Contact form pages are built a little differently than content pages. The Contact Form tool allows you to create a form with any number of fields of several different types and have that information emailed to you when a customer fills out the form.
This is a very common thing to want to do and it shouldn't require much knowledge to set up, but it often does.

The VLW Contact Form tools takes the effort out of it and lets you concentrate on defining what information you'd like to receive. When you create a contact form, rather than it being a blank slate, a template is created for you. This template contains all the major data types you'll be able to use. You can delete all these elements (''after looking at how they work''), modify any or all of them, or use the form as is. Below is a description of the data types and what each looks like.

==Data Types==
===Text===
A text field is a place for single line of text, like a name or phone number. The two pieces of information you need to specify for a text field, are the label and the size.
[[Image: text-def.png]]

This will result in an item on your form that looks like:

[[Image: text-ex.png]]

===Text Area===
A text area field is for more free-form, multi-lined data, like comments or special instructions. You'll need to specify the label, the width, and number of lines for a text-area field.
[[Image: text-area-def.png]]

This will look like:

[[Image: text-area-ex.png]]

===Slist/Llist===
These items are for creating a list of things to choose from. The only difference between Slist (short list) and Llist (long list) is how they are displayed on the form. A short list will have all choices on a single line, and the long list will have a new line for each choice. To define lists you need to specify a label and the set of choices. Each choice is on a separate line in the box defining the item. See below:

[[Image: slist-def.png]]

Results in a form like this:

[[Image: slist-ex.png]]

File:Slist-ex.png

2009-09-15T21:00:24Z

Admin:

Contact Form

2009-09-15T21:00:04Z

Admin: /* Slist/Llist */

File:Slist-def.png

2009-09-15T20:59:38Z

Admin:

Contact Form

2009-09-15T20:57:06Z

Admin: /* Text Area */

Contact Form

2009-09-15T19:25:00Z

Admin: /* Text Area */

Contact Form

2009-09-15T19:24:45Z

Admin: /* Text */

File:Text-area-ex.png

2009-09-15T19:24:25Z

Admin:

File:Text-ex.png

2009-09-15T19:23:58Z

Admin:

File:Text-area-def.png

2009-09-15T19:23:33Z

Admin:

Contact Form

2009-09-15T19:17:54Z

Admin: /* Text */

Contact Form

2009-09-15T19:17:35Z

Admin: /* Text */

Contact Form

2009-09-15T19:14:23Z

Admin: /* Text */

File:Text-def.png

2009-09-15T19:13:00Z

Admin:

Contact Form

2009-09-15T19:05:48Z

Admin: Created page with 'Contact form pages are built a little differently than content pages. The Contact Form tool allows you to create a form with any number of fields of several different types and h…'

VLW

2009-09-15T18:46:03Z

Admin: /* What VLW is not */

==Does the World really need another CMS?==
VLW was created for a very specific function. To be an easy to use starter website tool. There are lots of full featured content management systems out there for doing every thing from blogging to social networking, but they are complex and require a steep learning curve and often expose underlying HTML or CSS issues making the learning curve even steeper. VLW was designed for small websites needing a few article pages, wanting a consistent look and feel from page to page and/or some simple pages to collect data from a customer and mail it to the website owner.

===Stone Soup===
One of the wonderful things about the Open Source movement is the rich array of toolkits, code snippets, and projects that are available for integrating into new tools. VLW is very much a work of stone soup, built around the popular WYSIWYG (what you see is what you get) web page editor, [[Fckeditor|FCKeditor]]. It also uses SWCP's [https://members.swcp.com/wiki/index.php?title=Mail-form-results mail-form-results] script to deliver form data to you via email.

===Layout===
The layout for a VLW site is very basic and completely built in CSS (Cascading Style Sheets).
# '''Top area''' contains a '''site name''', and place for a '''logo'''. Neither are mandatory.
# The '''neck''' is a '''horizontal navigation bar'''. You can add items to it or not as you'd like.
# The '''main body''' consists of
## a '''side navigation bar''' (either on the left or right depending on the template chosen),
## and a '''main contents''' area. The side navigation area will be reserved, but you don't have to put any links in it if you don't want to.
# At the bottom of the page you'll find the '''footer area''', usually used for ''contact info, copyright notices, or site tag lines''.

The easiest way to move around your website is to define pages and place them in the top or side navigation bars. When you define a page you simply check top, side, or both to place them in the navigation areas. If you don't link to a page from either navigation bar you'll need to link to it from within another article, so it can be found in normal flow of reading your website. When you specify this link you'll use the vlw internal link button instead of the usual external link button.

===What VLW is not===
VLW isn't a community site. There is no facility for logins to the site other than the administrator.

VLW doesn't have plugins or modules. Since VLW isn't a community site you can easily add on a photo gallery or wiki as a sub-directory and link to it, but the two products are only related by linking.

An example of a VLW website can be found at http://www.vlwcms.org.

VLW

2009-09-15T18:45:18Z

Admin: /* What VLW is not */

VLW

2009-09-15T18:43:47Z

Admin: /* Stone Soup */

VLW

2009-09-15T18:43:27Z

Admin: /* Stone Soup */

==Does the World really need another CMS?==
VLW was created for a very specific function. To be an easy to use starter website tool. There are lots of full featured content management systems out there for doing every thing from blogging to social networking, but they are complex and require a steep learning curve and often expose underlying HTML or CSS issues making the learning curve even steeper. VLW was designed for small websites needing a few article pages, wanting a consistent look and feel from page to page and/or some simple pages to collect data from a customer and mail it to the website owner.

===Stone Soup===
One of the wonderful things about the Open Source movement is the rich array of toolkits, code snippets, and projects that are available for integrating into new tools. VLW is very much a work of stone soup, built around the popular WYSIWYG (what you see is what you get) web page editor, [[Fckeditor|FCKeditor]]. It also uses SWCP's [[https://members.swcp.com/wiki/index.php?title=Mail-form-results mail-form-results]] script to deliver form data to you via email.

===Layout===
The layout for a VLW site is very basic and completely built in CSS (Cascading Style Sheets).
# '''Top area''' contains a '''site name''', and place for a '''logo'''. Neither are mandatory.
# The '''neck''' is a '''horizontal navigation bar'''. You can add items to it or not as you'd like.
# The '''main body''' consists of
## a '''side navigation bar''' (either on the left or right depending on the template chosen),
## and a '''main contents''' area. The side navigation area will be reserved, but you don't have to put any links in it if you don't want to.
# At the bottom of the page you'll find the '''footer area''', usually used for ''contact info, copyright notices, or site tag lines''.

The easiest way to move around your website is to define pages and place them in the top or side navigation bars. When you define a page you simply check top, side, or both to place them in the navigation areas. If you don't link to a page from either navigation bar you'll need to link to it from within another article, so it can be found in normal flow of reading your website. When you specify this link you'll use the vlw internal link button instead of the usual external link button.

===What VLW is not===
VLW isn't a community site. There is no facility for logins to the site other than the administrator.

VLW doesn't have plugins or modules. Since VLW isn't a community site you can easily add on a photo gallery or wiki as a sub-directory and link to it, but the two products are only related by linking.

VLW

2009-09-15T18:41:07Z

Admin: /* Other areas of interest */

==Does the World really need another CMS?==
VLW was created for a very specific function. To be an easy to use starter website tool. There are lots of full featured content management systems out there for doing every thing from blogging to social networking, but they are complex and require a steep learning curve and often expose underlying HTML or CSS issues making the learning curve even steeper. VLW was designed for small websites needing a few article pages, wanting a consistent look and feel from page to page and/or some simple pages to collect data from a customer and mail it to the website owner.

===Stone Soup===
One of the wonderful things about the Open Source movement is the rich array of toolkits, code snippets, and projects that are available for integrating into new tools. VLW is very much a work of stone soup, built around the popular WYSIWYG (what you see is what you get) web page editor, [[Fckeditor|FCKeditor]]. It also uses SWCP's mail-form-results script to deliver form data to you via email.

===Layout===
The layout for a VLW site is very basic and completely built in CSS (Cascading Style Sheets).
# '''Top area''' contains a '''site name''', and place for a '''logo'''. Neither are mandatory.
# The '''neck''' is a '''horizontal navigation bar'''. You can add items to it or not as you'd like.
# The '''main body''' consists of
## a '''side navigation bar''' (either on the left or right depending on the template chosen),
## and a '''main contents''' area. The side navigation area will be reserved, but you don't have to put any links in it if you don't want to.
# At the bottom of the page you'll find the '''footer area''', usually used for ''contact info, copyright notices, or site tag lines''.

The easiest way to move around your website is to define pages and place them in the top or side navigation bars. When you define a page you simply check top, side, or both to place them in the navigation areas. If you don't link to a page from either navigation bar you'll need to link to it from within another article, so it can be found in normal flow of reading your website. When you specify this link you'll use the vlw internal link button instead of the usual external link button.

===What VLW is not===
VLW isn't a community site. There is no facility for logins to the site other than the administrator.

VLW doesn't have plugins or modules. Since VLW isn't a community site you can easily add on a photo gallery or wiki as a sub-directory and link to it, but the two products are only related by linking.

MediaWiki:Sidebar

2009-09-15T18:40:14Z

Admin:

MediaWiki:Sidebar

2009-09-15T18:35:51Z

Admin:

Templates

2009-09-13T06:38:14Z

Admin: /* Config File */

===Purely CSS===
Part of my inspiration for vlwcms was the CSS Zen Garden (http://www.csszengarden.com). I wanted a simple mechanism to change the
look and feel of the site without writing any code. The picture below shows the standard layout of the boxes that make up the
VLW site. If you're familiar with CSS it's pretty easy to build a new template.

[[image:Vlw-temp-layout.png]]

This just shows the nesting arrangement. You can move the boxes around with CSS magic as you like.

A VLW template is a subdirectory of the templates directory. The name of the subdirectory is the name of the theme. You need at least 2 files in this subdirectory to make a theme, style.css, and tn.png. style.css contains all the CSS information you need to define colors, fonts, placements, and backgrounds. tn.png is a PNG image with width of 250px showing a preview of the theme. You can also have an index.html to prevent direct access to the theme, and there is an optional configuration file named config.

====Config File====
The config file consists of a few options that vlw uses to alter the behavior of the basic layout. Current options are:

'''top''' (possible values are left/right), this allows for left or right placement of the logo and left or right starting place for the list items in the neck.

'''neck''' (possible values are top/bottom). This determines if the neck box is at the top or bottom of the head box, allowing the neck navigation bar to appear at the top of the page. See the '''salsa''' template for an example of how this looks.

'''bodycolor''' (any valid RGB or colorname) By default VLW makes the body background white. This is a problem with dark themes and short articles.

Each item is on a separate line, value is separated by a tab. See [[building a new template]] for more information.

Fckeditor

2009-09-13T06:35:23Z

Admin:

FCKeditor is a lightweight HTML text editor intended for embedding in a wide variety of projects.
It takes it's name from it's author, Frederico Caldeira Knabben (FredCK.com). You can find information
on using the editor at http://www.fckeditor.net/.

===Is it well maintained?===
In a word, YES. FCKeditor is used by companies as large as Adobe, to tiny content management systems like vlwcms. There is a lot of interest in future development and security of this tool, which is one of the reasons we chose it as the editor for vlwcms.

===Is it expandable?===
Yes. There is a built-in system for adding plugins to FCKeditor and vlw adds internal links via this mechanism. If you're interested check out the developer's documentation on www.fckeditor.net.

===Help===
If you hover over any of the icons on the toolbar of the editor a tooltip will appear with text information
about what the icon does.

At the bottom of the FCKeditor window in VLW, you'll find a link to online documentation that is very useful when you've run into problems using the editor.

===Any Gotchas with FCKeditor?===
FCKeditor was developed with a Windows perspective, so it expects you to have a two button mouse. If you're working on a Mac you'll need to be aware that the right button, often used for ''properties'' in the Windows world is necessary for modifying objects. To access this functionality use Control click. This is particularly useful when changing properties of a table.

===What about the name?===
Yeah, well the latest poll on the fckeditor site shows 43% of folks think it should get a name change. The newer versions in beta test will be named ckeditor. BTW, proper pronounciation of the name is Eff Cee Kay Editor.

Fckeditor

2009-09-13T06:34:02Z

Admin: /* Help */

FCKeditor is a lightweight HTML text editor intended for embedding in a wide variety of projects.
It takes it's name from it's author, Frederico Caldeira Knabben (FredCK.com). You can find information
on using the editor at http://www.fckeditor.net/.

===Is it well maintained?===
In a word, YES. FCKeditor is used by companies as large as Adobe, to tiny content management systems like vlwcms. There is a lot of interest in future development and security of this tool, which is one of the reasons we chose it as the editor for vlwcms.

===Is it expandable?===
Yes. There is a built-in system for adding plugins to FCKeditor and vlw adds internal links via this mechanism. If you're interested check out the developer's documentation on www.fckeditor.net.

===What about the name?===
Yeah, well the latest poll on the fckeditor site shows 43% of folks think it should get a name change. The newer versions in beta test will be named ckeditor. BTW, proper pronounciation of the name is Eff Cee Kay Editor.

===Any Gotchas with FCKeditor?===
FCKeditor was developed with a Windows perspective, so it expects you to have a two button mouse. If you're working on a Mac you'll need to be aware that the right button, often used for ''properties'' in the Windows world is necessary for modifying objects. To access this functionality use Control click. This is particularly useful when changing properties of a table.

===Help===
If you hover over any of the icons on the toolbar of the editor a tooltip will appear with text information
about what the icon does.

At the bottom of the FCKeditor window in VLW, you'll find a link to online documentation that is very useful when you've run into problems using the editor.

VLW

2009-09-13T06:29:01Z

Admin: /* Other areas of interest */

==Does the World really need another CMS?==
VLW was created for a very specific function. To be an easy to use starter website tool. There are lots of full featured content management systems out there for doing every thing from blogging to social networking, but they are complex and require a steep learning curve and often expose underlying HTML or CSS issues making the learning curve even steeper. VLW was designed for small websites needing a few article pages, wanting a consistent look and feel from page to page and/or some simple pages to collect data from a customer and mail it to the website owner.

===Stone Soup===
One of the wonderful things about the Open Source movement is the rich array of toolkits, code snippets, and projects that are available for integrating into new tools. VLW is very much a work of stone soup, built around the popular WYSIWYG (what you see is what you get) web page editor, [[Fckeditor|FCKeditor]]. It also uses SWCP's mail-form-results script to deliver form data to you via email.

===Layout===
The layout for a VLW site is very basic and completely built in CSS (Cascading Style Sheets).
# '''Top area''' contains a '''site name''', and place for a '''logo'''. Neither are mandatory.
# The '''neck''' is a '''horizontal navigation bar'''. You can add items to it or not as you'd like.
# The '''main body''' consists of
## a '''side navigation bar''' (either on the left or right depending on the template chosen),
## and a '''main contents''' area. The side navigation area will be reserved, but you don't have to put any links in it if you don't want to.
# At the bottom of the page you'll find the '''footer area''', usually used for ''contact info, copyright notices, or site tag lines''.

The easiest way to move around your website is to define pages and place them in the top or side navigation bars. When you define a page you simply check top, side, or both to place them in the navigation areas. If you don't link to a page from either navigation bar you'll need to link to it from within another article, so it can be found in normal flow of reading your website. When you specify this link you'll use the vlw internal link button instead of the usual external link button.

===What VLW is not===
VLW isn't a community site. There is no facility for logins to the site other than the administrator.

VLW doesn't have plugins or modules. Since VLW isn't a community site you can easily add on a photo gallery or wiki as a sub-directory and link to it, but the two products are only related by linking.
===Other areas of interest===
[[Copying a site into VLW]]

[[Template Gallery]]

MediaWiki:Sidebar

2009-09-13T06:27:41Z

Admin:

MediaWiki:Sidebar

2009-09-13T06:25:27Z

Admin:

MediaWiki:Sidebar

2009-09-13T06:23:42Z

Admin:

MediaWiki:Sidebar

2009-09-13T06:22:40Z

Admin:

MediaWiki:Sidebar

2009-09-13T06:21:43Z

Admin:

Templates

2009-09-01T23:18:04Z

Admin: Created page with '===Purely CSS=== Part of my inspiration for vlwcms was the CSS Zen Garden (http://www.csszengarden.com).'

===Purely CSS===
Part of my inspiration for vlwcms was the CSS Zen Garden (http://www.csszengarden.com).

Fckeditor

2009-09-01T23:14:47Z

Admin: /* What about the name? */

Fckeditor

2009-09-01T23:14:03Z

Admin:

Fckeditor

2009-09-01T23:11:18Z

Admin: Created page with 'FCKeditor is a lightweight HTML text editor intended for embedding in a wide variety of projects. It takes it's name from it's author, Frederico Caldeira Knabben (FredCK.com). Y…'

Website graphics resources

2009-09-01T23:00:41Z

Admin:

==Patterns, photos, gradients, brushes, and more==
There are many generous people out on the internet who like to show off their work and allow other people to build on things they've produced. It is important to carefully read the terms of use that are provided with any person's work. Many people are glad to have you use their source material provide it isn't for commercial work. Some really want attribution on your website if you use their source material. No-one wants you to take their work and say it's yours, or resell it as is for profit, but there are many generous folks who will let you use their work even in commerical ventures. If you have any question about how you're using tools from the internet, contact the owner and ask them how they feel about. Below are some of my favorite sites for finding interesting and helpful tools for producing web graphics.

===Brushes, textures, patterns===
If you've never played with brushes in Photoshop, Painter, or the Gimp you're in for a treat. Brushes can add texture or graphical elements at any size and can take a plain uninteresting web site that next step into eye-catching.

# http://fbrushes.com - A large source of brushes, textures and patterns collected from a variety of sources.
# http://webtreats.mysitemyway.com - Textures, brushes, icons, and many other resources. Free items available for commercial as well as personal use. Other items for sale.
# http://www.obsidiandawn.com/ - Excellent and original brushes and tutorials on graphic design. Her work is available for free for personal use, and there is a small fee for commercial use.

===Advice on building a site===

# http://www.smashingmagazine.com - Advice on design, CSS, Photoshop & Dreamweaver tutorials, and lots more.

===Clipart===
# http://www.clker.com/ - A huge collection of royalty free clipart.

===Stock Photography===
# http://pdphoto.org - A collection of interesting and useful photography from Jon Sullivan. Almost all work is in the public domain, free for commercial or personal use, but check any photos you choose. There are a few with non-commercial requirements.

===Inspiration===
One of the most interesting places on the Internet for emerging art trends is http://www.deviantart.com/, an online community of artists.

Website graphics resources

2009-09-01T22:34:27Z

Admin: /* Brushes */

Website graphics resources

2009-09-01T20:17:38Z

Admin: /* Stock Photography */

==Patterns, photos, gradients, brushes, and more==
There are many generous people out on the internet who like to show off their work and allow other people to build on things they've produced. It is important to carefully read the terms of use that are provided with any person's work. Many people are glad to have you use their source material provide it isn't for commercial work. Some really want attribution on your website if you use their source material. No-one wants you to take their work and say it's yours, or resell it as is for profit, but there are many generous folks who will let you use their work even in commerical ventures. If you have any question about how you're using tools from the internet, contact the owner and ask them how they feel about. Below are some of my favorite sites for finding interesting and helpful tools for producing web graphics.

===Brushes===
If you've never played with brushes in Photoshop, Painter, or the Gimp you're in for a treat. Brushes can add texture or graphical elements at any size and can take a plain uninteresting web site that next step into eye-catching.

# http://fbrushes.com - A large source of brushes, textures and patterns collected from a variety of sources.
# http://webtreats.mysitemyway.com - Textures, brushes, icons, and many other resources. Free items available for commercial as well as personal use. Other items for sale.
# http://www.obsidiandawn.com/ - Excellent and original brushes and tutorials on graphic design. Her work is available for free for personal use, and there is a small fee for commercial use.

===Advice on building a site===

# http://www.smashingmagazine.com - Advice on design, CSS, Photoshop & Dreamweaver tutorials, and lots more.

===Clipart===
# http://www.clker.com/ - A huge collection of royalty free clipart.

===Stock Photography===
# http://pdphoto.org - A collection of interesting and useful photography from Jon Sullivan. Almost all work is in the public domain, free for commercial or personal use, but check any photos you choose. There are a few with non-commercial requirements.

Website graphics resources

2009-09-01T20:15:31Z

Admin: /* Clipart */

==Patterns, photos, gradients, brushes, and more==
There are many generous people out on the internet who like to show off their work and allow other people to build on things they've produced. It is important to carefully read the terms of use that are provided with any person's work. Many people are glad to have you use their source material provide it isn't for commercial work. Some really want attribution on your website if you use their source material. No-one wants you to take their work and say it's yours, or resell it as is for profit, but there are many generous folks who will let you use their work even in commerical ventures. If you have any question about how you're using tools from the internet, contact the owner and ask them how they feel about. Below are some of my favorite sites for finding interesting and helpful tools for producing web graphics.

===Brushes===
If you've never played with brushes in Photoshop, Painter, or the Gimp you're in for a treat. Brushes can add texture or graphical elements at any size and can take a plain uninteresting web site that next step into eye-catching.

# http://fbrushes.com - A large source of brushes, textures and patterns collected from a variety of sources.
# http://webtreats.mysitemyway.com - Textures, brushes, icons, and many other resources. Free items available for commercial as well as personal use. Other items for sale.
# http://www.obsidiandawn.com/ - Excellent and original brushes and tutorials on graphic design. Her work is available for free for personal use, and there is a small fee for commercial use.

===Advice on building a site===

# http://www.smashingmagazine.com - Advice on design, CSS, Photoshop & Dreamweaver tutorials, and lots more.

===Clipart===
# http://www.clker.com/ - A huge collection of royalty free clipart.

===Stock Photography===
# pdphotos.org - A collection of interesting and useful photography from .... Almost all work is in the public domain, free for commercial or personal use, but check any photos you choose. There are a few with non-commercial requirements.

Website graphics resources

2009-09-01T20:08:31Z

Admin: /* Brushes */

==Patterns, photos, gradients, brushes, and more==
There are many generous people out on the internet who like to show off their work and allow other people to build on things they've produced. It is important to carefully read the terms of use that are provided with any person's work. Many people are glad to have you use their source material provide it isn't for commercial work. Some really want attribution on your website if you use their source material. No-one wants you to take their work and say it's yours, or resell it as is for profit, but there are many generous folks who will let you use their work even in commerical ventures. If you have any question about how you're using tools from the internet, contact the owner and ask them how they feel about. Below are some of my favorite sites for finding interesting and helpful tools for producing web graphics.

===Brushes===
If you've never played with brushes in Photoshop, Painter, or the Gimp you're in for a treat. Brushes can add texture or graphical elements at any size and can take a plain uninteresting web site that next step into eye-catching.

# http://fbrushes.com - A large source of brushes, textures and patterns collected from a variety of sources.
# http://webtreats.mysitemyway.com - Textures, brushes, icons, and many other resources. Free items available for commercial as well as personal use. Other items for sale.
# http://www.obsidiandawn.com/ - Excellent and original brushes and tutorials on graphic design. Her work is available for free for personal use, and there is a small fee for commercial use.

===Advice on building a site===

# http://www.smashingmagazine.com - Advice on design, CSS, Photoshop & Dreamweaver tutorials, and lots more.

===Clipart===
# http://www.clker.com/ - A huge collection of royalty free clipart.

Website graphics resources

2009-09-01T20:04:49Z

Admin: /* Brushes */

==Patterns, photos, gradients, brushes, and more==
There are many generous people out on the internet who like to show off their work and allow other people to build on things they've produced. It is important to carefully read the terms of use that are provided with any person's work. Many people are glad to have you use their source material provide it isn't for commercial work. Some really want attribution on your website if you use their source material. No-one wants you to take their work and say it's yours, or resell it as is for profit, but there are many generous folks who will let you use their work even in commerical ventures. If you have any question about how you're using tools from the internet, contact the owner and ask them how they feel about. Below are some of my favorite sites for finding interesting and helpful tools for producing web graphics.

===Brushes===
If you've never played with brushes in Photoshop, Painter, or the Gimp you're in for a treat. Brushes can add texture or graphical elements at any size and can take a plain uninteresting web site that next step into eye-catching.

# http://fbrushes.com - A large source of brushes, textures and patterns collected from a variety of sources.
# http://webtreats.mysitemyway.com - Textures, brushes, icons, and many other resources. Free items available for commercial as well as personal use. Other items for sale.

===Advice on building a site===

# http://www.smashingmagazine.com - Advice on design, CSS, Photoshop & Dreamweaver tutorials, and lots more.

===Clipart===
# http://www.clker.com/ - A huge collection of royalty free clipart.

Website graphics resources

2009-09-01T19:57:56Z

Admin: /* Advice on building a site */

Website graphics resources

2009-09-01T19:56:24Z

Admin: Created page with '==Patterns, photos, gradients, brushes, and more== There are many generous people out on the internet who like to show off their work and allow other people to build on things th…'

VLW

2009-09-01T19:14:11Z

Admin: /* Other areas of interest */

==Does the World really need another CMS?==
VLW was created for a very specific function. To be an easy to use starter website tool. There are lots of full featured content management systems out there for doing every thing from blogging to social networking, but they are complex and require a steep learning curve and often expose underlying HTML or CSS issues making the learning curve even steeper. VLW was designed for small websites needing a few article pages, wanting a consistent look and feel from page to page and/or some simple pages to collect data from a customer and mail it to the website owner.

===Stone Soup===
One of the wonderful things about the Open Source movement is the rich array of toolkits, code snippets, and projects that are available for integrating into new tools. VLW is very much a work of stone soup, built around the popular WYSIWYG (what you see is what you get) web page editor, [[FCKeditor]]. It also uses SWCP's mail-form-results script to deliver form data to you via email.

===Layout===
The layout for a VLW site is very basic.
# '''Top area''' contains a '''site name''', and place for a '''logo'''. Neither are mandatory.
# The '''neck''' is a '''horizontal navigation bar'''. You can add items to it or not as you'd like.
# The '''main body''' consists of
## a '''side navigation bar''' (either on the left or right depending on the template chosen),
## and a '''main contents''' area. The side navigation area will be reserved, but you don't have to put any links in it if you don't want to.
# At the bottom of the page you'll find the '''footer area''', usually used for ''contact info, copyright notices, or site tag lines''.

The easiest way to move around your website is to define pages and place them in the top or side navigation bars. When you define a page you simply check top, side, or both to place them in the navigation areas. If you don't link to a page from either navigation bar you'll need to link to it from within another article, so it can be found in normal flow of reading your website. When you specify this link you'll use the vlw internal link button instead of the usual external link button.

===What VLW is not===
VLW isn't a community site. There is no facility for logins to the site other than the administrator.

VLW doesn't have plugins or modules. Since VLW isn't a community site you can easily add on a photo gallery or wiki as a sub-directory and link to it, but the two products are only related by linking.
===Other areas of interest===
[[VLW templates]]

[[Copying a site into VLW]]

[[Troubleshooting]]

[[Website graphics resources]]

VLW

2009-09-01T00:32:52Z

Admin: /* Stone Soup */

==Does the World really need another CMS?==
VLW was created for a very specific function. To be an easy to use starter website tool. There are lots of full featured content management systems out there for doing every thing from blogging to social networking, but they are complex and require a steep learning curve and often expose underlying HTML or CSS issues making the learning curve even steeper. VLW was designed for small websites needing a few article pages, wanting a consistent look and feel from page to page and/or some simple pages to collect data from a customer and mail it to the website owner.

===Stone Soup===
One of the wonderful things about the Open Source movement is the rich array of toolkits, code snippets, and projects that are available for integrating into new tools. VLW is very much a work of stone soup, built around the popular WYSIWYG (what you see is what you get) web page editor, [[FCKeditor]]. It also uses SWCP's mail-form-results script to deliver form data to you via email.

===Layout===
The layout for a VLW site is very basic.
# '''Top area''' contains a '''site name''', and place for a '''logo'''. Neither are mandatory.
# The '''neck''' is a '''horizontal navigation bar'''. You can add items to it or not as you'd like.
# The '''main body''' consists of
## a '''side navigation bar''' (either on the left or right depending on the template chosen),
## and a '''main contents''' area. The side navigation area will be reserved, but you don't have to put any links in it if you don't want to.
# At the bottom of the page you'll find the '''footer area''', usually used for ''contact info, copyright notices, or site tag lines''.

The easiest way to move around your website is to define pages and place them in the top or side navigation bars. When you define a page you simply check top, side, or both to place them in the navigation areas. If you don't link to a page from either navigation bar you'll need to link to it from within another article, so it can be found in normal flow of reading your website. When you specify this link you'll use the vlw internal link button instead of the usual external link button.

===What VLW is not===
VLW isn't a community site. There is no facility for logins to the site other than the administrator.

VLW doesn't have plugins or modules. Since VLW isn't a community site you can easily add on a photo gallery or wiki as a sub-directory and link to it, but the two products are only related by linking.
===Other areas of interest===
[[VLW templates]]

[[Copying a site into VLW]]

[[Troubleshooting]]