Ready to watch this entire course?
Become a member and get unlimited access to the entire skills library of over 4,971 courses, including more Design and personalized recommendations.Start Your Free Trial Now
- View Offline
- Creating a form
- Uploading images
- Preparing the stage
- Manipulating photos interactively
- Saving photo cards
Skill Level Intermediate
To follow along with this course, the requirements are pretty straight forward. From a tools perspective, you'll need a code editor and a number of browsers for testing. You can use whatever code editor you prefer. I'm going to be working with Aptana on the Mac, a free editor for both Mac and Windows. Most of our browser demonstration and testing will be using pretty current versions of standard-based browsers like Google Chrome. As the focus in this course is on some of the most recently-released technologies, I'll point out where you might run into a problem working with the more popular recent browsers.
You probably shouldn't depend on the techniques demonstrated if your client needs to support legacy browsers like Internet Explorer 6. Because we need to use PHP for the actual file transfer to the server, it's best to work with a local PHP development environment. If you're not sure how to set one up, I suggest you take a look at David Gassner's course, Installing Apache, MySQL, and PHP, found in the lynda.com Online Training Library. It's free, and a great resource. Once you have your local development environment, you'll want to move whatever assets you're using to the local web server root.
Because I'm using MAMP, my local web server root is found within the MAMP folder, and it's called htdocs. So, I'm going to move my Exercise Files, only just the Chapters 1 through 4 here. I'll copy them and head on over to the Applications folder, scroll down to where I find MAMP, open that up, and there's my htdocs. We go right into there. Now, I don't want to just paste those files in directly into htdocs.
The absolute best thing you can bring to this course is your imagination. Although I'm going to go through all the details of applying HTML techniques to a specific project, you'll get the most benefit if you keep your mind open for other ways that you can apply the same lessons to your own work.