Download
slide1 n.
Skip this Video
Loading SlideShow in 5 Seconds..
How to create website in VB10 PowerPoint Presentation
Download Presentation
How to create website in VB10

How to create website in VB10

94 Vues Download Presentation
Télécharger la présentation

How to create website in VB10

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  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)