MENU

| BR

Campus

Cursos

Programas Executivos

Programas Executivos

Paises

Como criar site em HTML: passo a passo para construir um código em 3 etapas

Como criar site em HTML: passo a passo para construir um código em 3 etapas
#Tecnologia
6 de janeiro - min de leitura

Os computadores estão por toda a parte em nosso dia a dia e a tecnologia vem avançando cada vez mais. Sendo assim, ter conhecimento em linguagens de programação é um grande diferencial no mercado de trabalho. Como criar site em HTML passo a passo? Entenda e crie a sua página de forma fácil e rápida.


O nosso passo a passo sobre HTML é para você, iniciante, que possui interesse em aprender sobre desenvolvimento web e adentrar nesse vasto mundo da tecnologia, algo tão presente atualmente e que promete muito mais no futuro.

Com tanta informação sobre HTML disponível, é difícil saber por onde começar, não é mesmo? Por isso, vamos deixar tudo mais fácil para você agora. Confira:

Como criar site em HTML: o que são os códigos?

HTML é uma das linguagens de programação mais fundamentais da internet. Com ela, é possível trabalhar na estruturação de montagem de páginas virtuais. O manuseio dos códigos permite que, após estruturada, você consiga visualizar o resultado em seu navegador.

O HTML permite a organização e estruturação de elementos como textos, vídeos, imagens e, até mesmo, som. Confira abaixo como criar site em HTML passo a passo.

Como criar uma página HTML?

Criar uma página HTML parece algo complicado e até impossível para muitas pessoas. Vamos te mostrar que isso não é verdade! É muito simples. Veja:

1. Abra um editor de texto: para desenvolver códigos HTML para sites, você pode utilizar simples editores de texto, como o bloco de notas do Windows, por exemplo. Caso tenha interesse, existem muitos bons editores de código disponíveis para utilização, como o Atom, Sublime Text, entre outros.

2. Adicione o código HTML no editor e salve: tendo uma estruturação dos códigos HTML, você pode utilizá-la em seu editor de texto, adicionar todo o conteúdo que deseja e salvar o arquivo com a extensão .html. Neste mesmo artigo te explicaremos esse exemplo de estruturação de códigos HTML mostrada nas imagens abaixo.



3. Abra o arquivo no navegador: selecione o arquivo salvo e abra em seu navegador. Pronto! O resultado da criação de sua primeira página HTML estará disponível e você poderá realizar alterações, caso ache necessário.

Principais tags e códigos HTML

Temos aqui um exemplo de estrutura básica de linguagem, com as principais tags e códigos HTML para sites. Elas devem ser inseridas nesta ordem, para que a linguagem dê certo no resultado final, quando acessar o navegador. Entenda também o que significa cada tag nas explicações abaixo.

1. <!DOCTYPE html>

2. <html lang-"pt-br">

3. <head>

4. <meta charset="UTF-8"/>

5. <title>Digital House</title>

6. </head>

7. <body>

8.   <p>Aprenda HTML de forma simples e fácil</p>

9. </body>

10. </html>

Linha 1: a palavra DOCTYPE é sempre a primeira coisa a aparecer em uma linguagem HTML, indicando qual é a versão de linguagem utilizada. Aqui utilizamos o HTML5 como exemplo, uma versão simples do DOCTYPE.

Linhas 2 e 10: início e fechamento da tag HTML. Eles delimitam o conteúdo do documento. Todas as outras tags devem estar nesse intervalo. No exemplo acima, colocamos o código para linguagem em português.

Linhas 3 e 6: a tag head representa o cabeçalho da página. Esse conteúdo não aparecerá no navegador, mas possui instruções sobre o conteúdo e seu comportamento. Aqui podem ser colocados os scripts, por exemplo.

Linha 4: a meta representa o conjunto de caracteres (character set ou charset) usado na renderização do texto da página. O UTF-8 é o mais utilizado em páginas web.

Linha 5: aqui temos o título da sua página, que aparecerá na aba do navegador.

Linhas 7 e 9: a tag body delimita o espaço onde está todo o conteúdo visual da página, como textos, botões e imagens.

Linha 8: aqui vai todo o conteúdo da sua página. As tags com a letra “p” simbolizam o início e o fim de um parágrafo.

