0

Introdução a criação de Websites com HTML 5 e CSS3

Silas Rangel
Silas Rangel

Olá boa tarde pessoal,

Alguém pode me ajudar?!!! Quero acompanhar as aulas com o instrutor, eu não entendi como funciona, best code e onde ele está editando, não abriu a página na Internet com meu nome, não faço ideia mesmo me ajude por favor!!

Tem uma pasta index.html do lado aonde eu encontro essa pasta?

(Nas aulas não tem o passo a passo para usar e como instalar o sistema.Mas já instalei também instalei o Atom.) Estou 3 dias tentando acompanhar não consegui ,estou quase desistindo do curso!

0
0

Comentários (8)

0
Josélio Júnior

Josélio Júnior

12/07/2021 21:58

Mesmo que tenha dito que desistiu eu acho interessante que depois você repense um pouco.


O editor de texto que mais favorece a gente que está no frontend (HTML, CSS e JavaScript) é o VSCode.


Depois de instalado direitinho você pode criar uma pasta vazia, clicar com o botão direito do mouse na pasta e ir na opção "Abrir com o Code".


Daí dentro do VSCode você vai criando alguns arquivos.


O primeiro arquivo se chama "index.html", porém é só uma convenção, tipo, pode ser "batata.html", o que importa é a extensão do arquivo ser ".html".


A extensão ".html" é um dos tipos de arquivo que o navegador consegue rodar. Desse modo dá para abrir clicando nele, mas se estiver vazio você verá uma janela em branco.


Dentro do VSCode você pode editar o arquivo como no "Bloco de Notas", porém com muito mais sugestões eu completitude automática de "tags".


Existem várias maneiras de abrir um servidor e a página ir atualizando automaticamente a medida que você vai escrevendo no VSCode.


Uma delas é você clicar num ícone lá embaixo que diz "Go Live" e seu navegador padrão abrirá o html do seu projeto.


Outra forma é clicar com o botão direito do mouse em cima do seu arquivo na barra lateral do VSCode e ir na opção "Open with Live Server".


E caso nada dê certo no momento, você pode muito bem abrir a pasta do seu projeto e abrir seu arquivo "index.html" no seu navegador. A única diferença é que você precisará ficar atualizando a página para ver a última modificação feita pelo VSCode.


Desejo tudo de bom!


Caso precise de mais ajuda fala com o pessoal discord do bootcamp que você estiver, estou lá também.

Contato do meu GitHub: github.com/joseliojunior


0
Silas Rangel

Silas Rangel

12/07/2021 16:24

Obrigado a todos!

Não consegui desisto.

0
Tiago Silva

Tiago Silva

12/07/2021 13:41

lembrando que amigo Silas a partir do momento que vc estiver dentro da pasta do seu projeto vc pode criar varias pastas dentro e até mesmo arquivos com varias extensões, mas o mais importante é vc pegar o conceito do html de como exibir o que vc produz editando no browser ai depois vc parte pro Css pra estilizar sua página e deixar ela moldada.


Ai é só acompanhar as aulas que não tem erro qualquer coisa só chamar a gente aqui

0
Luiz Canazart

Luiz Canazart

12/07/2021 13:38

Boa tarde amigo, normalmente pode ser virgula ou ponto no lugar errado ou não salvou antes de rodar no navegador.

Quando comecei HTML E CSS, tive dor de cabeça pois as vezes eu apagava os sinais essenciais dessas linguagens sem querer. O terminal do editor ou console do navegador apontam onde(linha) do seu condigo esta o erro.

Pra ajudar seria bom mostrar parte do seu código pra facilitar na hora de tirar duvida. abraços o/


obs: use o VsCode, bem melhor pra escrever/codar :)

0
Tiago Silva

Tiago Silva

12/07/2021 13:38

ola Silas tudo bem ?


Voce pode criar uma pasta dentro do vs code ou fora dela e lá dentro da sua pasta vc coloca seus arquivos index.html style.css entre outros

pois a partir do momento que vc criar o index.html dentro da pasta salve e o arquivo vai ser gerado com o icone do seu navegador padrão, feito isso editando o index como na aula vc vai poder ver o resultado no browser

0
R

Raul Bergamo

12/07/2021 13:38

Olá Silas boa tarde,

Ele usa o VSCode (visual studio code), quanto ao arquivo index.html mesmo criou.

Funciona assim você cria uma nova pasta e dentro dela cria o arquivo index.html depois você abre essa pasta com o VSCode e ele vai estar igual ao do professor, depois para abrir o html no navegador você poder usar de duas formas ou abrir o arquivo com dois cliques (assim ele vai abrir no navegador padrão do seu computador) ou instalar uma extensão no VSCode chamada "Live server" com esse extensão você pode abrir o projeto no navegador e ter as atualizações do projeto em tempo real (sem ter que recarregar a págian).

0
Marcos Junior

Marcos Junior

12/07/2021 13:37

Boa tarde...

Nobre Silas Rangel o instrutor usa o VS Code, mais você pode usar o atom, o notepad++ ou até mesmo um bloco de notas qualquer. Cria um diretório e dentro do mesmo um arquivo chamado index com a instanção *.html e depois basta clicar neste arquivo para ver seu funcionamento no navegador de sua escolha.

0
Jorbson Guimarães

Jorbson Guimarães

12/07/2021 13:31

Olá Silas, ele utiliza o visual studio code

Seja a melhor versão de você mesmo, esteja em constante evolução!

Brasil