Aprenda HTML5 e CSS3
4.1 (5 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
18 students enrolled

Aprenda HTML5 e CSS3

Desenvolva seus próprios sites responsivos
4.1 (5 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
18 students enrolled
Created by Rodrigo Martinez
Last updated 4/2019
Portuguese
Portuguese [Auto]
Current price: $13.99 Original price: $19.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 4.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Desenvolver sites bem estruturados e responsivos
  • A divulgar sua empresa ou negócio particular de forma atraente e moderna
Course content
Expand 25 lectures 04:21:04
+ Introdução e conceitos
25 lectures 04:21:04

Entendendo a linguagem

Preview 05:35

Vamos nesta aula aprender quais são as Tag's (etiquetas) para a criação de uma página na internet, ou seja, sua estrutura básica

Preview 11:47

Entenda nesta aula como usar cada comando e qual sua importância, principalmente para os motores de busca, como o Google por exemplo

Criando Cabeçalhos , Quebra de Linha e Parágrafos
14:49

Nesta aula, aprenda a criar 3 tipos de listas, sendo: Ordenada (Numeração - Desordenada (Marcadores) e Lista de Descrição. Também a incluir uma dentro da outra

Tipos de Listas
13:58

Nesta aula, vamos aprender a inserir imagem na página e também seus atributos (parâmetros)

Inserindo Imagem na Página
07:33

Iframes são quadros que podem ser adicionados no conteudo de uma página HTML, exibindo o conteúdo de uma outra página 

Incorporando um Iframe
08:06

Link é uma palavra em inglês que significa elo, vínculo ou ligação.

No âmbito da informática, a palavra link pode significar hiperligação, ou seja, uma palavra, texto ou imagem que quando é clicada pelo usuário, o encaminha para outra página na internet, que pode conter outros textos ou imagens.

Links e seus Atributos e Tipos
20:54

Comentar seu código é uma boa prática para que seus comandos fiquem muito mais fáceis no momento de editar. Terá um controle melhor, separando por seções e etc...

Comentários no Código-fonte
05:59

A tag div não é mais do que um container para outras tags. Aqui são alguns dos atributos div: id, class, title, style, width, height, entre outros

Início a Div com CSS e seus atributos
11:04

Meta tags são linhas de código HTML que descrevem o conteúdo do seu site para os buscadores. É nelas que você vai inserir as palavras-chave que ajudarão usuários a te encontrar nas buscas, por exemplo. Por meio delas, você pode também declarar sua autoria sobre o código fonte.

Com cada vez mais o crescimento de SEO, os desenvolvedores têm dado mais atenção às meta tag, pois perceberam que elas são muito importantes no posicionamento do site nos buscadores.

Entendendo as Meta Tag's
07:21

A Tag Script é usada para interagir com o usuário, é interpretada pelos navegadores, também chamada de Client-Side. Permite colocar efeitos nos objetos das páginas, validação de formulários, entre outros

Tag Script
06:38

Nesta aula, aprenda a criar uma tabela cabeçalhos e dados. Também a estilizá-la através do CSS. Nas tabelas, os dados são organizados de maneira lógica em um formato de linha-e-coluna semelhante ao de uma planilha. Cada linha representa um registro exclusivo e cada coluna representa um campo no registro 

Criando Tabelas
15:26

Nesta aula, vamos aprender a incorporar uma música dentro do código HTML5 e também seus controles

Inserindo Audio
05:17

Nesta aula, vamos aprender a inserir um Vídeo em sua página e também seus atributos

Inserindo Video
03:44

Vamos aprender a inserir uma legenda no vídeo, usando a tag Track e seus atributos. Também criaremos um arquivo VTT, determinando os textos da legenda e qual tempo deverá aparecer

Inserindo Legendas no Vídeo
06:15

Nesta aula, vamos iniciar a criação de um Formulário, entendendo o método de envio e sua ação. Também a separar em blocos para ficar mais elegante.

Formulário
11:55

Nesta aula, vamos aprender mais alguns atributos para o formulário que antigamente só era possível através de outras linguagens como JavaScript por exemplo.....Algo bastante útil e fácil agora

Formulário - Validação, AutoFocus, Disabled, Radio e Checkbox
11:45

Nesta aula, aprenda atributos importantes para seu formulário, como autocomplete, placeholder...

Formulário - Atributos - Number, Range, Color, Autocomplete, Placeholder
08:16

Continuando com atributos e tag's para o formulário, deixando-o mais completo e profissional

Formulário - Atributos - File, Url, Search, Tel, Data, Time, Month, Datetime-Loc
09:46

E mais Tag's e Atributos para seu formulário, como Lista suspensa, Campo de mensagem, etc...

Formulário - Tag's e Atributos - Textarea, spellcheck, button, select, datalist
13:02

A tag Mark é usada para demarcar (salientar) parte de seu texto e a tag Contenteditable serve para editar o conteúdo de uma div, ou parágrafo, ou qualquer elemento da página, lembrando que não será possível salvar esta edição ok

Mark e Contenteditable
06:28

Nesta aula aprenda a selecionar links através do atributo Tabindex e também a entrar nestes links com o uso da tecla Alt junto com a letra atribuida ao comando Accesskey

Tabindex e Accesskey
06:09

Nesta aula, vamos aprender 3 formar de se começar a usar o CSS3, uma Linguagem de formatação ao conteúdo HTML. CSS Externo, Incorporado e Inline

Preview 16:19

Nesta aula vamos aprender a selecionar elementos HTML através de sua prória Tag, por Id's e Classes

Selecionando Elementos
19:19

Com este elemento, vamos entender como funcionar as bordas e margens internas de uma div

Elemento Background-clip
13:39
Requirements
  • Necessário ter um editor de html - indico o Notepad ++
  • Não precisa de nenhum conhecimento prévio em HTML. Porém, você deve ter ao menos uma familiaridade básica em utilizar computadores e utilizar a Web passivamente (apenas navegando, consumindo conteúdo). Você deve ter um ambiente básico configurado, como instalação de programas básicos, e entender como criar e gerenciar arquivos.
Description

Neste curso aprenda a desenvolver páginas na internet de qualidade e com recursos modernos e elegantes. Crie sites responsivos com muita facilidade unsando HTML5 e CSS3. Mostre seu trabalho para seu público alvo de maneira inteligente. Com este curso também vamos entender conceitos de uma tecnologia de linguagem mais usada atualmente, que é o CSS (Cascading StyleSheet)

Who this course is for:
  • Iniciantes e também para quem deseja aperfeiçoar seus conhecimentos