Some nice image slider J Queries, and other things–
If you have a yahoo website, here is a simple HTML script you can use to create simple forms. You can edit the script to give your form the look and feel you want.
See example on: www.vcprojects.net/form.html
So a form talks to your server, and then the server sends an email to you. Because of that, getting a form to actually work can be a little bit tricky; there are many things with your hosting company that you have to get right in order for a form to work.
In our case, mostly our server is yahoo, and I got this script directly from yahoo.
You can find it, too, if you log into your account at smallbusiness.yahoo.com, go into email control panel, and make sure you have set up at least one email for your account. So set up something like “firstname.lastname@example.org” or email@example.com or whatever you like. AFTER you have done that, test it, by sending an email to your new address, and check to see if it’s working. NEXT, go back into the yahoo account, and do the following:
go into web hosting control panel,
go into “Create and Update”,
into “Other Site Building Tools”,
go into “Add-Ons”,
and then into “Email Forms”
Then you copy paste the script they generate for you, into a new html page on Dreamweaver, and give it a try. Once it works, then you can begin customizing how your form looks and what info you are collecting.
Please see below link for your project 2 brief–
Myfanwy Ashmore will be working with you on your small group projects in class, on Monday, March 11, and Wednesday, March 13, as well as being available outside of class for helping you complete your projects–
Previous Work Examples:
There are two softwares that can be used for the multimedia component of the projects. Processing which requires text coding and is more complex, and Scratch which is very easy to use. (Processing can be downloaded from processing.org and scratch is available at scratch.mit.edu) They both have advantages and disadvantages.
This workshop is an intro to hardware modification but could be built upon further. The next logical progression would be a keyboard hack which would provide more inputs, or a game controller hack eventually moving into programming a micro-controller like an Arduino where the designer/maker would have significantly more control & available complexities.
I will prepare some sample code that could be used as is with little modification, and will walk them through it. We will likely start with Scratch, because it is very straightforward and if they are keen we could use Processing. Processing is very popular with media artists but it is something that can take quite some time to learn as it is basically programming in Java. They could start to familiarize themselves with Scratch and Processing if they have some free time. There are some built in examples & tutorials that will give them a sense of what these softwares can do.
The actual modification of the mouse is relatively straightforward. It requires us to take apart the mouse, de-solder the buttons and solder in some pin headers with very long wires attached. The long wires then end up being attached to some other conductive material of the students choice. An example might be – conductive fabric stitched into some soft sculpture. Could be anything conductive – two pop cans, a that you touch together, metal tabs mounted inside a doorway that are released when the door opens, a tilt switch which requires something to be tilted.
A fairly easy and straightforward copy paste job to get a vertical scrollbar going…
and as implemented on one of my own sites:
(along with http://www.vcprojects.net/tester.js)
www.zymic.com This is a site a student just showed me, that I need to thoroughly check out. Maybe good for next semester…
…ok, I checked it out. Unfortunately, while being ad-free, it doesn’t support outside domain names, and tacks on info to existing domain name choices… Will continue to check out its other features…
Handout sheet with requirements and due date
I recommend the following reference books for Web Design I class:
- CSS3 Visual Quickstart Guide by Jason Cranford Teague, Peachpit Press, 2011. The code from his book is downloadable at www.speaking-in-styles.com/css3vqs
- HTML5 and CSS3 in Simple Steps, by Josh Hill, Prentice Hall, 2012.