SlideShare uma empresa Scribd logo
HTML 4.1 - Aula 6
Canal Effeccinco
Revisão da Aula Anterior
 Aprendemos a colocar:
 Citações com as tags <q> e <blockquote> e as diferenças entre elas.
 Diferenças entre tags de Linhas e de Blocos
 Negrito e itálico com as Tags <Strong> e <em>
 Endereço com a tag <address>
 Tirar formatação com a tag <pre>
 Colocar códigos das linguagens de programação com a tag <code>
 Criar listas ordenadas e não ordenadas com as tags <ol> <ul>
 Colocar dados nas listas com a tag <li>
Conteúdo dessa Aula
 Nessa aula nós vamos dar uma pausa no aprendizado do HTML para
discutirmos um assunto tão importante quanto.
 Você já parou pra pensar como colocar seu site na Web?
 Você sabe o que é um domínio?
 É o que nós vamos discutir nessa aula, pois já conhecemos o suficiente para
escrever uma página simples em HTML.
Como colocar o seu site na Web !
 A melhor forma para colocar o seu site na Web é localizar uma empresa de
hospedagem na Web, onde ela fique conectada 24 horas todos os dias da
semana.
 Hoje na Web existem vários serviços de hospedagem de sites tais como
hostagator, godaddy, locaweb, uolhost, terra, bluehost.
 Existem muitas opções na internet, mas como saber qual a melhor opção para
você contratar? Isso é importante pois vai ser seu cartão na internet vai ser
como você vai se mostrar para o público e tem que sempre estar disponível
para você não perder visualizações da sua página.
Como colocar o seu site na Web !
 Para saber qual o melhor custo benefício tente responder a essas questões pois é o mínimo para você
ter uma boa experiência:
 A empresa possui suporte técnico?
 Quantidade de dados? Quanto de dados você poderá enviar por mês e qual o limite de informações
que o site poderá ter na hospedagem.
 Backups a empresa faz?
 Nome de domínio a empresa inclui um nome de domínio no seu valor?
 Confiabilidade? Pesquise outros usuários que tem o serviço e veja o que eles dizem.
 Benefícios? Suporte a Scripts, e-mail, fórum, banco de dados?
Domínio
 Você sabe o que é Domínio?
 O Domínio é um nome único que o seu site vai receber na internet e nenhum outro site vai ter o seu
nome, alguns serviços de hospedagem já inclui ele no pacote de contratação, mas existe a
possibilidade de você registrar o seu domínio também na web.
 www.meudominio.com.br  Exemplo de como pode ser seu
domínio.
 No Brasil nós temos uma Organização que cuida disso que é chamado de RegistroBr, você pode se
cadastrar gratuitamente e caso tenha em mente em criar um site o primeiro passo é pensar em um
nome e registrar ele no seu nome direto nesse site, e você tem que pagar uma anuidade para ter o
site no seu nome.
 https://registro.br/
Entendendo o seu domínio
 Existem diversas opções de registro do seu domínio na web, antes vamos entender um domínio,
geralmente o eles começam assim:
 http://meudominio.com.br
 Vamos começar pelo protocolo Http, esse é um protocolo de verificação que testa se seu site existe ou
não, caso ele não exista ele retorna uma mensagem para o usuário dizendo que o site não está
disponível.
 Além do HTTP existe outra versão para sites de compras que o deixam seguros que é o HTTPS, o “S”
final significa security ou segurança, geralmente quem possui esse protocolo são sites de vendas pois
precisam passar confiança para seus compradores, para conseguir esse tipo de protocolo, a empresa ou
você precisa comprar uma licença desse selo de segurança, depois de comprado você insere essa
licença que vai funcionar como um bloqueio para que pessoas más intencionadas tentem quebrar a
segurança do seu site.
Entendendo o seu domínio
 http://meudominio.com.br
 Logo após o HTTP vem o nome do seu domínio “meudominio”
 A parte .com diz respeito ao tipo de seu que você possui, o .com significa que o seu site é um site
comercial, então existem diversos tipos que você pode atribuir como por exemplo: .org para
Organizações, .edu para escolas pois significa educação e existem outros diversos para cada tipo de site.
 O final diz respeito ao país que pertence aquele site, por exemplo .br significa que o país é o Brasil, mas
