Join Joseph Lowery for an in-depth discussion in this video What we're going to build, part of HTML5 Projects: Photo Card Titles.
- View Offline
Let's take a tour of the completed photo card titles project so you can see…what we'll be building.…If you're the type who likes to dive right into the code, you'll find the…completed project in the Chapter 1/01_01 folder.…This course builds upon an earlier course--HTML5 Projects Customized Photo Cards--…but you don't have to have taken that course to benefit from this one.…Our app is set in the fictional Trans Planet Airlines site, where folks can…create their own space souvenir.…Before we can get to the CAPTION section, where we bring in our title, we'll need…to step through the basics of setting up the photo card souvenir.…
The first step is to select a photo background to work with.…I have three to choose from. There is In Space, Weightlessness, and Moonwalk.…Let's go with Moonwalk, and then I'll click Select Background and proceed.…Next, the user gets to upload a file in one of two ways.…They can just click the Browse button or they can use drag and drop.…I'm going to go ahead and just quickly click the Browse button and then navigate…
Check out the rest of the HTML5 Projects series.
- Setting up a caption submission form
- Creating basic text entry fields
- Integrating color pickers in the form
- Applying text effects like shadows and gradients