Web Design

Group meets at 1:30pm - 3rd Saturday each month. Visitors welcome.

Visit the Web Design Group's "Work Site Here"

Click here or scroll to the bottom of this page for links to Member's Websites

Easily Build Your Own Website - Tutorials

Note: For easier navigation, right click on links within tutorials to open them in a new window.

Build a Website in 10 minutes
Change Website Colours & Styles in 10 minutes
Change Website Lay-out in 10 minutes (coming)
Add Text Content to Your Website in 10 minutes (coming)
Add Banners & Photos to Your Website in 10 minutes (coming)
More - in 10 minute Tutorials - coming soon

Test any web-page loading speed with WebSitePulse for free

The Web page test verifies the URL availability, downloads the complete HTML content, the images and all the other internal web page objects and measures the download speed of each of the components. The test results are displayed in both chart and table format and show DNS time, connect time, first and last byte times for each of the web page objects. Try it now - just click the "Web Page Test" radio button and complete the simple form to see the interesting results.

Google WebP Image Format Converter and Editors

Google webp image format is an image format from Google for lossy compressed image files to make web faster by reducing the image file sizes and download times. Weppy format (WebP is pronounced as "Weppy") is knows as Google's open source JPEG killer and uses a compression algorithm that is based on the intra-frame coding. Source: http://www.globinch.com with more information here... plus some excellent compressed image examples here...

Total Validator

Total Validator is an (X)HTML validator, an accessibility validator, a spell checker, and a broken links checker all rolled into one tool allowing one-click validation of your web pages.
Since its release Total Validator has become extremely popular with Web developers around the world. Each year millions of validations are performed using the desktop tools, of which over a quarter of a million copies have been downloaded. This excellent validator provides numerous options and quickly displays its results using your favourite browser.

Total Validator provides the following basic features:

A parser that validates the basic construction of your pages
The best HTML validation against the W3C Specifications
Accessibility validation against the WCAG (1.0 and 2.0) and US Section 508 standard
Checks each page for broken links
Spell checks the content of your pages (English, French, Italian, Spanish, German)
One click validation using the Browser extension

Download Total Validator and validate your web pages today.

Looking for Webdesign Inspiration? Check out these Sites

The Webby Awards is the leading international award honoring excellence on the Internet. Established in 1996 during the Web's infancy, the Webbys are presented by The International Academy of Digital Arts and Sciences, which includes an Executive 750-member body of leading Web experts, business figures, luminaries, visionaries and creative celebrities, and Associate Members who are former Webby Award Winners and Nominees and other Internet professionals.

FWA stands for Favourite Website Awards, an industry recognised internet award program and inspirational portal, established in May 2000. FWA is the most visited website award program in the history of the internet, with over 90 million visits as of May 2010. You will certainly find many fresh, inspirational designes at FWA.

Build Your Website Easily With KompoZer - FREE

A Tutorial by Peter Collard and Bob Backstrom

To follow this tutorial, you will need KompoZer installed on your computer. If not, go here to download KompoZer and then install it in a convenient location.
Peter has also included these file links to get you started:

Tutorial Notes to keep you on track. Print a copy for reference
A Page Template with a basic layout you can use
Your First Main Page - for you to edit
This "KompoZer generated" Style Sheet makes styling easy. Start KompoZer to import it:
Then click Tools > CSS Editor > add a name > OK > click tiny down-arrow beside CSS icon > select Linked Stylesheet > enter URL: http://www.sydneypc.com/tutorials/sig_style.css > click Create Stylesheet > OK. Edit - Experiment - Enjoy

<html> Anatomy of a Webpage </html>

Designing a webpage (an html document) can be lots of fun and is certainly not difficult. For a hands-on experience in learning how webpages are made and to get you started as a budding Web Master, open this hand coded text tutorial. Then follow the few simple instructions to turn it into a webpage linked to your desktop. Make changes - experiment - then immediately view and admire your creative effort. Don't worry if you accidentally stuff-up, just start again!

PHP Info

Check the club's server phpinfo file here.

Link to edit Events Calendar: Yahoo ID = spcughome | Password = sp******