poderia ser .it para Itália, .fr para França, uma curiosidade apenas os Estados Unidos não tem esse tipo
de indicativo sendo que o site não possui a indicação do país, fica apenas .com por exemplo, então ele é
o único país do mundo que não possui essa característica em seu domínio.
Finalizando Essa aula com HTML e links
 Ainda no HTML nós podemos personalizar ainda mais os nossos links:
 Para abrir o link em uma nova janela nos usamos dentro da Tag <a> o
comando target=“_blank”, isso faz com que o link abra em uma nova janela.
 Além disso nós podemos colocar uma descrição no link para ajudar o leitor a
melhor entender para onde ele será levado, para isso podemos incluir dentro
da tag <a> também um título title=“descrição”.
Quer saber mais sobre html?
 Quer ver na prática como funciona esse conteúdo , assista a essa vídeo aula:
 https://www.youtube.com/watch?v=LNO-XgR_1do
 Quer aulas sobre HTML, veja nosso Canal no Youtube, nos assista, curta e
compartilhe:
 https://www.youtube.com/channel/UC7FWW7I5ZW5T9V7dQnEtD7A/feed
 Acesse o nosso Blog, e confira matérias mais completas.
 www.effeccinco.wix.com/effeccinco
Referências
 Livro: Use a Cabeça HTML, CSS e XHTML, 2º
Edição, Editora Alta Books, Elisabeth Freeman &
Eric Freeman. Capítulo 1 – Comece a entender o
HTML.
 SHARMA, Vivek. SHARMA, Rajiv. Desenvolvendo
Sites de e-Commerce. São Paulo: Makron Books,
2001, 598 p.

Mais conteúdo relacionado

PDF
E book conhecendo-o-wordpress
PPTX
Passo a Passo para a criação de Domínio e uma hospedagem gratuito
PPTX
Word press
PPTX
Como Criar Um Blog - Em 5 Etapas
PDF
Configurando SSL com Let’s Encrypt, EasyEngine e WP-CLI
PPT
Blospot e word press
PDF
Html básico 1
PPT
COMO FAZER E-MAIL MARKETING EM HTML
E book conhecendo-o-wordpress
Passo a Passo para a criação de Domínio e uma hospedagem gratuito
Word press
Como Criar Um Blog - Em 5 Etapas
Configurando SSL com Let’s Encrypt, EasyEngine e WP-CLI
Blospot e word press
Html básico 1
COMO FAZER E-MAIL MARKETING EM HTML

Mais procurados (12)

PDF
Html básico 3 links
PPTX
Começando com WordPress: WordPress.org ou WordPress.com?
PPSX
WordPress
PPTX
PDF
PHP - Prefácio
PDF
Configurando SSL com Let’s Encrypt, EasyEngine e WP-CLI
PPT
Aula blogspot publicar
PDF
5 maneiras simples de otimizar seu site word press
PDF
GUIA PASSO A PASSO - DOMÍNIO E HOSPEDAGEM
PDF
Instalando Wordpress Hospedagem Gratuita
PPT
Aula 3 da segunda turma de marketing digital em ribeirão preto - E-mail marke...
PPT
Oficina Sexshop Virtual
Html básico 3 links
Começando com WordPress: WordPress.org ou WordPress.com?
WordPress
PHP - Prefácio
Configurando SSL com Let’s Encrypt, EasyEngine e WP-CLI
Aula blogspot publicar
5 maneiras simples de otimizar seu site word press
GUIA PASSO A PASSO - DOMÍNIO E HOSPEDAGEM
Instalando Wordpress Hospedagem Gratuita
Aula 3 da segunda turma de marketing digital em ribeirão preto - E-mail marke...
Oficina Sexshop Virtual
Anúncio

Destaque (8)

PPTX
JavaScript - #Aula04 parte 06 - CamelCase, getElementByID, isNaN
PPTX
Resumos e Resenhas: A guerra dos Tronos - #03 - Prólogo
PPTX
Desenvolvimento de Jogos - #Aula10 - História da Sega
PPTX
Desenvolvimento de Jogos - #Aula02 - Primeiro Vídeo Game
PPTX
Curso de Engenharia de Software - #Aula 03 - O Que é Engenharia de Software?
PPTX
Curso de Html - Aula 7 - Trabalhando com imagens e links
PPTX
Desenvolvimento de Jogos - #Aula 13 - Apple Computer e os Games
PPTX
Desenvolvimento de Jogos - #Aula 21 - Space Invaders
JavaScript - #Aula04 parte 06 - CamelCase, getElementByID, isNaN
Resumos e Resenhas: A guerra dos Tronos - #03 - Prólogo
Desenvolvimento de Jogos - #Aula10 - História da Sega
Desenvolvimento de Jogos - #Aula02 - Primeiro Vídeo Game
Curso de Engenharia de Software - #Aula 03 - O Que é Engenharia de Software?
Curso de Html - Aula 7 - Trabalhando com imagens e links
Desenvolvimento de Jogos - #Aula 13 - Apple Computer e os Games
Desenvolvimento de Jogos - #Aula 21 - Space Invaders
Anúncio

