Updated 2012 notes
pic of the what the web looks like: http://upload.wikimedia.org/wikipedia/commons/d/d2/Internet_map_1024.jpg
Who creates html? http://www.w3.org/ world wide web consortium
People like this try and help regulate it..
http://www.webstandards.org/ webstandards project
As we know Tim Berners-Lee first used the web html he created on 25 dec 1990 but before that were many networks and systems like prestel, bbs, arpanet etc all here http://en.wikipedia.org/wiki/History_of_the_Internet
history - way back machine can show you older versions of most sites..
html meaning hypertext markup language
and its scripting language javascript
css meaning cascading style sheets for styles and layout
adobe flash in trouble why?, bloated, slows down desktop machines, not mobile friendly, disabled access, apple refused to put in ios, now dead on mobiles so may die off?, integrated video and interactivity well. Examples of why its good..
wrangler bluebell http://www.kokokaka.com/demo/bluebell_ss10/site/
http://wonder-wall.com/#project/en
http://www.uniqlo.jp/uniqlock/
now going to be desktop experiences
Flash viewers
http://simpleviewer.net/products/
http://www.chelsea.arts.ac.uk/coursework/descom/08show/tilt/
http://simpleviewer.net/products/
http://www.chelsea.arts.ac.uk/coursework/descom/08show/tilt/
but now not standards compliant!
http://www.flashkit.com/ for flash swf's, actionscript etc
html is up to version 5
http://slides.html5rocks.com/#landing-slide also show root site
browser wars and ie. catchup, designing for them,
render your website to test on any os - very useful!!..
open vs managed...
porn for kids, piracy,
protects who? shutdowns, wikipedia off last week
PROTECT IP Act (Preventing Real Online Threats to Economic Creativity and Theft of Intellectual Property Act, orPIPA)
The Anti-Counterfeiting Trade Agreement (ACTA)
servers, ftp, internet service providers, ftp, hosted and unhosted,
view source
firefox firebug install
chrome - view developer tools
content management systems
1. cargo collective
3. blogger (show gdcshow.com) barnett.london login
4. wordpress.com (show brighter chelsea)
5. wordpress.org
2011 links so far..
instructional vids on using css in dreamweaver
from tables to laying out in css..
learning to work with css (adobe developer site) full list of guides
shown in class -notes from 2011
slicing up a website in photoshop for exporting to dreamweaver
2010 links..
css training links fro Adobe..
Adobe Layers Magazine..
css tricks site (code snippets and demos)
http://css-tricks.com/
http://css-tricks.com/snippets/
dreamweaver
http://www.layersmagazine.com/category/tutorials/dreamweaver
render your website on different versions of pc browsers using this special service
http://ipinfo.info/netrenderer/index.php
list of free photo albums
http://www.mywebsiteadviser.com/create_free_photo_album/add_photo_gallery_to_your_website_for_free.php#web_album_generator
Warning about using layout tables in cs4! (2009)
No more layout cells, all layout is now css..
Here is a short vid on how to layout in cs3 using css (if you use cs4 look at the video in the next section first).
http://www.wonderhowto.com/how-to/video/how-to-create-page-layouts-in-dreamweaver-cs3-260417/
And here is a short vid on the benefits of layout in cs4 using a new feature that has given plenty of typical web page layouts as templates which can be easily adapted - a must for new cs4 dreamweaver users.
http://www.wonderhowto.com/how-to/video/how-to-rapidly-build-website-layouts-in-dreamweaver-cs4-258495/view/
Layout in Photoshop and import to Dreamweaver?
http://www.wonderhowto.com/how-to/video/how-to-import-your-psd-layouts-into-dreamweaver-143040/
Professor David J. Malan (Harvard Computer Science)
6. indexibit how to install - show site
godaddy etc and domains
file types and file structures
index, and getting bigger
ftp
cute ftp, fetch, http://www.net2ftp.com/
photoshop - export to web, export sliced (menus and rollovers), slicing movie for reference.. http://www.youtube.com/watch?v=DVfxe4pqvo8
photoshop actions.. http://www.youtube.com/watch?v=S4mV6sD0GVA
showing photoshop web colours in hex show
dreamweaver..
new features..
managing a site and ftp
using html and css templates is good
code and design view
properties, mention fonts issue.
basic colour, text and linking
preview
css for objects, elements and layout best.
inserting media - movies to link or stream, vimeo, youtube, flash
converting layout with div tags rather than tables..
nice shortcut to adding div tags in a container
nice shortcut to adding div tags in a container
jquery
widgets/free code
bravenet for widgets: http://www.bravenet.com/
css and other code snippets site: http://css-tricks.com/snippets/
using fonts
standard web fonts here..
so systems have evolved..
2011 links so far..
instructional vids on using css in dreamweaver
from tables to laying out in css..
learning to work with css (adobe developer site) full list of guides
shown in class -notes from 2011
2010 links..
css training links fro Adobe..
Adobe Layers Magazine..
css tricks site (code snippets and demos)
http://css-tricks.com/
http://css-tricks.com/snippets/
dreamweaver
http://www.layersmagazine.com/category/tutorials/dreamweaver
render your website on different versions of pc browsers using this special service
http://ipinfo.info/netrenderer/index.php
list of free photo albums
http://www.mywebsiteadviser.com/create_free_photo_album/add_photo_gallery_to_your_website_for_free.php#web_album_generator
Warning about using layout tables in cs4! (2009)
No more layout cells, all layout is now css..
Here is a short vid on how to layout in cs3 using css (if you use cs4 look at the video in the next section first).
http://www.wonderhowto.com/how-to/video/how-to-create-page-layouts-in-dreamweaver-cs3-260417/
And here is a short vid on the benefits of layout in cs4 using a new feature that has given plenty of typical web page layouts as templates which can be easily adapted - a must for new cs4 dreamweaver users.
http://www.wonderhowto.com/how-to/video/how-to-rapidly-build-website-layouts-in-dreamweaver-cs4-258495/view/
Layout in Photoshop and import to Dreamweaver?
http://www.wonderhowto.com/how-to/video/how-to-import-your-psd-layouts-into-dreamweaver-143040/