Introdução ao CSS (Cascading Style Sheets)

Fabio Godoy

Tenha acesso ao curso completo

Entrar na lista

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

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