The combination of HTML/CSS/JS is sometimes referred to
as 'DHTML' [Dynamic HTML].
Other multi-media environments/languages such as
'Flash'/Actionscript, 'Director'/Lingo, or 'Processing'
[and it's Java-based environment/Java-like code] are
deployed as appropriate to the skills levels of individual class
members.
first-day
introduction
resources:
• Adobe downloads
[Photoshop etc., 30-day free trials]
• Photoshop
CS* [lynda.com video tutorials]
• GIMP (The GNU Image
Manipulation Program) free Photoshop-like image editor
• web/print
differences
• bitmap/vector
differences
• Uweb
Quick Reference
• Textwrangler
- free mac coding-tool/text-editor
• jEdit - free pc/mac
coding-tool/text-editor
• HTML
tutorial
• CSS
tutorial
• CSS
color reference
• DHTML
tutorial [HTML/CSS/Javascript]
• HTML/CSS/JS
tutorials/examples
• HTML
DOM [Document Object Model]
• Processing
[freeware Java-based authoring environment]
• Flash
tutorial
• Flash
Actionscript video tutorial
• Flash
8 [trial download]
• DVD
production [DV editing, DVD scripting, DVD-rom]
• information
design
• algorithmic
art
•
22 classwork spring09
•
22 classwork fall09
•
22 classwork winter10
•
22 classwork spring10
•
22 classwork fall10 • 22 classwork winter11
• 22 classwork spring11 • 22 classwork fall11
EDITING, MANAGING & UPLOADING FILES
In the lab:
use
bbEdit for coding
and the
Uweb method for
upload
- sign-up for your web account with
Uweb
- don't edit files 'live' online in your Uweb folder, use
local versions then upload
At home:
on PCs use the free coding-tool/text-editor
jEdit, or similar to
write and edit your code
- jEdit can also upload your files using 'FTP' [BUT
see 'RECOMMENDED' below]
on Macs you can also use
jEdit,
or preferably the free coding-tool/text-editor
Textwrangler;
both can edit & upload your
documents via
[s]FTP-
[BUT see 'RECOMMENDED' below]
- in Textwrangler, go to: file/ 'save[open] to[from] FTP
server'
- use host/server: 'ustorage.ucsb.edu' and your Uweb login]
RECOMMENDED: use a dedicated FTP 'client'
like the free
Filezilla
- it will allow you to upload everything - folders, images,
etc.,
not just your HTML/CSS/JS documents [as in jEdit,
Textwrangler, bbEdit].
Always keep your site files ['.html', '.css', '.js', '.jpg',
'.gif' etc., NOT '.psd']
in an 'art22' folder - upload the whole 'art22' folder to
your online 'uweb' folder
[keep fully editable '.psd' uncompressed files out of your
'uweb' folder].
Always make sure your local and online 'art22' folders are
identical
- that way you will always have back-up files in case of a
mishap.
Name your homepage: 'index.html'
[that way others can't see a file-list of your 'art22'
folder contents].
To view your homepage online after upload, go to:
http://uweb.ucsb.edu/~yourusername/art22/
['index.html' is the default file for browsers - substitute
'yourusername'
with... guess what?
The 'tilda' ( ~ ) is important]
You should also keep a back-up on a portable USB
drive or similar removable media.