Web Design (Intermediate/Advanced) T2022 |
|
Monday 18:00-21:00 from 18th January to 5th July 2010 with Jed Gibbs in
< back to Totton College Web Design course homepage Activities below are
subject to change depending on the needs of the group (and very much a work 'in progress'...)
25th Jan - Personalise your site with images
1st Feb - Rollovers, Creating Buttons in Photoshop
8th Feb - Improving layout, introduction to CSS
15th Feb - Half Term holiday (more holidays on 5th Apr; 12th Apr; 3rd May & 31st May) 22nd Feb - Experiment with Flash animation
1st March - Adding Flash to Dreamweaver. Uploading site to Totton.org 8th March - Dynamic HTML, Flash or Photoshop for Photogalleries
15th March - Adding other file formats, sound, videoclips, Acrobat pdfs
22nd March - Search engines, META tags, The Q of Q&A
29th March - Library Items & Templates; Custom Typefaces
5th April - Easter holiday 12th April - Easter holiday (more holidays on 3rd May & 31st May) 19th April - Favicons, Adobe CS5 launched favicon.co.uk has more information. Favicon ads at CSSPlay If you want to make bigger, scaleable icons for Mac or Windows desktops, consider the iconbuilder plug-in for Photoshop from iconfactory.com but it is overkill for just creating little favicons. Adobe have launched CreativeSuite5, due to ship in May 2010. Adobe newsletter highlights Dreamweaver CS5 features (article here about some features updated in DW CS4 in 2009) 26th April - WordPress for more than blogs. Free domain names WordPress is a popular free open source system that provides a very different alternative to Dreamweaver. You can get free domain names ending in .tk As with any domain name it needs to be attached to a hosted site (or a folder on another site with its own index.html page). A step by step guide to setting up a domain is in progress but taking longer than I expected (delayed both by my still being rather unwell and also that it can take a while for your domain name to be attached to the hosted site as the information has to propagate among the 13 DNS root server clusters - allow up to 24 hours). 3rd May - Bank holiday 10th May - Introduction to Cascading Style Sheets NB Monotype now supply thousands of Web fonts at fonts.com understanding-css-positioning-part-1; part 2; part 3 CSS Fundamentals Gallery of CSS Web design ideas at cssfury.com, cssloggia.com, csszengarden.com and Notes from this evening's session on CSS dodgy link to css book on rapidshare 17th May - Cascading Style Sheets. History of the Internet & WWW Practising CSS. Interesting use of Flash - http://producten.hema.nl History of the Internet and Sir Tim Berners-Lee, inventor of the WWW - wikipedia entry. Google provides free Web fonts: getting started, list of fonts. overview Copyright is automatic unless waived. If you'd like people to be able to use your images or music in their own projects (or want to use other's work for your project) consider a Creative Commons License. Free or cheap licensed music from Jamendo. Digital Millenium Copyright Act. Anti-DMCA DRM issues. Filesharing. BBC discussion of copyright. BBC article about Pirate Party UK Copyright © facts. Roger Dean's copyright warning. Using Photoshop to add a text layer with reduced opacity to your images to deter online theft and adding a digimarc from the bottom of the filters menu. On Windows you can get the © symbol by holding down Alt and typing 0169 on the numeric keypad, or Alt g on a Mac. Individual review and assistance with project development. no right click 7th June - Cascading Style Sheets: positioning and layout. CSS Rollover buttons Short introduction to relative and absolute positioning. Understanding-css-positioning-part-1; part 2; part 3 Dreamweaver CSS layouts - chapter 7 pdf placeholder_text.html layout_final.html final css CSS rollover buttons (with images stacked vertically) and 'trifecta' buttons 14th June - Imagemaps, Nav Bars, Passwords, iFrames, reading up on CSS... Image map hot spots to create links on specific areas of a picture. Navigation Bars: graphics for this exercise can be obtained here. Make your navigation bars as Library items (in assets) or as a server side include (ssi) to make it easy to add or subtract buttons on several pages at once. Example from Stone Arts Ltd. Google Toolbar for Firefox on Mac. Password protect part of your site, for 'members only' or to develop your clients' sites: http://www.javascriptkit.com/script/cutindex6.shtml Dreamweaver doesn't support iframes in the graphical interface, but you can cut and paste the relevent code to create these little scrolling windows, often used to contain news stories or real-time feeds (example iFrame on the right of this page, used for the Microsoft content, and here at animateclay.com for the 'shoutbox' messaging system on the left). creativepro review of Dreamweaver CS5 which adds support for WordPress CMS (Content Management System) and improves PHP & CSS coding, plus an html5 add-on. The password 'awd' is needed to download the following chapters. It will be deleted from here soon, so please email it to yourself or write it down:
21st June - Accessibilty No bad Flashturbation! Not just an accessibility problem for people with disabilities or who lack the Flash plug-in - this pointless intro page for nocode.co.uk prevents over 2 million iPad users and many millions of iPod touch and iPhone users from accessing the site, just for a picture of a sink and a moving logo, which could have been easily achieved with DHTML and JavaScript. The semantic Web and CSS - separating content from style. This is a big step towards improving usability for people using alternative browsers and devices such as smart phones. Always use Alt text, which along with proper use of the <h1>Headline tag</h1> will also help with search engine ranking. Most sites improve for ALL users once the specific needs of some users are considered, and good accessibility is repaid with happier users and by the search engines. How People with Disabilities use the Web. BBC Accessibility info. Testing your site with online tools such as:
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! 28th June - Working on sites and portfolios. html e-mails Sending an email with images, logos and html layout, useful for product announcements, newsletters and special offers. 5th July - Ajax, Spry, Forms and Web 2.0 Ajax is a combination of Asynchronous JavaScript and XML. To make this easier, Adobe has developed an Ajax framework called Spry. Dreamweaver CS3 integrates with 4 sets of Spry tools: Data, Form widgets, Layout widgets and Effects. JQuery tutorials Tizag Forms Tutorial Web 2.0 Web 2.0-style graphics tutorial from DigitalArts 12th July - Working on sites & submitting your portfolios. HTML5 Google html5 guide How HTML5 will change the Web Google pushes HTML5 15 HTML5 sites fontslive how-to-use-css-font-face Adobe fonts through TypeKit W3c adopts WOFF online shopping cart systems:
Advice about responsible advertising from usabilty expert and Google interface designer Jakob Nielsen |
© Jednet 2000-2018. External links are of course subject to change.
Jednet cannot be held responsible for other people's sites.
If any of these links are broken or lead to unsuitable content please contact
jednet@mac.com