Você pode copiar o exemplo de estrutura de códigos acima para praticar em seu próprio computador. Fácil até aqui, não acha? Isso prova que qualquer pessoa pode aprender HTML, assim como outras linguagens da programação. O processo de absorção é como aprender uma língua nova, sendo necessário estudo, dedicação e muita prática!

Quer criar site em HTML? Aprenda programação!

Ficou interessado em aprender e se aprofundar ainda mais no assunto? Que tal ser um expert em programação? Na Digital House, o curso de Desenvolvimento Web Full Stack é 100% ao vivo e dinâmico, utilizando as melhores ferramentas de educação digital do mercado. Esteja preparado e capacitado para o mercado de trabalho nessa área tão aquecida.

Veja também nossa biblioteca de conteúdo e o Blog DH, com diversos materiais de tecnologia e tutoriais para te agregar muito mais conhecimento e habilidades diferenciadas no mercado.

Leia mais no blog DH:

Minha primeira linguagem de programação: como escolher?

Primeiros passos no Git: o que eu preciso saber?

Pague só quando possuir renda: conheça o modelo ISA da DH

E aí, já segue a gente no Twitter? Vem pra rede, vamos conversar sobre habilidades digitais! ;)

Outras notícias

Como ser um freelancer de programação? Saiba construir o seu próprio portfólio img
#Carreira
#Tecnologia

Como ser um freelancer de programação? Saiba construir o seu próprio portfólio

