Curso de Webmaster Online com Certificado - Como criar sites

Curso online de Webmaster com certificadoNeste artigo de nossa Apostila de HTML e CSS, vamos dar uma importante dica para quem deseja levar a sério nossos tutoriais de HTML e CSS e quer se tornar um Webmaster profissional, para trabalhar criando sites.

Falaremos, em detalhes, sobre o que é um webmaster, o que ele faz, onde, como trabalha, o que deve estudar, como entrar no mercado de trabalho e se trabalhar na criação de sites.



Ler Tutorial

Tutorial de CSS em Vídeo Aula - Estilização de Link

Neste Tutorial de CSS em Vídeo Aula, vamos mostrar dois vídeos que falam sobre a estilização de links através do CSS.

Veremos como alterar sublinhado, cores, plano de fundo, imagens linkadas etc.

Ler Tutorial

Curso de HTML Grátis, Online em Vídeo Aula

Neste tutorial, iremos dar uma ótima dica sobre um Curso de HTML, totalmente gratuito, online e feito através de vídeo aulas, do professor Gustavo Guanabara.


Quer trabalhar em CASA criando sites? Obtenha seu CERTIFICADO do Curso de HTML!


Ler Tutorial

CSS em Links: Colocar e tirar sublinhado, mudar cor, colocar plano de fundo e bordas

Neste Tutorial de CSS de nosso curso, vamos aprender um pouco mais como estilizar links através do CSS.
Tutorial de CSS. Curso de HTML online grátis completo. Apostila para download
Botão criado estilizando links com CSS

Aprenderemos como retirar sublinhado, inserir, mudar cor do link, inserir uma cor de plano de fundo, bordas etc. Você verá como essas opções do CSS nos permitirão estilizar nossos links das mais diversas maneiras, ao gosto do webmaster / webdesigner.





Já estudamos diversas maneiras de estilizar links, e no tutorial passado estudamos sobre as propriedades link, hover, visited e active dos links.

Lembrando que links também podem ser vistos como textos, textos com características especiais, mas são textos. Ou seja, também podemos aplicar as propriedades do CSS que aplicamos nos textos.

E é basicamente isso que faremos neste tutorial.
Usar diversas propriedades do CSS nos links, e veremos as inúmeras possibilidades que temos de estilizar os hiperlinks.
Ler Tutorial

Links em CSS - As propriedades link, visited, hover e active

