Introdução ao CSS (Cascading Style Sheets)

Fabio Godoy

Tenha acesso ao curso completo

GRÁTIS

Matricular

Conteúdo

1HTML

Instalação do WampServer
05:31
Arquitetura de Pastas e Integração ao Dreamweaver
05:17
Introdução ao HTML
04:03
Primeiras Tags do HTML que você deve conhecer
10:49
Declaração DOCTYPE em páginas HTML
04:23
Utilizando Metas de Cabeçalho no HTML
14:58
Tag de parágrafo (p) e quebra de linha (br)
03:47
Trabalhando as Heading Tags H1, H2, H3, H4, H5, H6
05:55
Tags de Marcação de Textos - i, u, b, strong, hr
06:22
Trabalhando com as Tags Center, Big, Pre, Font
07:02
Marcações de Textos Aula Final
11:17
Propriedades Background, Bgcolor, Color e Font
14:28
Inserindo imagens no seu site
08:47
Trabalhando com Altura e Largura de Imagens no HTML
07:22
Trabalhando com Listas no HTML
07:58
Trabalhando com Listas de Definição no HTML
03:04
Trabalhando com Tabelas no HTML
10:35
Trabalhando com Atributos de Tabela
16:18
Trabalhando com Links no HTML
09:51
Formulários # 1 - Conhecendo a tag form e seus atributos
03:52
Formulários # 2 - label, Campos input (text, password, radio, checkbox, file, hidden)
13:38
Formulários # 3 - Select, Textarea, Button
11:56
Divs e Spans
03:08

2CSS

Introdução ao CSS (Cascading Style Sheets)
05:36
ASSISTIR
Seletores e Sintaxe
09:56
Classes e Ids
05:48
Integrando a CSS ao documento HTML
08:05
Altura e Largura (height, width, min- height, min- width, max-height, max-width)
08:18
Background (url, no-repeat, repeat-x, repeat-y, center, bottom, right, left, top, fixed)
15:33
Text (text-align, text-decoration, text-transform )
11:08
Color
03:20
Font (font-size, font-family, font-weight, font-style)
07:15
Border (color, solid, dotted, dashed, none)
05:54
Padding (top, right, bottom, left)
07:09
Margin (top, right, bottom, left)
06:52
Display (Elementos block e inline-block)
07:10
Ocultar e Exibir com CSS
04:01
List (circle, square, upper-roman, lower-alpha, none, image)
08:11
Position (Relative, Absolute)
10:18
Z-index
05:41
Float e Clear
11:38
Agrupamento de Elementos e Classes
08:05
Cursor
05:12
Pseudo elementos Pseudo classes
18:43
Personalize as fontes do seu site com o Google Webfonts
11:52
Hacks para Navegadores
13:23
Sobre o CSS Browser Selector
06:39
Exemplos de aplicação do CSS Browser Selector
18:04

3Photoshop

Briefing (Conversando e Negociando com o Cliente)
15:06
Apresentação do Layout e Ferramentas do Photoshop
15:21
Criando o Topo do Site
16:14
Criando o Banner e a Lateral do Site
20:45
Criando a Página Inicial do Site
36:03
Criando o Rodapé do Site
05:55
Duplicação do Layout
02:31
Criando a Página de Blog
16:31
Criando a Página de detalhamento do Post
10:08
Criando a Listagem dos Produtos
12:58
Criando a Página de Detalhamento do Produto
15:03
Criando a Página Fale Conosco
20:19
Agrupando um Layout
07:58
Exportando o Layout
02:03

4Desenvolvimento

