Curso Online

Introdução ao CSS

Neste curso conheça sobre o CSS, como importar e incorporá-lo no HTML. Além disso você aprenderá a escrever seus primeiros códigos e conhecer as principais propriedades. Aprenda também a inserir efeitos em blocos de texto, como por exemplo a capitular, através dos pseudo-elementos.

Gratuidade neste curso:

Tipo	Total de itens	Info
Vídeo:	31	1 item de 'Vídeo' é gratuito para todos os usuários

História

1) História
Descrição: Saiba sobre um pouco sobre o histórico do CSS, da sua união com o HTML e sobre sua sintaxe básica.
[Marcar este item como lido/assistido]

Importando e incorporando o CSS no HTML

2) Importando e incorporando o CSS no HTML
Descrição: Veja nesta vídeo os tipos de ligações que podemos fazer entre o CSS e o HTML
[Marcar este item como lido/assistido]

Propriedades

3) FONT
Descrição: Nesta vídeo você já começa a escrever seus primeiros códigos, formatando as fontes através do CSS, conheça as prorpriedades FONT!
[Marcar este item como lido/assistido]

4) TEXT
Descrição: Na continuação saiba sobre as propriedades TEXT no CSS, e como formatar blocos de texto.
[Marcar este item como lido/assistido]

5) Margin
Descrição: Aprenda sobre as margens declaradas através do CSS incorporado ao HTML.
[Marcar este item como lido/assistido]

6) Propriedade Border e Padding
Descrição: Conheça nesta vídeo as propriedades Border e suas diferentes declarações no CSS. Veja tabém sobre a propriedade Padding
[Marcar este item como lido/assistido]

Pseudo-elementos no CSS

7) Pseudo-elementos no CSS
Descrição: Aprenda a inserir efeitos em blocos de texto, como por exemplo a capitular, através dos pseudo-elementos.
[Marcar este item como lido/assistido]

Curso CSS(Cascating Style Sheets)-Básico

8) Overview do CSS
Descrição: Nessa vídeo-aula o autor inicia dando um overview do CSS e mostrando onde é usado e quais suas principais aplicabilidades.
[Marcar este item como lido/assistido]

Classes

9) Classes
Descrição: Veremos como usar classes.O autor declara uma classe no próprio documento HTML e depois referência essa classe em um SPAN.
[Marcar este item como lido/assistido]

Herança

10) Herança
Descrição: Nesta vídeo-aula, criaremos uma tabela dentro de um DIV para demonstrar como é possível herdar configurações de estilo.
[Marcar este item como lido/assistido]

Principais propriedades do CSS usadas no dia-a-dia

11) Principais propriedades do CSS usadas no dia-a-dia
Descrição: Nesta vídeo-aula, o autor inicia uma explicação da maioria das classes usadas no dia-a-dia do CSS.
[Marcar este item como lido/assistido]

Criando um Efeito de Zoom em Imagens com CSS

12) Criando um Efeito de Zoom em Imagens com CSS
Descrição: Veja como aplicar regras CSS de forma simples para criarmos um efeito de zoom na imagem.
[Marcar este item como lido/assistido]

Efeitos em Links com CSS

13) Parte 1
Descrição: Veja como dar aos links de sua página web diversos comportamentos visuais através das pseudo-classes.
[Marcar este item como lido/assistido]

14) Parte 2
Descrição: Veja nesta segunda parte como colocar dois ou mais grupos de links que se comportam de maneira diferentes na mesma página web.
[Marcar este item como lido/assistido]

Construa uma Galeria de Imagens com CSS

15) Parte 1
Descrição: Nesta série de três vídeos veja como criar uma galeria de imagens apenas utilizando CSS. Na primeira parte aprenda sobre o conceito envolvido e como estruturar com o HTML esta galeria.
[Marcar este item como lido/assistido]

16) Parte 2
Descrição: Na segunda parte da série veja como as classes são declaradas já no ambiente das folhas de estilo.
[Marcar este item como lido/assistido]

17) Parte 3
Descrição: Nesta parte final, após ter passado pelas declarações que definirão poisições e dimensões dos seletor/TAG “UL”, veja como utilizar o seletor/TAG “A” para dar a interatividade necessária à Galeria de Imagens.
[Marcar este item como lido/assistido]

Menu DropDown com CSS

18) Parte 1
Descrição: Aprenda a construir um menu do tipo dropdown, com itens e sub-itens que funciona perfeitamente no IE e no Firefox.
[Marcar este item como lido/assistido]

19) Parte 2
Descrição: Nesta parte veja como declarar classes para retirar as configurações default das TAGs ul e li, montando um novo visual para as listas.
[Marcar este item como lido/assistido]

20) Parte 3
Descrição: Veja como fazer o efeito do menu acontecer de forma fácil e como devemos encaixar um script para que o mesmo funcione também no IE.
[Marcar este item como lido/assistido]

21) Parte 4
Descrição: Nesta vídeo você tem o complemento dos conceitos anteriores, onde pode-se aplicar sub-menu dentro de outros sub-menus, veja como.
[Marcar este item como lido/assistido]

Construindo Menus com CSS

22) Parte 1
Descrição: Aprenda a utilizar as listas para a construção de menus com o CSS.
[Marcar este item como lido/assistido]

23) Parte 2
Descrição: Nesta segunda parte veja como estilizar a estrutura feita como o html.
[Marcar este item como lido/assistido]

Construindo uma Barra de Navegação Horizontal com CSS

24) Construindo uma Barra de Navegação Horizontal com CSS
Descrição: Aprenda a utilizar a TAG

para construir barrasa de navegação horizontal.
[Marcar este item como lido/assistido]

Caixas de Largura Fixa com Cantos Arredondados

25) Caixas de Largura Fixa com Cantos Arredondados
Descrição: Aprenda com esta vídeo a criar acixas com canto arredondado somente com CSS.
[Marcar este item como lido/assistido]

Modelos de Layout

26) Layout Baseado em Flutuação
Descrição: Veja como as possibilidades aumentam com a técnica de flutuação para a construção/diagramação de suas páginas web com o CSS.
[Marcar este item como lido/assistido]

27) Layout Centralizado com Margens Negativas
Descrição: Simplifique com as margens negativas a forma como podemos centralizar um layout.
[Marcar este item como lido/assistido]

28) Layout Centralizado com Margens Automáticas
Descrição: Aprenda uma das técnicas de posicionamento de layouts mais utilizadas na atualidade.
[Marcar este item como lido/assistido]

29) Sombra em Caixas – Parte I
Descrição: Nesta vídeo, saiba como gerar as imagens necessárias para serem utilizadas como sombras e como estrutura em HTML este tutorial.
[Marcar este item como lido/assistido]

30) Sombra em Caixas – Parte II
Descrição: Veja na segunda parte como estilizar a estrutura do html, revelando a sombra que dá a impressão de caixa projetada.
[Marcar este item como lido/assistido]

Como utilizar Free CSS Template em projetos ASP.NET

31) Como utilizar Free CSS Template em projetos ASP.NET
Descrição: Veja nesta vídeo-aula, como anexar no projeto estilos e imagens na Master Pages e nas demais páginas com Free CSS Template.
[Marcar este item como lido/assistido]

Você está em: canal Design

+ Design: artigos | vídeos | cursos | mais