Web Design

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

Visit the Web Design Group's "Work Site"

Scroll to the bottom of this page for links to Member's Websites

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!

Lorem Ipsum ~ Trivia

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam nibh. Nunc varius facilisis eros. Sed erat. In in velit quis arcu ornare laoreet. Curabitur adipiscing luctus massa. Integer ut purus ac augue commodo commodo. Nunc nec mi eu justo tempor consectetuer. Etc.

Contrary to popular belief, Lorem Ipsum is not simply random text used to fill sample pages. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. jl

Add book animation with Flash Page Flip - FREE

The free version of Flash Page Flip has no advanced functions but it has some nice features like resizing and navigation. You can make and publish your own publications (Online Catalog, Digital Brochure, Flipping Book, Interactive Flyer, Virtual Magazine, Flip Album etc.) by writing JPEG or SWF formatted pages names on XML file in the Free Version. You don't have to know Flash software to make your flipping book.

You can use Free FPF in your commercial and non-commercial websites but please firstly look at the Terms of Use. FlashPageFlip.com text link where at the lower left corner is only for Free Version. This isn't in the other versions.

Flash Page Flip Free Version works like Basic XML Version. We advise you use FPF Basic XML Version if you can use Free FPF without any difficulty and you enjoy it or you haven't a server which supports ASP. You can use it offline (CD, DVD, etc.) or all online servers like Free FPF. Click pages and flip through a tutorial of Flash Page Flip now.

Web developer tools included with Internet Explorer 8

Source: AKA Marketing.com
IE Developer Tools I downloaded the latest version of Internet Explorer the other day and although at this stage I can't comment too much on the browser as a whole I was pleasantly surprised by the developer tools included with Microsoft's latest release. I've used the developer toolbars for IE 6/7 & for Firefox but it's good to see something like this included in the core IE program.

Common developer tasks such as viewing pages in different resolutions, quickly viewing outlines of pages (CSS classes, DIVs, tables, image containers etc.), validating pages and measuring elements are all included. In fact pretty much everything needed to decompose & dissect webpages is available including a nice Javascript debugger which means you won't have to switch to Firefox to see meaningful JS related messages anymore. I'm also liking the CSS profiler which enables a developer to turn CSS element definitions ON/OFF and have the page update to reflect changes without a page refresh, this is quite powerful as it allows developers to quickly see what works best in their pages.

Although not part of the developer tools as such, IE 8 also includes a compatibility mode which will allow surfers view pages in Ie7 mode. This is important as IE 8 is now a standards based browser where previous versions where not and thus pages designed with IE 7 in mind mightn't look correct in IE 8, if this happens a user can emulate IE 7 with a simple click of a button. This is going to create a small pain for developers as they might have to change their CSS to make pages look the same on IE 7 & 8, however in the long term it is the best thing Microsoft could have done as going forward cross browser compatibility should become less of an issue for developers/designers. Read more...

Centering Images

The images and text below have been grouped to the middle of the page using a special "centering class" attribute for experimental display purposes. Positioning images is one of the more difficult tasks when using "liquid" divisions, without reverting to the use of tables. John L

Kodak Printer

and

Dell Mini-notebook

PHP Info

Check the club's server phpinfo file here.