Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
Information on how to learn Flash is prevalent, but it can be frustrating to understand how to make an entire working web site using this unique technology. Here's a course that cuts through the clutter and offers practical tools for creating a dynamic web site, even for first-time developers. In Creating a First Web Site with Flash CS4 Professional, veteran Flash instructor Paul Trani simplifies the process of integrating animation, video, audio, and user interactivity to create a site that is dynamic and appealing. The goal of this hands-on workshop is to teach web site-building skills for today’s demanding interactive industry. Exercise files accompany the course.
At some point you will want to create a contact form so users can get in touch with you and this is done pretty easily using input text fields, because currently if I go to the Contact section these are just static graphics. So we are going to replace these with input text fields. Let me close that test file and go the Timeline. I'm going to double-click on this content movie clip and I'm going to scroll clear down to the Contact section. I double-click on that contact movie clip. I can see that here is the graphic. It's just some example boxes. I want to turn these into input text fields. What I need to do is just delete what's currently there.
Now what I want to do is I want to select the Text tool and in order to make an input text field, I need to change the property of this text tool to Input Text. So from that dropdown I'm going to select Input Text. Something else I'm going to change is I'm going to show border around the text as well. So with that pressed it is going to show a black border around each one of these boxes.
Keep in mind the fonts as well. In fact let me change this font to something easier to read such as Arial. So I'll just type in Arial and hit Enter. Now I can go ahead and click and drag to create my input text field. As soon as I release, I can see there is my input text field. Now I'm going to select my Selection tool and adjust this with my arrow keys and move it down. What I can even do is double-click on it and type in my name just to see how it will be displayed and in my opinion that's a little small and I want to left justify that text as well. So just with that text selected, I can go into the Paragraph area of the Properties panel and change the format to Align left and I'm also going to increase the size of this font by typing in 14. It's much better.
Now if I want to resize this I want to grab this node down here in the lower right and that's what that node is for, just resizing. So I'm going to slim it up just a touch and let go and that's what I want it to look like. It's looking great, good to go, I think for the most part. I can give this an instance name as well. So I'm going to clear out this text and the instance name for this text field is going to be name_txt, all right. Now what I want to do is I want to do the same thing for the email area and the message area. So I can click and drag using the Text tool to make the email area. It keeps all of my settings that I have just changed and all I need to do is give it an instance name of email_txt.
All right, lastly I want to do the message text field. So I'll just click and create that. Select my Selection tool and move it up and with that input text field selected I can give it an instance name of message_txt. All right now they are ready to go. They are not fully aligned so I think I'll select all three by holding down the Shift key and I can go to Window, down to Align and align them on their left edge. I can even space them out evenly as well, just by clicking that button. And if I want to further adjust them I can, I can use different rulers. But for the most part I want to see if this is working. So I'm going to go ahead and publish this file.
I am going to go Control > Test Movie. Now when I go to the Contact section, there is my text boxes, I can click inside of it and I can type in each one. In fact, I can even hit the Tab key and it will tab down to the nearest text field, just like that. Hit Tab again and type in whatever I want. And then you would hit Submit. But you can see if I close that file it's easy to make input text fields. It's really just a matter of using your Text tool and then adjusting the dropdown to input text and that will users the control to type in whatever they want. The next step would be to make this Submit button work to send that data out of Flash.
Find answers to the most frequently asked questions about Creating a First Web Site with Flash CS4 Professional.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.