How to create website in VB10

Start menu -> all program -> Microsoft Visual SourceSafe-> Microsoft Visual Studio 2010

Click

Open Microsoft Visual Studio 2010 window

Click New project

Display new project window

Click (Select ) Asp.Net Web Application

Add project name

Click Browse button and select path

Ex: D:\new website

Display Default window

Click (left) solution Explorer

Click (left) solution Explorer

Select unvented file (Ctrl+ mouse Click) . Select then right click in mouse select Delete option

How to Create new page

Click (left) solution Explorer Click Add - > New Item

Display Add New Item – Project window

Select Installed Templates-> Visual Basic -> web

Select HTML.Page

Name Type index.htm

Click Add button

Create index page

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" />

Create New folder in project

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

Create new folder

Type Style sheets create new folder

Create New Style sheets in project

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

Select Style Sheet

Name Type Stylesheet.css

Click Add button

Display Add New Item – Project window

Select Installed Templates-> Visual Basic -> web

Create New Style sheets in project

Click (left) solution Explorer Click project name(left click in mouse) Add - > New Item

Display Add New Item – Project window

Select Installed Templates-> Visual Basic -> web Select HTML.Page

Name Type Home.htm

Click Add button

Create Home page

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="" />

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

Create one template in Photoshop

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

Click home.htm then click the design view

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

Create table

Select table and click F4 and type celpadding and celspacing Zero

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

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

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

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

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

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

Delete row (2) and columns(1)

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

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 ZeroDelete 2 row and 2 columns the click F4 and high: 50px for fist row the click second row high:50px type

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

Insert new columnsClick (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)

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;}

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

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