Arquitetura de Pastas e Conexão com o Dreamweaver
05:12
Criando os Arquivos Principais
08:24
Recortando as imagens necessárias para criar o topo
06:47
Criando o fundo 100 por cento do topo
06:51
Inserindo o Logotipo no Topo
11:39
Criando o Menubar
12:17
Criando a estrutura do Submenu
05:53
Formatando o Submenu
18:35
Complementos para o Firefox
16:21
Criando a estrutura da área de conteúdo
04:50
Recortando as imagens necessárias para a criação do rodapé
03:23
Criando o Rodapé
07:50
Criando a área do Banner
04:47
Criando a estrura para a lateral e o conteúdo
04:12
Criando a estrutura do menu lateral
03:22
Formatando o fundo do Submenu e uma Correção no Layout
09:21
Formatando os itens do menu lateral
07:01
Criando a estrutura do Submenu na lateral
03:03
Formatando o Submenu do menu na lateral
15:11
Criando a área de publicidade
07:12
Criando a área de novidades
13:23
Correções
04:29
Criando a estrutura das páginas dinâmicas
06:56
Criando a estrutura da área de notícias na Home
12:09
Formatando o titulo últimas noticias e a área de busca
09:36
Formatando a listagem das últimas noticias
14:02
Criando a estrutura da loja virtual na Home
08:20
Formatando a área de loja virtual na Home
17:11
Criando a página template internas
08:15
Criando o módulo institucional
13:24
Criando o módulo de Blog
08:03
Criando a Listagem dos Posts no Blog e nas Categorias
05:43
Inserindo os Botões de Compartilhamento e o Campo de Comentários do Facebook
10:11
Criando o Módulo de Loja Virtual
07:53
Concluindo a criação do Módulo de Loja Virtual
09:13
Criando a página de detalhes do produto
15:11
Inserindo a galeria de imagens na página de detalhes do produto
12:42
Criando a estrutura de listagem por categoria na no módulo loja
07:53
Criando o Módulo de Atendimento Online
08:51
Criando o módulo fale conosco
08:25
Criando o formulário na pagina de contato
15:53
Finalizando a página de contato
17:04
Apresentação do Timthumb
09:17
Criando o módulo de fotos
08:47
Criando a estrutura e formatando o módulos de fotos
11:51
Criando o módulo de busca
12:39
Validando o Formulário de Novidades
06:27
Validando o Formulário de Contato
05:36
Validando os Campos de Pesquisa
07:50
Criando o Banco de Dados e a Tabela Institucional
03:28
Programando o módulo Institucional
11:43
Modelando e Programando o Módulo de Fotos
07:02
Conhecendo o Paginator e Inserindo Páginação no Módulo de Fotos
11:57
Modelando e Programando o Módulo de Novidades
06:41
Programando a página de Contato
04:47
Modelando e Programando a Listagem de Categorias do Blog
07:13
Modelando o Banco de Dados Blog e Programando a Listagem dos Posts
09:38
Finalizando as Listagens do Módulo Blog
06:58
Inserindo páginação no módulo de Blog
03:34
Programando a página de detalhes do Post
06:12
Modelando e Programando a Listagem de Categorias da Loja Virtual
05:54
Modelando as Tabelas da Loja Virtual
09:13
Programando a Listagem dos Produtos na Home e no Módulo Loja
12:58
Inserindo o botão de pagamento do Pagseguro
13:53
Criando a páginação dos Produtos
03:13
Programando a Página de Busca por Produtos
08:17
Programando a Página de Detalhes do Produto
10:27
Programando a Página de Busca
09:09
Programando o módulo de banner
13:25
Inserindo o Script Voltar ao Topo
03:37
Programando um titulo único para cada página - SEO
10:23
Programando uma descrição única para cada página - SEO
10:52
Criando urls amigáveis para as páginas principais
04:54
Validando o site nos navegadores
12:29

5Domínio e Hospedagem

Registrando um site - domínio na Internet
11:34
Contratando um Plano de Hospedagem
09:11
Hospedando o Site na Internet com o Filezilla
10:39
Importando o Banco de Dados para o PHPMyAdmin do Servidor e Testando o Site
11:23

MAIS 2 MÓDULOS ESCONDER 2 MÓDULOS

muito bom

João Cleber Rodrigues Leite

Ã“timo o Curso

Emerson Vieira

Alisson ferreira

Gostei do curso. Estou muito grato e satisfeito.

Gonçalves da Conceição Fuxe

ParabÃ©ns ao (s) desenvolvedor (es) do site Curso Web Design. Fiz trÃªs cursos disponibilizados na plataforma gratuitamente, e estÃ£o me ajudando muito a formar um currÃculo de qualidade. Muito obrigada pela oportunidade! Cursos gratuito ajudam muito as pessoas com menos possibilidades. ParabÃ©ns mais uma vez!

Jonathan Kelvyn Nakahara Martins

curso muito bem explicado e detalhado.

Ricardo