Semelhante a Html aula 6 - Como colocar seu site na Web e Personalizar seus links (20)

PPT
Registrando um site e introdução ao html
PPT
Como registrar um site e introdução ao HTML
PDF
Apostila de Html - Marcos Rogério Fernandes
PDF
Apostila Html completa e simples
PDF
Html - Apostila
PDF
Apostila HTML
PDF
Apostila+de+html
PPT
COMO REGISTRAR UM SITE + HTML5
PDF
Html+para+iniciantes
PDF
HyperText Markup Language
PDF
PDF
HTML
PPTX
Atec cursowebdesign aula01
PPTX
Atec cursowebdesign aula01
PDF
Professor rogerio-apostila
PDF
Informática para Internet - Aula 02
DOC
Html E Css
PDF
Html programacao web
PDF
019 programacao web-html[1]
Registrando um site e introdução ao html
Como registrar um site e introdução ao HTML
Apostila de Html - Marcos Rogério Fernandes
Apostila Html completa e simples
Html - Apostila
Apostila HTML
Apostila+de+html
COMO REGISTRAR UM SITE + HTML5
Html+para+iniciantes
HyperText Markup Language
HTML
Atec cursowebdesign aula01
Atec cursowebdesign aula01
Professor rogerio-apostila
Informática para Internet - Aula 02
Html E Css
Html programacao web
019 programacao web-html[1]

Mais de Erick L. F. (20)

PPTX
Curso de HTML5 - Tudo No HTML5 é Novo?
PPTX
Curso de HTML5 - Hipertexto Vs Hiperlink
PPTX
Algoritmos e Logica de programação - #Aula 08 - Algoritmos Computacionais
PPTX
Curso de Engenharia de Software - #Aula 07 - Modelo de Processo de Software
PPTX
Algoritmos e Logica de programação - #Aula 07 - Paradigmas da Programação
PPTX
JavaScript - #Aula05 parte 08 - Cookies
PPTX
Curso de Engenharia de Software - #Aula 06 - O Que é Processo de Software
PPTX
Curso de C/C++ - #Aula 06 - Como é formada a linguagem C ?
PPTX
Algoritmos e Logica de programação - #Aula 06 - Linguagens De Programação
PPTX
JavaScript - #Aula05 parte 07 - Evento Onresize
PPTX
Curso de Engenharia de Software - #Aula 05 - Engenharia de Software Vs Engenh...
PPTX
Curso de Java - #Aula 05 - Computação Destribuida ou Cliente/Servidor
PPTX
Algoritmos e Logica de programação - #Aula 05 - Mercado Computacional
PPTX
Curso de Engenharia de Software - #Aula 04 - Engenharia de Software Vs Ciênci...
PPTX
Curso de Java - #Aula 04 - Primeiros sistemas operacionais
PPTX
Algoritmos e Logica de programação - #Aula 04 - Tabela ASCII
PPTX
JavaScript - #Aula05 parte 05 - Tamanho da Imagem
PPTX
Curso de Java - #Aula 03 - Organização do Computador
PPTX
Algoritmos e Logica de programação - #Aula 03 - Unidades de Medidas Computaci...
PPTX
Resumos e Resenhas: A guerra dos Tronos - #06 - Daenerys
Curso de HTML5 - Tudo No HTML5 é Novo?
Curso de HTML5 - Hipertexto Vs Hiperlink
Algoritmos e Logica de programação - #Aula 08 - Algoritmos Computacionais
Curso de Engenharia de Software - #Aula 07 - Modelo de Processo de Software
Algoritmos e Logica de programação - #Aula 07 - Paradigmas da Programação
JavaScript - #Aula05 parte 08 - Cookies
Curso de Engenharia de Software - #Aula 06 - O Que é Processo de Software
Curso de C/C++ - #Aula 06 - Como é formada a linguagem C ?
Algoritmos e Logica de programação - #Aula 06 - Linguagens De Programação
JavaScript - #Aula05 parte 07 - Evento Onresize
Curso de Engenharia de Software - #Aula 05 - Engenharia de Software Vs Engenh...
Curso de Java - #Aula 05 - Computação Destribuida ou Cliente/Servidor
Algoritmos e Logica de programação - #Aula 05 - Mercado Computacional
Curso de Engenharia de Software - #Aula 04 - Engenharia de Software Vs Ciênci...
Curso de Java - #Aula 04 - Primeiros sistemas operacionais
Algoritmos e Logica de programação - #Aula 04 - Tabela ASCII
JavaScript - #Aula05 parte 05 - Tamanho da Imagem
Curso de Java - #Aula 03 - Organização do Computador
Algoritmos e Logica de programação - #Aula 03 - Unidades de Medidas Computaci...
Resumos e Resenhas: A guerra dos Tronos - #06 - Daenerys