A demanda por um freelancer de programação só cresce! O processo de transformação digital e modernização de processos é algo presente nas empresas que buscam se atualizar tecnologicamente, não ficar para trás em relação aos seus concorrentes e se manter em alta no mercado. Com isso, a área de programação tem sido cada vez mais procurada.Nesse contexto, muitas empresas que não estão diretamente ligadas à tecnologia também buscam o desenvolvimento de suas ferramentas esporadicamente. Sendo assim, a área de programação acaba entrando em formato de freelancer PJ ou CLT. Para quem busca iniciar a carreira de programação ou tem conhecimentos e quer trabalhar de forma remota, essa pode ser uma ótima opção. Mas por onde começar? Entenda neste artigo.Como é o mercado para um freelancer de programação?O primeiro ponto que devemos destacar é que, em algumas situações, pode ser que o contratante queira que o freelancer de programação atue diretamente na sede da empresa e não 100% remotamente. Pode ser de forma híbrida também, não precisando se deslocar todos os dias à organização.São diversos tipos de vagas e possibilidades de trabalho disponíveis em site de freelancer de programação. O profissional pode encontrar, por exemplo, oportunidades em uma empresa de comércio, criando um sistema de controle de compra, até em uma multinacional, desenvolvendo uma atualização de software.Como atuar como programador freelancer e fazer o seu portfólio?Primeiro de tudo, para começar a ser um freelancer de programação, é necessário ter um bom portfólio, onde consiga mostrar todas as suas habilidades e convencer os contratantes, como em uma entrevista técnica, de que você é a pessoa certa para realizar os serviços que eles necessitam.O portfólio deve mostrar todas as suas competências técnicas, os trabalhos já realizados e os resultados obtidos. É interessante ter várias versões do mesmo portfólio, para diferentes tipos de clientes. Assim, você pode encaminhar o que mais se adequar às necessidades solicitadas, possuindo mais chances de ser contratado.Não é necessário colocar todos os trabalhos que você já fez na vida. Sintetize os trabalhos mais importantes e relevantes. Neste momento, tome muito cuidado com os direitos autorais!Ferramentas para hospedar o seu portfólioAté aqui nós te explicamos no que consiste seu portfólio e o que incluir nele, mas onde hospedar todos esses trabalhos?Escolher a plataforma para hospedar seu portfólio é uma etapa que exige um pouco de paciência. São diversas opções disponíveis e, com certeza, uma delas se encaixa com o que você procura, a qual você entende que se adapta melhor. Para isso, é necessário realizar testes e visitar páginas de portfólios dessas plataformas para ter certeza de que está optando pelo lugar certo.Para te ajudar, listamos abaixo algumas plataformas utilizadas por muitos profissionais na área de programação:CarbonmadeA plataforma permite a organização de trabalho por álbuns e divididos por temas. Uma ótima opção para programadores. Existem planos pagos e gratuitos para seu uso.DevianArtSão milhões de usuários que utilizam essa plataforma para expor seus trabalhos. Seu uso é simples e há possibilidades de personalização dos layouts de sua página. Existem planos pagos e gratuitos para seu uso.Cargo CollectiveA plataforma oferece opções de personalização, caso o usuário já entenda de programação. Não é perfeito? Seu uso é gratuito!LinkedInÉ possível utilizar as redes sociais para divulgar o seu trabalho. Pelo LinkedIn, o programador também consegue divulgar seus trabalhos e projetos, lembrando que um plus é criar um bom perfil no LinkedIn para chamar a atenção de recrutadores.Qual o valor de um freelancer de programação?Quanto cobrar por hora? Quanto ganha um profissional freelancer por mês? Essas são questões que provavelmente você deve estar pensando agora e que muitas pessoas pensam também.Essa é uma questão sem uma resposta certa. Por exemplo, os programadores freelancers que trabalham com tecnologias mais comuns, como o PHP, possuem mais concorrência. Consequentemente, o preço por hora de trabalho pode ser menor, para que possam escolher sua oferta.Por outro lado, existem muitas áreas e linguagens da programação em que não há muita gente qualificada e o preço sobe.Outros diferenciais, como falar mais de um idioma, contam bastante. O programador pode conseguir trabalhar no exterior, atuando remotamente e ganhando muito bem em outras moedas. Normalmente, os projetos são acordados por entregas, ou seja, o valor de remuneração tem ligação com a capacidade de entrega. Ao final, você pode fazer as contas para saber o quanto você ganhou por hora e se valeu a pena.Por exemplo: um freelancer foi contratado para um trabalho de programação por R$ 3.000,00. Ele finalizou e entregou tudo em duas semanas, trabalhando 44 horas por semana, ou seja, 88 horas no total. Com isso, ele ganhou R$ 34,10 por hora. Isso pode ser bastante lucrativo se você analisar os salários das pessoas contratadas por salário fixo e dividir pela quantidade de horas.Sites para anunciar o seu trabalhoExistem diversos sites de oportunidades, onde os freelancers buscam por clientes e vice-versa. Conheça 3 deles abaixo:FreelancerÉ um dos maiores do mundo! São inúmeras ofertas em diferentes áreas da programação.99freelasA plataforma é brasileira, mas também oferece uma gama enorme de oportunidades. Quando o freelancer de programação conclui um job, ele ganha scores pelo desempenho, aumentando sua visibilidade no site para outras empresas e contratantes.WorkanaSão milhares de projetos e oportunidades com foco nos países da América Latina. No site, você pode pesquisar por projetos que se adequem as suas habilidades técnicas.Ficou com vontade de ingressar na área que é uma promessa ao futuro? Quer aprender sobre programação e se tornar um freelancer?Na Digital House, temos o curso de Desenvolvimento Web Full Stack, utilizando as melhores ferramentas de educação digital do mercado e possibilitando um processo de aprendizagem eficiente.Leia mais no blog DH:+ Minha primeira linguagem de programação: como escolher?+ Primeiros passos no Git: o que eu preciso saber?+ Pague só quando possuir renda: conheça o modelo ISA da DHE aí, já segue a gente no Twitter? Vem pra rede, vamos conversar sobre habilidades digitais! ;)

Melhores áreas para trabalhar: 6 profissões do futuro para ficar de olho img
#UX
#Marketing
#Carreira
#Tecnologia
#Dados

Melhores áreas para trabalhar: 6 profissões do futuro para ficar de olho

