6

Hello I'm a newbie for ASP.NET

I have a designed html page from another program, I want to convert the html into a asp.net aspx web form using visual web developer.

I have opened the page normally but it's difficult to move or replace controls in layout page, for example when I move a button, the design of page collapses. How I can insert button or textbox into a aspx/html on Visual web Developer 2010 without changing the layout of the page?

Alexander Pavlov
  • 31,598
  • 5
  • 67
  • 93
MFBCTRC
  • 83
  • 1
  • 1
  • 4
  • Do you have any knowledge of HTML? It may sound weird but Visual Studio is not intended to be used like the old Front Page which was made for WYSIWYG development. – Androiderson Jan 22 '13 at 02:43
  • Yes I have knowldge base of HTML So there a solution for this? – MFBCTRC Jan 22 '13 at 04:11
  • do you want to convert a html page to .aspx page? or you want to insert textbox/button into a page that's already designed? -- your second line of question is difficult to understand .. – Sakthivel Jan 22 '13 at 05:27
  • If you want to edit your design page don't do it in the design view. Do it in the markup , if you want to remove/add a button , check the code and place it appropriately in the table column or a div..by dragging and dropping in the design page will spoil it completely. – Sakthivel Jan 22 '13 at 05:32
  • @codebrain Thank you for your answer, yeah! I want that, I have tried convert to aspx page because i want behind code, so indeed is normaly. but when I try to insert textbox/button and other from toolbox then moving that is all the layout design my designed page is changed, – MFBCTRC Jan 22 '13 at 06:11

1 Answers1

6

To convert an html page into aspx page, 

1. Create a new web form in visual web developer.
2. Copy the content from body of the html file , paste it in body of the aspx page.
3. Similarly copy the script, meta tags from head section of html , paste it in head    section of aspx page.
4.if any external style sheet,Images included with html file, add them appropriately in a folder of your asp.net application.
5.Now try to run the page and check if everything appears well, if not appearing well check the stylesheet and make some small changes.
6.Check at the top of the page asp.net , <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> it is necessary.

Practice will give you perfection in css , styling and HTML.

-------------------All should be well--------------

If you don't find any controls in code behind , add [runat="server"] attribute in markup. and is an html control and is server control.

Sakthivel
  • 1,890
  • 2
  • 21
  • 47
  • OK Codebrain, thanks very much for your solution, I have tried all your tips, and almost succeded. on visual web developer the header layout menu designed page is changed but on browser it's normally no layout were changed for position. My Questions why that be happen? ok its not important. The most important questions, Can I lock header menu or component on Visual Web Developer so I can editable body section? – MFBCTRC Jan 23 '13 at 02:04
  • If you downloaded some static html template, you need to check the designs and make modifications for your requirement. Try working on HTML tables and div tags. It will give you good experience in designing. use CSS stylesheets. You may made mistakes in div or table tags and assigning height and width..[If you answer was helpful please mark it as answer ]. Thanks – Sakthivel Jan 23 '13 at 05:17