Último (10)

PDF
Certificado de Conclusão Jornada Inteligência Artificial
PPTX
Classifirrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrcação_IPAQ.pptx
PPTX
TURMA modelo de modelo apresentação 4DE.pptx
PDF
PROJETO DE PESQUISA PRONTO FONOAUDIOLOGIA 2025 ABNT.pdf
PDF
Metodologias ágeis - Slides - aulas 1 a 5.pdf
PPTX
Fundamentos do Desenvolvimento Web. Fundamentos do Desenvolvimento Web.Fundam...
PDF
Apostila_de_Laboratorio_de_Quimica_Inorg.pdf
PDF
PROJETO DE PESQUISA PRONTO ESTÉTICA 2025 ABNT.pdf
PDF
A sua pontuação aumenta ao escolher uma categoria, preencher uma descrição lo...
PDF
Agosto-Lilas-Conscientizacao-e-Combate-a-Violencia-contra-a-Mulher.pdf
Certificado de Conclusão Jornada Inteligência Artificial
Classifirrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrcação_IPAQ.pptx
TURMA modelo de modelo apresentação 4DE.pptx
PROJETO DE PESQUISA PRONTO FONOAUDIOLOGIA 2025 ABNT.pdf
Metodologias ágeis - Slides - aulas 1 a 5.pdf
Fundamentos do Desenvolvimento Web. Fundamentos do Desenvolvimento Web.Fundam...
Apostila_de_Laboratorio_de_Quimica_Inorg.pdf
PROJETO DE PESQUISA PRONTO ESTÉTICA 2025 ABNT.pdf
A sua pontuação aumenta ao escolher uma categoria, preencher uma descrição lo...
Agosto-Lilas-Conscientizacao-e-Combate-a-Violencia-contra-a-Mulher.pdf