Neste tutorial de nosso Curso de HTML & CSS, vamos aprender a trabalhar exclusivamente em cima dos links, e veremos uma gama de possibilidades de estilização dos hiperlinks através do CSS (especificamente, através das propriedades link, visited, hover e active.

Ler Tutorial

Tutorial de HTML5 - Imagens e Figuras: < figure > e < figcaption >

Neste tutorial de Imagens, vamos aprender como inserir figuras, imagens e fotos usando o HTML5.
Vamos ver o que há de novo e traçar um paralelo sobre o uso de imagens no antigo HTML e no CSS.
Ler Tutorial

Imagens em CSS - Borda, Margem, Espaçamento, < img >, Alinhamento e Formatação

Neste Tutorial de CSS sobre Imagens, vamos mostrar como formatar figuras em nossos sites, criando bordas, alinhando com o texto e como inserir legendas (caption).
Ler Tutorial

Background em CSS - Como Alterar Plano de Fundo (Tutorial de CSS: background-image, color, repeat, position e attachment)

Neste tutorial de CSS, vamos falar da propriedade background e de suas varições, onde o CSS, com suas várias ferramentas, nos permite definir e manipular planos de fundo de um site de várias maneiras.
Ler Tutorial

Vídeo Aula (Tutorial de CSS) - Fontes em CSS

Nesta excelente vídeo aula da Universidade XTI, vamos ver uma lição sobre a estilização de fontes em CSS, através da propriedade font e suas variações, para complementar os tutoriais que estudamos aqui em nosso Curso de HTML e CSS.

Ler Tutorial

Tutorial de CSS sobre Imagens e Figuras

Neste tutorial de CSS de nosso curso, vamos introduzir a seção sobre Imagens em CSS.

Embora já tenhamos falado no assunto em nosso Tutorial de HTML sobre Imagens, porém o que é possível de fazer em CSS, se comparado somente ao HTML, é até covardia comparar, o CSS simplesmente no permite fazermos que quisermos com as imagens, posição, alinhamento, bordas, espaçamentos e uma série de outras possibilidades.
Ler Tutorial

Propriedade float - Como Posicionar Elementos na Esquerda ou Direita (Tutorial de CSS)

Neste tutorial de CSS, vamos aprender uma das propriedades mais importantes e usadas na estilização de sites, o float.

Como ele vamos ter total controle sobre o posicionamento de todo e qualquer elemento de nossos sites, nos possibilitando a criação de layouts mais profissionais, usando o CSS, de uma maneira bem simples.
Ler Tutorial

As Propriedades width e height - Como Definir Altura e Largura (Tutorial de CSS)

Neste tutorial de CSS, iremos aprender duas das propriedades mais importantes para se criar um site: width e height, que servem para definir a largura e altura de qualquer elemento HTML.

Obtenha aqui seu certificado do Curso de Webmaster e comece já a trabalhar na área!

Ler Tutorial

A Propriedade CSS display: none, inline-block, list-item e table

Neste tutorial de CSS, vamos falar de mais alguns valores e funções da propriedade display do CSS, como o none, inline-block, list-item dentre outros.

Ler Tutorial

A Propriedade display em CSS: Elementos inline e block - Tutorial

Em nossos tutoriais sobre o modelo das caixas (Box Model) em CSS pudemos ver como os elementos do layout de um site são caixas, ou blocos, que vão se encaixando, se acomodando e formando um site.

Mas, como tudo no CSS, é possível também alterar como essas caixas são exibidas em um site, e isso será feito através da propriedade display em CSS.

Ler Tutorial

A propriedade margin do CSS - Tutorial sobre como usar margens

Neste artigo de nossa apostila de CSS, iremos falar sobre o último, e provavelmente mais usado, elemento que compõe a Box Model (Modelo das Caixas), que são as margens, através do estudo da propriedade margin.

Ler Tutorial

Bordas - Tutorial de CSS sobre a propriedade border

Neste tutorial de CSS, vamos aprender sobre um dos elementos mais importantes do Box Model, que são as bordas, através do estudo da propriedade border do CSS.

Vamos aprender como adicionar bordas acima de um elemento (border-top), na direita (border-right), abaixo (border-bottom) e na esquerda (border-left), além de aprender como alterar o tipo de borda (border-style: dotted, dashed, solid, double e none), espessura (border-width) e cor (border-color).

Ler Tutorial

Espaços no Site - Tutorial de CSS Sobre a Propriedade padding

Neste tutorial de nosso Curso de CSS, vamos aprender um importante elemento do Box Model (ou Modelo de Caixas), o padding.
Ler Tutorial

Box Model (Modelo de Caixas) em CSS - Margin, Padder e Border

Neste tutorial de nosso Curso de CSS, vamos falar de um dos conceitos mais importantes sobre o CSS, o de Box Model (ou Modelo das Caixas).

Com a ideia apresentada neste artigo, entenderemos mais sobre layouts mais bonitos e profissionais, com colunas, espaçamentos, margens e outras ideias que fazem parte do Box Model em CSS.
Ler Tutorial

Estilos CSS em Listas: As Propriedades list-style-type e list-style-position (Tutorial)

Neste tutorial de nosso Curso de CSS, vamos aprender como aplicar estilos em listas, tanto as listas ordenadas (<ol>) como as não ordenadas (<ul>), através das propriedades list-style-type (para alterarmos os tipos de listas) e da list-style-position (posição dos bullets e números).

Ler Tutorial

Margens (espaços) entre parágrafos em CSS - Os atributos margin-top e margin-bottom (Tutorial)

Neste tutorial de CSS de nossa apostila, vamos aprender para que serve e usar duas propriedades do CSS, a margin-top e a margin-bottom, que nos permitirão deixar as margens (espaçamento) entre os parágrafos do tamanho que quisermos.

Ler Tutorial

Como Indentar (Espaçar) a Primeira Linha em CSS - A Propridade text-indent

Neste breve tutorial de nossa apostila de CSS, vamos iniciar nossos estudos sobre indentação , que são maneiras de se formatar um texto para ficar mais agradável e legível para o leitor.

Para introduzir tais assuntos, vamos começar mostrando e explicando a propriedade do CSS text-indent.

Ler Tutorial

A tag < hgroup > - Agrupando Tags de Cabeçalho H1, H2, H3, H4, H5 e H6 (Tutorial de HTML5)

Neste simples tutorial de HTML5, vamos falar de uma tag que tem por função agrupar os headings, ou tags cabeçalhos (h1, h2, h3, h4, h5 e h6), que é o elemento hgroup.

Ler Tutorial

Estrutura de um site em HTML5 - As tags < header >, < footer > e < article >

Neste tutorial de nosso Curso de HTML5, iremos aprender os conceitos básicos para estruturarmos uma página que faz uso do HTML5.

Para isso, iremos estudar as tags <header>, <footer> e <article>, bem como falar de suas diferenças semânticas e de uso em relação as <div>.

Ler Tutorial

Negrito e Itálico em HTML5 - As tags < strong > e < em > (Tutorial)

Iremos aprender, neste curto tutorial de HTML5, como usar de maneira correta o negrito e o itálico, em textos, no HTML5, através das tags <strong> e <em>.

Também iremos estudar qual a diferenças destas tags para as tags <b> e <i>.

Ler Tutorial

Tutorial de HTML5 - Novas Tags e Elementos Semânticos

No Tutorial de HTML5 anterior vimos algumas simplificações do antigo HTML, que deixaram algumas tags bem mais simples de serem usadas como a de Doctype, codificação de caracteres charset e a propriedade lang para definir a língua do conteúdo de seu site.

Agora vamos focar nos novos elementos, nas novas tags que surgiram especificamente para o uso no HTML5, que não existiam antes.

Ler Tutorial