Dreamweaver Tutorial

Hello to everyone, this video is about creating a web from using a tool called Dreamweaver. The video is really good as it teaches how to create a web form. After watching this video you will be able to create your web form, as the video has shown simple steps to create the web form in Dreamweaver.

Okay so in this tutorial I am just gonna show you how to create a web form. So a for example contact form on a website that when you type some information such as this one ammm and some message. It will go off to the second page and display the information such creation of dynamic page otherwise the comment, content on this page changes dynamically based on what the user uses on the form. Additionally this is going to have a little script you know that generate some email it seems in a way to the owner of the website. So that what we gonna be look on in the second tutorial.

Today we are gonna do is locate how we go here and create this from. So here we have in Dreamweaver we have ammm page created already put context.html, and I have just cleared a bit of space here where I am going to insert the form. So at the top of the screen most of you will probably see the comment and say menu. What I am gonna do is use the forms, and save that and at the far left there is the first button which is the form. Right click on that one set of form and you can see here is the red dotted line around it. And you just click down the properties now, sorry about it the front window did. So ammm here we are anyway the properties of the form ammm down the bottom here you can see there is an action. Now that what will happen when you click on the submit button.

And now what we are gonna have in we are gonna send the information through to another script which I have called sendmail.php. So it’s written in php scripting and that’s gonna and generate the email for us. Our rules are gonna use the php to dynamically display the information from the form on another page. Also check that using the post method you seen that and that’s all we really need here. So if you click up here instead of the from and it’s gonna type in name and in the top here in the insert bar I am just gonna grab the click on the text field button and I am just gonna ignore all that, click ok. And this is my text field and first select a under properties you can say, by default it is called the text field. Now I need to give it a more largeful name, so I am gonna call this one name. And I think we stick to all lower case no spaces or symbols just make it a simpler while consistent. And do so with while setting width so go 50 completely observing to put any number you want. And also make some character this good idea to avoid having somebody ammm dumping millions characters in your form so I am gonna set the limit of 50. That should be big enough for to know.

Now just add another line and do another field for the email address that we want from it. So repeat again insert another text field okay and select that name it. I can give it a distinct name so email make sense. And wish to go with the same settings 50 and 50 for there. Again now you can put anything you want there. Ammm third field it’s little different, it’s called comment and again it’s a text field. But this time I am gonna select the or give it a name comment. But I want make sure you make it a multi line rather than a single line. So what we are gonna do there I can set the width character width 50 again but this time I am gonna also set the number of lines and say I go for 6 lines. When you press enter you can see you notice the labels, lines and stuff there you can use CS flare and put in a table, I have not put that’s for the another day.

And the last thing possibly we are looking at our radio buttons. So often you see on a website that say, would you like to receive our email newsletter? And there you see little button on the top called radio button and that’s because you are gonna select yes icon you can’t select both. So next to each other, so I will just put yes and now I am here. And I will go to settings. So right now you will select this first one, in the properties you have given the name radio with the checked value of radio. Now there when this one selected ammm then with radio we see through this one for no. Radio 2 then radio 2 actually don’t have the same names what they means is they are not grouped together, so they need to share the same name if I am able to select one together. So I will just change the name again something that makes sense so newsletter.

Now its checked because this is the yes radio button, I want to say yes. So this would come through my email say newsletter equals yes. These wanna be here, I wanted to say newsletter equals no, additionally you can choose to have a initial state checked or unchecked and I think it is probably more polite to have no is the checked state. Little shaky to have yes so is that and last provided that this form is a submit button. And again here at the top here insert ba, insert button there so I am gonna insert there one. And point of fault is come through action submit button. You can change the text on it, the moment want this is submit and then you can come up with then if you want it will appear on the text of the button. So that’s our form and just a recap as I selected you can see the action of the form, which is send it away from the page here called the same amount of php where we generated email and we would also display the content of the from on the page. And that’s all for this tutorial.

Tags: dreamweaver macromedia tutorials, dreamweaver video tutorials, free interactive dreamweaver tutorial, adobe dreamweaver, dreamweaver cs3 and tutorial, navodila za dreamweaver 8

Tags

Dreamweaver Tutorials