Visual Dicas News

Neste tutorial, vamos mostrar criar números aleatórios utilizando JavaScript. No exemplo, mostraremos um joguinho da tabuada onde o usuário deverá visualizar 2 números aleatórios entre 0 e 9, e ac...

  Neste tutorial vamos mostrar como criar uma janela pop up utilizando HTML e Javascript. Nosso objetivo é criar janelas pop up simples e que se abrem a partir de um clique em um link ou em um botão ...

Neste tutorial, vamos criar botões personalizados com efeito 3D utilizando HTML e CSS. Nosso objetivo é criar botões simples, porém visualmente atraentes para serem utilizados nos layouts de sites o...

Neste tutorial, vamos mostrar como como manipular propriedades CSS usando JavaScript. No exemplo, mostraremos como alterar o estilo de algumas propriedades CSS, como cor, tipo e estilo da fonte, e...

Neste tutorial mostraremos como subtrair ou somar dias de uma data qualquer - utilizando a função strtotime(). (adsbygoogle = window.adsbygoogle || []).push({}); Função Strtotime / Função Date (...

Neste tutorial vamos mostrar as diferenças em utilizar block, inline, inline-block e none para a propriedade CSS display. A utilização destes elementos é muito importante para o controle visual de u...

  Neste tutorial vamos mostrar como transformar uma lista HTML com CSS. Como a lista HTM é posicionada verticalmente, podemos altrerá-la para que fique posicionada horizontalmente. Isto é muito ú...

Neste tutorial, vamos mostrar como adicionar conteúdo em um elemento HTML utilizando JavaScript. No exemplo, mostraremos como acrescentar itens em uma lista e parágrafos em um texto HTML. Observa...

Neste tutorial, vamos mostrar como centralizar um texto verticalmente dentro de uma tag HTML usando a propriedade CSS line-height. Este método elimina a necessidade de cálculos de padding, além d...

Tabela de Cores HTML

(adsbygoogle = window.adsbygoogle || []).push({}); Cor Código Java Código HTML Snow 255 250 250 #FFFAFA GhostWhite 248 248 255 #F8F8FF WhiteSmoke 245 ...

More Articles

More From: JavaScript CSS PHP Tabelas Web Servers

Neste tutorial mostraremos como criar e alterar um Servidor Virtual (VirtualHost) no Wamp Server, Version 3.0 ou superior, no sistema operacional Windows.

Criando um Virtual Host no Wamp versão 3.0 ou superior

1. Localize no computador o diretório onde o Wamp Server foi instalado. Abra a pasta "www".

Obs.: Se você não sabe onde está instalado o seu servidor Wamp, após ativá-lo, clique no ícone que aparece na barra de ferramentas do Windows e selecione [Abrir Diretório www].

2. Dentro da pasta "www" crie uma nova pasta onde ficarão armazenados os arquivos do seu Virtual Host. No nosso exemplo vamos criar a nova pasta "portal". Portanto, o caminho da nossa pasta será: c/wamp/www/portal/

Obs.: O seu Virtual Host somente vai funcionar se você criar a nova pasta dentro de "www".

3. Com o Wamp Server ativado, acesse o ip. 127.0.0.1 ou http://localhost/ no seu navegador de internet:

4. Clique em [Adicionar Virtual Host].

5. Entre com os dados do seu novo Virtual Host, sendo:

a) Nome do Virtual Host: Digite o nome sem caracteres especiais ou espaços. No nosso exemplo, vamos chamar nosso Host de "portal.pc". Você pode colocar o nome que desejar respeitando as regras do WampServer.

b) Novo IP do Virtual Host (opcional): Se desejar, digite o novo IP para o seu Virtual Host. No nosso exemplo vamos utilizar "127.8.8.8".

c) O caminho completo do Virtual Host: Digite o caminho completo onde você criou a sua pasta do Virtual Host. No nosso exemplo criamos a pasta em: "c:/wamp/www/portal"

Após definir os parâmetros do seu Virtual Host, clique no botão [Iniciar a Criação do Virtual Host].

6. Pronto, o Virtual Host foi criado.

7. Clique com o botão direito do mouse sobre o ícone do Wamp e em [Ferramentas] selecione [Reiniciar DNS].

8. Aguarde o Wamp ficar ativado novamente. Clique sobre o ícone na barra de ferramentas do Windows e verifique se o seu Virtual Host foi criado.

9. Observe que no nosso exemplo o novo VirtualHost, 127.8.8.8 (portal.pc), foi criado. Como não temos nenhum arquivo na pasta c:/wamp/www/portal/, o navegador mostrará um index vazio. Crie um arquivo index.php e comece o seu projeto.

Alterando os parâmetros de um Virtual Host no Wamp Server

Caso precise alterar os parâmetros do seu VirtualHost, siga o procedimento abaixo:

1. Abra o bloco de notas do Windows como Administrador (clique com o botão direito do mouse sobre o ícone do Bloco de Notas):

2. Localize a pasta onde está instalado o seu Wamp Server. No nosso exemplo o servidor está instalado em "C:/wamp".

3. Localize a pasta "bin --> apache --> apache2.4.23 --> conf --> extra" . No nosso exemplo o caminho ficaria assim: C:/wamp/bin/apache/apache2.4.23/conf/extra

4. Altere de "Documentos de texto" para Todos Arquivos (*.*). Abra o arquivo httpd-vhosts.config.

Obs.: Caso não encontre o arquivo, clique no ícone do Wamp e selecione Apache. Clique no arquivo httpd-vhosts.config.

5. No Bloco de Notas, localize no arquivo o seu VirtualHost criado. Faça as alterações desejadas.

Você poderá alterar o nº do IP, o  ServerName ou o DocumentRoot/Directory (localização da pasta).

No nosso exemplo vamos alterar o IP do nosso VirtualHost para 127.0.0.2 (ATENÇÃO: não mude a porta 80).

6. Salve o arquivo e feche o bloco de notas.

7. Reinicie o DNS. Clique com o botão direito do mouse sobre o ícone do Wamp e em [Ferramentas] selecione [Reiniciar DNS].

8. Aguarde o Wamp ficar ativado novamente. Clique sobre o ícone na barra de ferramentas do Windows e verifique se o seu Virtual Host foi alterado.