Antes de saber as áreas, é claro que não podemos desconsiderar o ano de 2020 e todo o contexto pandêmico que vivemos. O ano foi um grande empurrão para que a tecnologia e as habilidades digitais dominassem ainda mais o mercado, pois a grande maioria dos serviços buscou aderir à transformação digital para não ficar para trás.Sendo assim, muitos empregos tradicionais sofreram grandes mudanças, não somente no ano passado, mas também nos últimos anos, por estar em um processo de revolução tecnológica.Quais são as melhores áreas para trabalhar?O cenário profissional está seguindo para algumas áreas específicas, de acordo com as tendências de mercado. Confira abaixo as 7 principais áreas e profissões do futuro para considerar em uma decisão:ANALISTA DE DADOS E CIENTISTA DE DADOSSegundo o relatório do World Economic Forum, as profissões de analista de dados (Data Analytics) e cientista de dados (Data Science) estão em primeiro lugar como alta demanda em 2021. Dados são recursos valiosos para tomada de decisões, desenvolvimento de produtos e análise de mercado. A média salarial é de R$ 4.852, de acordo com o site Glassdoor para analista de dados. Já para cientista de dados, a média salarial é de R$ 7.834. Na Digital House, nós temos os cursos para ambas as profissões, tanto Data Analytics quanto Data Science. Confira as grades e seja um especialista na área!ESPECIALISTA EM INTELIGÊNCIA ARTIFICIAL E MACHINE LEARNINGEm paralelo com a transformação digital, acelerada no contexto de 2020, as carreiras associadas à Inteligência Artificial (IA) e Machine Learning ganharam muito espaço. O salário médio é de R$ 9.441 no Brasil, sendo que as chances de contratação no exterior são grandes, podendo trabalhar remotamente. Além disso, a área possui grande necessidade de demanda para poucos profissionais qualificados. Confira a grade do curso de Inteligência Artificial da Digital House. Você também pode contribuir com a transformação digital nas grandes empresas.PROFISSIONAIS DE MARKETING DIGITALCom a ascensão do meio online, a necessidade de assessoria na área aumenta cada vez mais. São diversas profissões dentro do Marketing Digital, possibilitando a construção de um time com pessoas de diversas formações acadêmicas.Marketing Digital e Marketing Digital Avançado são os cursos oferecidos pela DH e o salário médio para o profissional da área é de R$ 7.578 por mês. Investir nessa área não tem erro!ANALISTA DE SEGURANÇA DA INFORMAÇÃOA preocupação com a segurança de dados nas empresas faz com que a demanda por profissionais de segurança da informação seja alta.Pessoas com habilidades em programação, que possuem formação em Ciência da Computação ou certificações específicas da área, têm salário médio de R$ 4.862.Que tal ingressar na área? Confira o curso de Cyber Security da Digital House e tenha aulas com os melhores especialistas do mercado.PROJECT MANAGERSEssa é a carreira para quem faz a gestão de projetos, acompanhando prazos e indicadores para alcançar as expectativas do negócio. Metodologias ágeis e visão de mercado são essenciais para isso. A carreira paga, em média, R$ 168 mil ao ano.Conquiste sua estabilidade financeira e alavanque sua carreira com o curso de Gestão de Produtos Digitais da Digital House.UXEssa área abarca profissionais que garantem a boa relação entre a empresa e o seu consumidor, com boas experiências. Num cenário atual, onde o comportamento das pessoas se torna cada vez mais exigente com as transformações digitais, o profissional que garante a melhor experiência do usuário é cada vez mais necessário. O salário médio é de R$ 5.760. A DH oferece o curso de Experiência do Usuário (UX), que prepara o aluno para otimizar resultados das empresas com seus consumidores.Ingresse em uma das profissões do futuroFicou bem claro que a tecnologia está dominando as profissões que estão em alta, não? Conforme as empresas passam pelo processo de transformação digital para se manterem firmes no mercado, determinadas habilidades e competências se tornam cada vez mais necessárias para as pessoas.A Digital House oferece diversos cursos que formam especialistas em todas as áreas do futuro, em aulas ministradas por professores que estão no mercado. Conheça os cursos de marketing digital, UX, dados, programação e negócios.Leia mais no blog DH:+ Departamento de carreiras: 95% de empregabilidade na Digital House+ Tudo que um desenvolvedor Full Stack precisa saber+ Aprenda a criar um storytelling com dadosE aí, já segue a gente no Twitter? Vem pra rede, vamos conversar sobre habilidades digitais! ;)

 Transformação digital nas empresas: o que é e por que faz tanta diferença? img
#UX
#Marketing
#Carreira
#Tecnologia
#Dados

Transformação digital nas empresas: o que é e por que faz tanta diferença?

