Creating Website Form in Visual Studio 2008

[spruiellio]

I am working on a website that deals with a form for an electronic check. I pretty much know how to do the code for getting the values, etc, I just do not know how to create the actual forms. I have to create the pages in Visual Studio 2008. Here is what I have to create:

http://i61.photobucket.com/albums/h67/diedeadenough85/checkinfo.jpg

http://i61.photobucket.com/albums/h67/diedeadenough85/checkinfofilled.jpg


The first image explains what is supposed to be in each field of the form. The second image is what it is supposed to look like after the user inputs information to the form.

And here is what the result is supposed to be after the user clicks the preview button:

http://i61.photobucket.com/albums/h67/diedeadenough85/checkcompleted.jpg


So like I said, I know how to do most of the coding, I just have no idea how to manipulate Visual Studio to make the forms look like, or at least similar to, the pictures I posted. I have experience in html and css and some in javascript. So that is not really the issue. I just do not know Visual Studio too well. It seems like there is something easy and/or obvious that I am missing. I played around with VS for several hours earlier and I could not make anything that looked similar the images.

Any help is greatly appreciated.

[vinyl-junkie]

I assume you will be writing this code in ASP.NET, correct? If so, this thread will need to be moved to our ASP.NET forum.

In the meantime, creating a web form in Visual Studio is pretty easy.

In Visual Studio, create your Web Application project and give it a name.

Right click on your Web Application project and select Add -> New Item. Select Web Form and give it a name.

Go into Design View.

Drag and drop items from the Toolbox onto the design surface to build your form. As an example, drag and drop a Textbox control onto your design surface for the Company/Personal Information field.

Make sure this new textbox is selected, then open up Properties. Be sure you have selected a TextMode of MultiLine. You can select various other properties such as height, width, CssClass, Rows, etc.

Repeat this process for each of the other controls that will go into your web form.

For more information on how to use Visual Studio, you might want to search Google for some tutorials. There are plenty to choose from.

Hope this helps.

[spruiellio]

No, I am using Visual Studio but not asp, just starting with blank html pages.

I have figured out how to set up the first form (I was making it WAY harder than it should have been). But now I am having trouble transferring data from the first page, to the second page.

I have the first check input page created. That is done. Now I am stuck. Do I create the second page's layout before using javascript or do I create it with javascript first and then format it to the way I want it to look? If so, how do I start?

I hope this isn't confusing...but its hard to explain it when I'm completely stumped myself. I have found in the past few hours or so that I pretty much know nothing about javascript so completing this task is quite hard.