How to Create a Website Using VB.NET in Visual Studio 2010

1. How to create website in VB10

2. Click Start menu -> all program -> Microsoft Visual SourceSafe-> Microsoft Visual Studio 2010

3. Open Microsoft Visual Studio 2010 window

4. Click New project

5. Display new project window

6. Click (Select ) Asp.Net Web Application • Add project name

7. Click Browse button and select path • Ex: D:\new website

8. Display Default window

9. Click (left) solution Explorer

10. Click (left) solution Explorer • Select unvented file (Ctrl+ mouse Click) . Select then right click in mouse select Delete option

11. How to Create new page • Click (left) solution Explorer • Click Add - > New Item

12. Display Add New Item – Project window • Select Installed Templates-> Visual Basic -> web

13. Select HTML.Page • Name Type index.htm • Click Add button

14. Create index page

15. Type title tag inside of the company name • Then type the meta tag coding • <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> • <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> • <meta http-equiv="REFRESH" content="0;url=home.htm" />

16. Create New folder in project • Click (left) solution Explorer • Click project name(left click in mouse) Add - > New folder

17. Create new folder • Type Style sheets • create new folder

18. Create New Style sheets in project • Click (left) solution Explorer • Click project name(left click in mouse) Add - > New folder

19. Display Add New Item – Project window • Select Installed Templates-> Visual Basic -> web • Select Style Sheet • Name Type Stylesheet.css • Click Add button

20. Create New Style sheets in project • Click (left) solution Explorer • Click project name(left click in mouse) Add - > New Item

21. Display Add New Item – Project window • Select Installed Templates-> Visual Basic -> web • Select HTML.Page • Name Type Home.htm • Click Add button

22. Create Home page

23. Type title tag inside of the company name or project name • Then type the meta tag coding • <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> • <meta name="description" content=" "/> • <meta name="author" content="" /> • <meta name="keywords" content="" />

24. Then type the style ling tag coding • <link href="Styles sheets/styles sheets.css" rel="stylesheet" type="text/css" />

25. Create one template in Photoshop

26. Click style sheet then following css type • body • {margin: 0px;background-color:#510509;margin-left:auto;margin-right:auto;}

27. Click home.htm then click the design view

28. Click -> toolbox(lift) -> table (double click)

29. Create table

30. Select table and click F4 and type celpadding and celspacing Zero

31. Click the source view and table width type 1000px and align="center"

32. Click the design view and select the two columns then click right in muse the select • Delete -> Delete columns • Delete and columns

33. Select fist row and click F4 and type height type in top banner size • Ex: height :100px;

34. Insert new row • Click (right) muse then select Insert-> Row Below or (ctrl+Alt+Down Arrow)

35. Select second row and click F4 and type height type in image banner size • Ex: height :300px

36. Click fist row then • Click -> toolbox(lift) -> table (double click) • Create inside of the row the click F4 and celpadding and celspacing type Zero

37. Delete row (2) and columns(1)

38. Click the fist columns and click F4 and height and width type ; • Ex: height :100px; • widh: 40%

39. Click second columns then • Click F4 and width :60% type then • Click -> toolbox(lift) -> table (double click) • Create inside of the row the click F4 and celpadding and celspacing type Zero • Delete 2 row and 2 columns the click F4 and high: 50px for fist row the click second row high:50px type

40. Click second row then • Click -> toolbox(lift) -> table (double click) • Create inside of the row the click F4 and celpadding and celspacing type Zero • Delete 2 columns the click F4 and high: 50px for fist columns

41. Insert new columns • Click (right) muse then select Insert-> Row Below or (ctrl+Alt+Right Arrow) • The select fist columns and click F4 width is 25% set width in columns (4 columns)

42. Click styles sheet and type menu style • Ex:.menu{font-family:Arial;font-size:14px;text-align:center;color:White;text-decoration:none; • line-height:25px;} • .menu:hover{font-family:Arial;font-size:14px;text-align:center;color:#fee490; • text-decoration:none; line-height:25px;}

43. Select fist menu columns • Click home.htm and click design view type following coding • Ex: <a href=“home.htm” class=“menu”>Home</a> same coding for further menu ( select separate columns and type about us ,profile , contact us)

44. Click design view • Select home menu columns and click F4 type Align : center (all menu select and appall align:cente)