We'd appreciate any thoughts or comments you might have so please do leave us a message :-)
→ leave feedback
thanks to Ilze for the flyer design ;)
to help you along with your design process - Laura found an excellent article by Jason Beaird:
→ Principles of beautiful webdesign
the future of IE
A few days ago - I posted a few links on our forum - concerning the future of IE. As webdesigners-to-be you need to start reading up on the developments out there as they will affect the way we work - so please have a read and add any new and related links you might come across yourself ;)
→ what IE8 will bring...
sticker anyone?
→ view sample
time to tackle forms...
One of the essential elements of any site is the contact form. Chosen as most common means of communication - their structure and code is becoming more and more complex in an effort to fight off spammers. It will be important for you to understand the form with all its elements - please have a look at the information linked to below:
→ form elements
→ accessible forms
Unless you are an expert in PHP and ideally Javascript as well - the setup of a spam-proof form will be beyond your skills though you cannot afford to leave your clients stranded without a contact form. Luckily there are quite a few good form scripts available online, free to use - like the GreenBeast contact form which has been thoroughly tested to withstand any spam attack :)
→ sample form as used on our site :)
→ Secure & Accessible Form Script [GBCF-v3] ←
Actions in Photoshop
→ using actions in Photoshop
about our grid design topic - there's now a nice collection of links on the forum - thanks everyone ;)
→ grid based layouts
today's lesson with Laura:
→ how to create a favicon
just to remind you about your homework ;)
and for your reference the links to the '@import' rule:
→ The @import rule [w3]
→ The @import Hack [css-discuss]
onto the dreaded issue of IE... - and a quick reference blog post, please feel free to add more useful links via the comments ;)
→ how to fix your site for IE
→ IE6? IE7? ...to hack or not to hack?... the dreaded question...
and to test and view your site's display on different platform and in different browsers:
→ BrowserShots
welcome back ;) I hope you all had a great holiday, plenty of rest and fun to charge up your batteries ready for more webdesign :)
Hope you haven't forgotten al your CSS yet ;) - up for a little challenge?
→ W3Schools CSS Quiz
To get us back into design - here is a little project to create a holding page for your main gallery links - enjoy!
→ New Year's Message - mini project
→ colour schemes
wishing you a nice holiday - hope to see you refreshed, in good spirites and ready for more in the new year (our first day back is the 9/1/08)... ;)
→ happy holidays ;)
in case you fancy stretching your design talents - have a look at this project which requires you to 'visually translate' a painting into a web page layout
→ creative challenge - brief
and don't forget about your presentations next wednesday (28/11/07) - curious to see your ideas :)
ready for action :) now it's time to use your coding skills on your first site - so be creative and enjoy the challenge ;) looking forward to seeing your masterpieces ;)
→ project brief
hope you all had a relaxing - but productive week off :)
now... onto some great new CSS techniques, starting with sprite rollovers - hope you'll have some fun with these ;)
→ sprite rollovers
→ view sample
your first mini website project ;)
→ project brief
have creative and productive half term break ;) see you back refreshed and ready for more on the 31/10/07 :)
to give you the chance to experiment with patterns and borders - here is a mini project ;)
→ project brief
happy designing ;)
just for your reference:
getting your head around boxes :)
→ box model handout
→ the sample
getting your patterns right :)
→ tile handout
→ the sample
'code wizard'
mockups online ;) nice work, everyone :)
[thanks for the lizard, Ioulia ;)]
a few links for online resources:
→ school.tatoland.com
→ The Power (and ease) of Patterns in Illustrator
→ Halftone patterns
a bit of inspiration in the beautiful patterns of
→ squidfingers
→ shoriameshiko
handout: CSS selectors
Just to help you settle in ;) see the links below for today's lessons. You will also find all handouts within their own section - they're always there for reference :)
site planning
CSS overview
Photoshop toolbar
→ project brief
→ resource files
To my new students - I hope you will have a great year and enjoy the new challenges ahead. As a way of introducing yourself - please join the scrapblog below.
To edit the current version - you will need to go to the scrapblog site itself and log in. Then, just create new page for yourself - don't forget to include your photo ;) - and show what's on your mind for this year. You can explore what's on offer in existing graphics - or use your own and upload them to the scrapblog - up to you ;) Simply experiment around and have fun - don't forget to 'save' and 'publish' when you're done.
You will need to login in order to edit the existing scrapblog - click on the name of the creator (ie. prisca). You will be able to log in on the following page, top right corner.
please use the details below:
username: prisca[at]webeyedea.info
password: scrapblog
to my new students - if you are worried about anything - please feel free to get in touch ;)
content:
web news
to keep us up to date with the latest developments - hoping you will contribute to this sections and send me any links you come across
graphics
anything to do with graphics - tutorials for Illustrator and Photoshop / ImageReady
XHTML / CSS
tutorials, exercises and projects for XHTML and CSS
flash
tutorials, exercises and projects for Flash
scripts
tutorials, exercises and projects for anything script related - actionscript, javascript and php
student gallery
your own online gallery - this section will show off your beautiful work as well as contain links to your own sites
hoping this section will grow continously over the year ;)
course info
information on our course as well as any course related paperwork
contact
get in touch ;)
05/06 — communication page [archived]
the main page for the year 2005/2006 — archived for keeps ;)
06/07 — communication page [archived]
the main page for the year 2006/2007 — archived for keeps ;)
download flyer