Imagem 1 - Criando um novo Web Site no VWDClicando neste menu poderemos configurar o novo site web, conforme Imagem 2.
Imagem 2 - Configurando o novo site webDesta forma podemos selecionar o local do site(File System, HTTP ou FTP), clicando em browser podemos ver uma janela para configuração deste, veja ma Imagem 3.
Imagem 3 - Configurando o local do novo web site
Para simplificar este exemplo iremos criar este site no local File System, no diretório C:\ClienteWeb\CriandoNovoSite. Confirme esta janela e a próxima que pergunta se deseja criar o diretório(mostrada na Imagem 4).
Imagem 4 - Confirmando a criação do novo diretórioVoltando a tela de criação do novo site web, selecione a linguagem de sua preferência, no meu caso C#, e clique em OK.
O site será criado e podemos gerenciar os arquivos através do solution explorer. Exclua o arquivo Default.aspx e crie um arquivo chamado OiSiteWeb.htm. Para este último, clique com o botão direito no site WEB.
Imagem 5 - Adicionando novo item ao site WEB
Configure a nova página HTML conforme Imagem 6.
Imagem 6 - Configurando a nova página HTML
A página será criada e adicionada ao Solution Explorer, edite seu código para que fique igual ao Código 1.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Oi Site Web</title>
</head>
<body>
<h1>Oi Site Web</h1>
</body>
</html>
Código 1 - HTML do novo arquivo
Defina a nova página criada como a página inicial do site web, conforme Imagem 7.
Imagem 7 - Definindo a página inicial
Execute a aplicação, neste caso o site web, para ver o resultado, veja na Imagem 8
Imagem 8 - Visualizando o site web
Ao fazer isto repare que o VWD criou um servidor web chamado ASP.NET Development Server, este servidor WEB é um servidor somente para desenvolvimento de aplicações WEB feitas no VWD. Ele facilita nossa vida permitindo que sites web possam ser criados sem necessitar toda configuração no IIS, e depois este site pode ser publicado para um servidor de produção como é o caso do IIS. As informações de qual porta ele utiliza e se este servidor está em execução é vista na área de notificação na barra de tarefas, veja na Imagem 9.
Imagem 9 - ASP.NET Development Server no System Tray.
É importante reparar que para acessar este deveremos colocar no endereço o nome do servidor e da porta, já que neste caso não estamos usando a porta padrão(80). Veja na Imagem 10.
Imagem 10 - Acessando o site web criado
No meu caso o servidor WEB foi criado para responder na porta 1491, se atente pois este número varia, para conhecer o número da porta utilizado, clique duas vezes no ASP.NET Development Server no System Tray e veja a janela aberta conforme Imagem 11.
Imagem 11 - Informações do ASP.NET Development Server
Agora podemos adicionar várias páginas, imagens, javascript, css e outros tipos de arquivos a este servidor WEB.
