Introdução ao desenvolvimento de Web Responsive com HTML e CSS
A course by Javier Usobiaga FerrerWeb designer
A course by Javier Usobiaga Ferrer, Web designer
Aprenda os fundamentos do desenvolvimento de web front-end
Leve seu design ao navegador! Neste curso, Javier Usobiaga ensinará a criar páginas web com as ferramentas fundamentais: HTML e CSS. Você aprenderá a escrever seu próprio código e mudará sua forma de ver e fazer o design de uma página web, entendendo como funciona por dentro e como criar uma web responsive para que seja mais eficiente. E se o design não é sua área favorita, este curso poderá ser uma boa base para começar no mundo do desenvolvimento de web front-end.
O que você aprenderá neste curso online?
31 aulas & 13 downloads
Editor de código Crie um projeto Ambiente de edição
3 minutos, 4 segundos
Inspetor e ferramentas de desenvolvedor
3 minutos, 23 segundos
Tags HTML e atributos
5 minutos, 53 segundos
Tags de texto
3 minutos, 39 segundos
Imagens e links
8 minutos, 52 segundos
Bloquear etiquetas
2 minutos, 32 segundos
O que está incluído neste curso?
Este curso partirá dos fundamentos iniciais de HTML e CSS. Incluirá as tags fundamentais de HTML e as propriedades tipográficas de CSS, ferramentas de layout como Floats ou Position, fundos, bordas, cantos arredondados, sombras, Web Fonts e ferramentas essenciais para o Desenvolvimento Responsive, como Media Queries.
What is this course's project?
O projeto final consiste na criação de uma página web responsive (a página web de uma cafeteria fictícia) com base em um design fornecido como síntese dos diferentes assuntos que veremos ao longo do curso.
Projetos de alunos do curso
Who is this online course for?
A todos que queiram adquirir conhecimentos básicos de HTML e CSS, sejam designers ou não.
Requirements and materials
Para este curso, não serão necessários conhecimentos técnicos nem de design. Você precisará de um computador e um editor de código gratuito.
Avaliações
- am_riverafPLUShá 12 dias
es demasiada teoría y las prácticas se las tiene que inventar el estudiante, no hay si quiera ejercicios prácticos, para después encontrarte con un proyecto final que no corresponde a lo que se vio en el curso. No sé... me pareció muy malo
- há 4 meses
Es muy detallado solo que al final me gustaria un tutorial que uniera todas las piezas del rompecabezas, aunque sea de forma basica, hay tutoriales en youtube gratis mejor estructurados, aun asi tiene muchas cosas que resultan faciles de entender si eres principiante.
- há 4 meses
Me costó entenderlo, es un poco denso.
- mtinchg72PLUShá 4 meses
Muy muy muy malo videos cortos solo dice cosas muy por encima no se explica nada no indica como instalar el editor y los hojas de css no las explica bien realmente Decepcionado que lastima el dinero que perdi
- há 5 meses
fácil de seguir,
Ele também gosta muito de sua faceta como professor de Web Design em renomados workshops e escolas como Elisava, IDEP.
A Usobiaga entende a web como um todo, não só o quão bonita ela pode ser na tela do computador, mas também sua usabilidade em diferentes dispositivos e circunstâncias.
Em suas palavras "Eu acho que tão importante quanto a estética é a rapidez com que carrega ou o quão bem ele responde, e eu acho que na nossa indústria frequentemente esquecemos disso."
Conteúdo
- U1
Introdução
- Apresentação do curso e do projeto
- A web: HTML, CSS e JS
- Editor de código Crie um projeto Ambiente de edição
- Inspetor e ferramentas de desenvolvedor
- U2
Estrutura HTML
- Tags HTML e atributos
- Tags de texto
- Imagens e links
- Bloquear etiquetas
- Rótulos de documentos
- U3
Começando com CSS
- Vincule um arquivo CSS e uma sintaxe CSS
- Seletores Básicos
- Estilos tipográficos
- Especificidade e estrutura em folhas de estilo
- Seletores avançados: as pseudo-classes
- U4
Estruturas CSS
- Estilos CSS e Redefinir CSS
- O modelo de caixa
- Exibe
- Flutuadores
- Posição
- U5
Decoração em CSS
- Estilos para listas
- Border, border-radius e box-shadow
- Fundos e imagens de fundo
- Webfonts
- U6
Técnicas responsivas
- Design responsivo e Mobile First
- Estrutura flexível
- As consultas médias
- Navegação responsiva
- U7
Adicionando interação
- Link de e-mail
- Transições no CSS
- Vincule um arquivo JavaScript
- Navegação com JavaScript adicionado
- PF
Projeto final
- Desenvolvimento web responsivo com HTML e CSS
O que esperar de um curso da Domestika
Aprenda no seu ritmo
Aproveite para aprender desde casa, sem um horário fixo e no seu ritmo. É você quem define sua disponibilidade.
Aprenda com os melhores profissionais
Aprenda métodos e técnicas fundamentais com os melhores profissionais do setor criativo.
Conheça os maiores especialistas
Cada professor compartilha seus conhecimentos com entusiasmo e explicações claras, oferecendo uma perspectiva profissional em cada aula.
Certificates
PLUSIf you're a Plus member, get a certificado personalizado signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Sente-se na primeira fila
Com vídeos da melhor qualidade, você não perderá nenhum detalhe! Graças ao acesso ilimitado, você pode assistir às aulas todas as vezes que precisar para aperfeiçoar sua técnica.
Compartilhe conhecimentos e ideias
Pergunte, peça opiniões e ofereça soluções. Compartilhe sua experiência de aprendizagem com outros alunos da comunidade tão criativos como você.
Conecte-se a uma comunidade criativa global
Esta comunidade acolhe milhões de pessoas do mundo todo, curiosas e apaixonadas por descobrir e expressar sua criatividade.
Assista a cursos produzidos de maneira profissional
A Domestika seleciona cuidadosamente seus professores e produz cada curso internamente para garantir uma experiência de aprendizagem online excelente.
Perguntas frequentes
Sim, o curso foi pensado para iniciantes e não exige nenhum conhecimento prévio em desenvolvimento web. Você vai aprender do zero como estruturar e estilizar páginas usando HTML e CSS.
Você só precisa de um computador, acesso à internet e um editor de código gratuito como Brackets ou Sublime Text, que são apresentados durante o curso. Não é necessário ter experiência anterior.
Você vai aprender a criar páginas web funcionais, aplicar estilos com CSS, desenvolver sites responsivos para dispositivos móveis e adicionar interatividade básica com JavaScript. Também vai montar seu próprio portfólio online.
O curso aborda estrutura HTML, tags, atributos, estilos CSS, design responsivo, organização de arquivos, ferramentas de inspeção, diferenças entre HTML4 e HTML5 e técnicas modernas de layout.
Sim, o curso inclui técnicas de design responsivo com CSS para que suas páginas se adaptem a qualquer tamanho de tela e dispositivo.
Você vai aprender a criar arquivos HTML do zero, nomeá-los corretamente (como index.html) e salvá-los na estrutura de pastas recomendada para projetos web.
Sim, apesar de o curso recomendar o Brackets e comparar outras opções como Sublime Text, você pode usar o editor que preferir, desde que suporte arquivos HTML e CSS.