A transformação digital é um assunto que aparece constantemente em empresas de qualquer setor. Não é algo para o futuro, mas sim um conceito necessário no presente, para que as empresas consigam seguir prosperando, sem ficar para trás.Considerando tudo isso, confira esse texto com o que você precisa saber sobre transformação digital.O que significa transformação digital?Transformação digital é a implementação de tecnologias digitais, através da mudança estrutural das organizações, para solucionar problemas e trazer melhores resultados no desempenho, produtividade e eficácia dos processos.Ao iniciar o processo de transformação digital nas empresas, a tecnologia se torna o fator principal em uma estratégia de gestão e não algo presente superficialmente.O processo demanda tempo e recursos, mas qualquer empresa, seja de grande ou pequeno porte, pode aderir à transformação digital, pois mesmo com menos dinheiro é possível planejar estratégias.Qual a importância da transformação digital nas empresas?Estamos vivendo uma revolução tecnológica, em que as coisas estão ficando cada vez mais rápidas e recebemos muito mais informações em menos tempo e de maneira acessível, ou seja, a transformação digital traz um impacto muito grande na sociedade.Em paralelo a esse desenvolvimento, as pessoas também estão mudando de comportamento, exigindo tudo com mais rapidez e facilidade. Temos produtos e serviços disponíveis de forma digital, algo que não existia até alguns anos atrás.Por isso, as empresas precisam se adaptar a esses costumes, otimizando novas soluções em seus processos e as possibilidades são ilimitadas.Empresas que passaram por transformação digitalConfira três exemplos de transformação digital em empresas que se tornaram referência em suas áreas de mercado:NetflixA Netflix se tornou uma das principais produtoras de conteúdo no mundo. Seu sucesso começou a partir da transformação digital promovida pelo serviço de streaming, adequado às mídias digitais. Quem lembra das videolocadoras nas cidades? Pois é, a Netflix teve a grande sacada de perceber o avanço da tecnologia e a necessidade dos consumidores, dominando o mercado e fechando muitas lojas.Magazine LuizaO grande crescimento da marca veio a partir da estratégia de transformação digital, onde o e-commerce passou a ser a principal referência de compras aos seus clientes. Não foi preciso fechar as lojas físicas para que o processo desse certo, mas sim adaptá-las tecnologicamente, capacitando seus profissionais, alterando processos de venda e gerando muitas campanhas de marketing digital a partir das promoções de produtos.Por conta disso, em 2019, a Magazine Luiza alcançou quase R$1 bilhão em lucros. SpotifyA Spotify é a principal referência de empresa no mercado musical. Seu grande crescimento partiu de uma transformação digital, onde através de uma metodologia ágil e uma análise detalhada de seus dados, a empresa desenvolveu um modelo de inteligência artificial baseada no machine learning, adequando a plataforma aos consumidores atuais.Sendo assim, o aplicativo passou a identificar quais músicas seus usuários mais gostam de ouvir, baseando-se no histórico de cada um, e podendo fazer, inclusive, indicações de novas músicas, artistas e álbuns. Sua usabilidade passou a atrair muitas pessoas que se interessam pelo mundo musical e querem buscar novas referências.O que fazer para passar pela transformação digital?O que há de comum em todas as empresas que passaram pela transformação digital e obtiveram êxito? Destaca-se a preocupação em solucionar os problemas dos clientes, atrelado aos novos comportamentos de consumo e à inovação tecnológica.Para que o processo de transformação digital nas empresas possa dar certo, é necessário prestar atenção em quatro pontos importantes. Confira abaixo:Estratégia: qualquer inclusão de processo deve estar alinhada com a estratégia da empresa, utilizando coisas que já funcionam e sua base de clientes.Modelo de digitalização: é necessário escolher um modelo de digitalização para desenvolver capacidades e formas de trabalho.Organização: é necessário estruturar a gestão e toda a equipe que conduzirá o processo de transformação digital.Cultura: todo esse processo só é possível se a empresa possuir uma cultura que busque inovações e novos caminhos na forma de realizar seus negócios. Seja qual for o mercado de atuação, as organizações (sejam grandes ou pequenas) devem estar sempre atentas às novas tendências tecnológicas e mudanças no comportamento de consumo dos usuários.Quais são as insatisfações dos clientes com os serviços disponíveis no mercado? A partir disso, trace o caminho para a criação de cases que sirvam como exemplos de transformação digital.Não é inspirador? Que tal seguir essa carreira e atuar diretamente com transformações digitais? A Digital House oferece o curso de Data Analytics, onde você pode se tornar um analista de dados, encontrando novos insights para transformações digitais e o curso de Gestão de Produtos Digitais, que te capacita a gerenciar os processos como um todo.Leia mais no blog DH:+ Departamento de carreiras: 95% de empregabilidade na Digital House+ Tudo que um desenvolvedor Full Stack precisa saber+ Aprenda a criar um storytelling com dadosE aí, já segue a gente no Twitter? Vem pra rede, vamos conversar sobre habilidades digitais! ;)