Html aula 6 - Como colocar seu site na Web e Personalizar seus links

  • 1. HTML 4.1 - Aula 6 Canal Effeccinco
  • 2. Revisão da Aula Anterior  Aprendemos a colocar:  Citações com as tags <q> e <blockquote> e as diferenças entre elas.  Diferenças entre tags de Linhas e de Blocos  Negrito e itálico com as Tags <Strong> e <em>  Endereço com a tag <address>  Tirar formatação com a tag <pre>  Colocar códigos das linguagens de programação com a tag <code>  Criar listas ordenadas e não ordenadas com as tags <ol> <ul>  Colocar dados nas listas com a tag <li>
  • 3. Conteúdo dessa Aula  Nessa aula nós vamos dar uma pausa no aprendizado do HTML para discutirmos um assunto tão importante quanto.  Você já parou pra pensar como colocar seu site na Web?  Você sabe o que é um domínio?  É o que nós vamos discutir nessa aula, pois já conhecemos o suficiente para escrever uma página simples em HTML.
  • 4. Como colocar o seu site na Web !  A melhor forma para colocar o seu site na Web é localizar uma empresa de hospedagem na Web, onde ela fique conectada 24 horas todos os dias da semana.  Hoje na Web existem vários serviços de hospedagem de sites tais como hostagator, godaddy, locaweb, uolhost, terra, bluehost.  Existem muitas opções na internet, mas como saber qual a melhor opção para você contratar? Isso é importante pois vai ser seu cartão na internet vai ser como você vai se mostrar para o público e tem que sempre estar disponível para você não perder visualizações da sua página.
  • 5. Como colocar o seu site na Web !  Para saber qual o melhor custo benefício tente responder a essas questões pois é o mínimo para você ter uma boa experiência:  A empresa possui suporte técnico?  Quantidade de dados? Quanto de dados você poderá enviar por mês e qual o limite de informações que o site poderá ter na hospedagem.  Backups a empresa faz?  Nome de domínio a empresa inclui um nome de domínio no seu valor?  Confiabilidade? Pesquise outros usuários que tem o serviço e veja o que eles dizem.  Benefícios? Suporte a Scripts, e-mail, fórum, banco de dados?
  • 6. Domínio  Você sabe o que é Domínio?  O Domínio é um nome único que o seu site vai receber na internet e nenhum outro site vai ter o seu nome, alguns serviços de hospedagem já inclui ele no pacote de contratação, mas existe a possibilidade de você registrar o seu domínio também na web.  www.meudominio.com.br  Exemplo de como pode ser seu domínio.  No Brasil nós temos uma Organização que cuida disso que é chamado de RegistroBr, você pode se cadastrar gratuitamente e caso tenha em mente em criar um site o primeiro passo é pensar em um nome e registrar ele no seu nome direto nesse site, e você tem que pagar uma anuidade para ter o site no seu nome.  https://registro.br/
  • 7. Entendendo o seu domínio  Existem diversas opções de registro do seu domínio na web, antes vamos entender um domínio, geralmente o eles começam assim:  http://meudominio.com.br  Vamos começar pelo protocolo Http, esse é um protocolo de verificação que testa se seu site existe ou não, caso ele não exista ele retorna uma mensagem para o usuário dizendo que o site não está disponível.  Além do HTTP existe outra versão para sites de compras que o deixam seguros que é o HTTPS, o “S” final significa security ou segurança, geralmente quem possui esse protocolo são sites de vendas pois precisam passar confiança para seus compradores, para conseguir esse tipo de protocolo, a empresa ou você precisa comprar uma licença desse selo de segurança, depois de comprado você insere essa licença que vai funcionar como um bloqueio para que pessoas más intencionadas tentem quebrar a segurança do seu site.
  • 8. Entendendo o seu domínio  http://meudominio.com.br  Logo após o HTTP vem o nome do seu domínio “meudominio”  A parte .com diz respeito ao tipo de seu que você possui, o .com significa que o seu site é um site comercial, então existem diversos tipos que você pode atribuir como por exemplo: .org para Organizações, .edu para escolas pois significa educação e existem outros diversos para cada tipo de site.  O final diz respeito ao país que pertence aquele site, por exemplo .br significa que o país é o Brasil, mas poderia ser .it para Itália, .fr para França, uma curiosidade apenas os Estados Unidos não tem esse tipo de indicativo sendo que o site não possui a indicação do país, fica apenas .com por exemplo, então ele é o único país do mundo que não possui essa característica em seu domínio.
  • 9. Finalizando Essa aula com HTML e links  Ainda no HTML nós podemos personalizar ainda mais os nossos links:  Para abrir o link em uma nova janela nos usamos dentro da Tag <a> o comando target=“_blank”, isso faz com que o link abra em uma nova janela.  Além disso nós podemos colocar uma descrição no link para ajudar o leitor a melhor entender para onde ele será levado, para isso podemos incluir dentro da tag <a> também um título title=“descrição”.
  • 10. Quer saber mais sobre html?  Quer ver na prática como funciona esse conteúdo , assista a essa vídeo aula:  https://www.youtube.com/watch?v=LNO-XgR_1do  Quer aulas sobre HTML, veja nosso Canal no Youtube, nos assista, curta e compartilhe:  https://www.youtube.com/channel/UC7FWW7I5ZW5T9V7dQnEtD7A/feed  Acesse o nosso Blog, e confira matérias mais completas.  www.effeccinco.wix.com/effeccinco
  • 11. Referências  Livro: Use a Cabeça HTML, CSS e XHTML, 2º Edição, Editora Alta Books, Elisabeth Freeman & Eric Freeman. Capítulo 1 – Comece a entender o HTML.  SHARMA, Vivek. SHARMA, Rajiv. Desenvolvendo Sites de e-Commerce. São Paulo: Makron Books, 2001, 598 p.