10 x two hour sessions from 18:30 - 20:30hrs, starting Monday 23rd April 2012 running to 9th July 2012
For further information, contact Jed Gibbs MA by email: jgibbs@totton.ac.uk
Also see course information sheet & enrol at Totton College
Web Design using Adobe Dreamweaver
Intended for anyone who wants to create and maintain Web sites using Windows or Mac computers. Dreamweaver is the industry standard, ideal for anyone wanting to gain employment or design professional sites.
Go straight to this week's information:
Monday 23rd April 2012
- Introduction to the course, passwords, fire exits, refectory and parking.
Launch of Creative Suite 6 and Creative Cloud more info inc student & teacher editions- Setting up your site in Dreamweaver CS5.
- Creating Web pages using Dreamweaver's CSS layouts, transferring CSS rules to an external stylesheet and then linking them to provide quick site-wide updates.
- Expanding your font options with free Webfonts
BlueGriffon is a free alternative to Dreamweaver released on May 10th that supports HTML5 and CSS3 - review, developer's YouTube examples, and webfonts straight from a menu. Add-ons
Monday 30th April 2012
- More Dreamweaver CS5 tutorial videos
- Framesets seem to help navigation - why and how they are best avoided
- Creating a shorter Web address with a free .tk domain that points to your www.totton.org/web3a/yourfolder
Monday 7th May 2012
- Bank Holiday: there is no session this week
Monday 14th May 2012
- using Form options for navigation
is a free opensource javascript library that can enhance your sites. It can be downloaded and then included with your site (so you need to remember to upload it to your server!) or you can link to the library on Google or Microsoft servers. I suggest that linking has the advantage of always using the most recent version. interface demo and others, truncatable jQuery tutorials. jQueryui and jQueryMobile
Create an image hover-preview effect using jQuery
- To make photo-galleries (free for non-commercial sites) jAlbum is available for Mac, Windows and Linux
- Search engine optimisation to boost the numbers who find your site, including META tags, alt text and title tags.
- Setting up your ftp (file transfer protocol) settings to upload your Websites to www.totton.org in Dreamweaver CS3 and CS5
Monday 21st May 2012
- Ajax - a combination of Asynchronous JavaScript and XML. Adobe's Ajax framework 'Spry'.
- Adding Tooltips, Collapsible Panels, Accordions, Tabbed Panels
- Mastering CSS with Dreamweaver CS3 - Chapter 6 includes AJAX
- Dw CS5 see Chapter 14 for Spry.
Monday 28th May 2012
- The Semantic Web and CSS - separating the content from the layout and styling makes it easier for screen readers to help the visually impaired and also helps you when you want to make changes.
- Usability 101 from Jakob Nielsen (creator of Google's sparse interface)
- Meeting the 'success criteria' for W3C Web Content Accessibility Guidelines 2.0
- online books and/or video tutorials from creativeedge.com, lynda.com, Total Training and VTC
Monday 4th June 2012
- Half Term: there is no session this week
Monday 11th June 2012
- Small group present so individual assistance with personal Websites.
Monday 18th June 2012
- Creating Photogalleries using Adobe Bridge, Photoshop or Flash and incorporating them into your site
Slicing images in Photoshop to improve
optimisation or create areas with animation
or rollover links. example
Monday 25th June 2012
- Monetizing your Site: Adding advertising to your site helps pay for hosting and your time and effort in creating your site. An hour or so setting up some ads can repay you many times over for years to come... As a bonus most advertisers give you access to lots of analytic tools and having a well-known brand advertise on your site can lend some extra credibility to your content (since most advertisers will inspect your site before granting their approval). Add advertising revenue to your site through Tradedoubler and LinkShare affiliate schemes or through independents large and small, such as Amazon.co.uk (Note that ads supplied from external sites may be blocked by some security software and especially by Janet - the academic internet provider used by most colleges including Totton. To get the most from this section you will need to browse from home afterwards).
You can choose from a range of sizes and style of banner ad, either just one or a collection or 'pool' which will be rotated. Some advertisers offer an ad which they update to show their latest offers - I had one from Game but dropped it when they advertised Grand Theft Auto on an otherwise small-child-friendly site.
Google provides a system called AdSense which will add text links automatically and pay you commission. They also offer AdWords, where you are the advertiser and pay for example £50 a month to have certain 'keywords' that people search for result in your ad appearing to the right (or above) the natural search terms. You then pay Google say 17p from your £50psm whenever someone clicks through to your site. A good way to get more business for new sites that might not feature well in the search engines until you get more established.
- Advice about responsible advertising from usabilty expert and Google interface designer Jakob
Nielsen also his "Making Web Advertisements Work" It's obviously a good idea to try to match your ads to your visitors - hence this ad for 123-reg is perfect for my Dreamweaver courses, the more so since I have been recommending them for years without commission:
- online shopping cart systems:
www.oscommerce.com .php and MySQL system which can be run on Macs, Linux and Windows
www.comersus.com .asp system for Windows IIS servers and can be administered from Macs, Linux and Windows 
Which leads us to ethics. Would you advertise a product to make money, if you preferred a competitor that you don't have a deal with? How much would that damage your site's credibility and/or make you lose pride in your site? Do you disclose to your readers that you will receive commission from ads (isn't it obvious? Well no, especially from simple text links, such as which are often a surprisingly good option as people tend to filter out obvious graphical ad banners).
Monday 2nd July 2012
- Individual assistance with tidying up your Websites and uploading
- WordPress is a useful free alternative to Dreamweaver with many Web 2.0 interactive features available without coding, and usually for free or a small fee. MakeUseOf.com provide this free pdf guide to creating a WordPress website, (password 'awd' will be removed from here soon to protect their copyright) along with several other guides available just through free registration. Sign up!
- WordPress introductions at MPMW for £10 from 7pm-9pm on Wednesdays 18 July & 21st Nov 2012
Monday 9th July 2012
- Individual assistance with tidying up your Websites and uploading.
- Spry Menus in depth plus another look at adding Tooltips,
- Simple forms - download chapter here
- Using Dreamweaver to edit WordPress plus chapter to download
aptana Web and rails development
chinese-language-to-dominate-the-internet
Are there any resources or materials required?
The software is installed on the college computers. For students wishing to do additional work from home free 30 day trials are available from Adobe. Student rates for the software are available and will be discussed on the course.
Are there any other costs?
Free basic Web hosting will be provided for the duration of the course together with advice on purchasing a domain name (.tk addresses are free, .coms and .co.uk about £6 per year) and ongoing hosting (from free to expensive).
How will I be assessed?
No formal assessment. Help during the sessions & via email support. Totton College course completion certificate.
What are the entry requirements?
No previous experience required but some content may be challenging as the software is for professional-level use.
Contact us
For further information, contact Jed Gibbs MA by email: jgibbs@totton.ac.uk
Tel: (023) 80 874 874 • Fax: (023) 80 874 879
Web: www.totton.ac.uk • Email: info@totton.ac.uk
Download free fully-working 30 Day trial versions from Adobe (click the 'try' link)
Pugh.co.uk can supply a wide range of software including Dreamweaver CS5:
- an 80% reduced student edition for students on qualifying courses (2 year degree courses or full-time secondary school)
- or teachers and non-qualifying students (this course) can buy an educational edition of Dreamweaver CS5
(check the Adobe collections if you are also interested in Photoshop and Flash). The software is fully working but there are restrictions on 'personal use' rather than for profit and usually no reduced price upgrade path, for example when CS6 is eventually released.
Alternative free open source software for Windows, Mac and Linux:
BlueGriffon supports HTML5 and CSS3 or nvu for Web design | GIMP alternative to Adobe Photoshop
5 alternatives to Photoshop (see comments for more, including Aviary from worth1000.com)
Dozens of books for CS3, CS4 and CS5 versions of Dreamweaver and Photoshop are available. A free Safari Books Online account will let you compare before buying, or you may decide as I did to subscribe to Safari. Follow a Safari link next to any book in the ad widgit below to get a free 10 day account. (If the slightly temperamental widgit is empty please refresh the page... )
Online video training is available from Adobe, Lynda.com, VTC and Total Training
