Curso de Web Design Avançado

Este curso é destinado a quem deseja aprender a criar sites profissionais, desde o básico até técnicas avançadas de layout e personalização, usando ferramentas como CSS, HTML, ASP.NET e WampServer. Você aprenderá a criar e otimizar layouts, menus, e a integrar páginas com o Dreamweaver.

Avaliação: 4,6 de 5 estrelas (24 avaliações).
180 alunos
Iniciante
Criado por Ensino Nacional
Curso de Web Design Avançado

O curso desenvolverá no aluno a capacidade de:

Estruturar páginas web com HTML5 semântico
Formatar páginas com CSS usando seletores, cores, tipografia e box model
Montar layouts de duas e três colunas apenas com CSS, sem tabelas
Criar menus de navegação e menus suspensos (dropdown) somente com CSS
Personalizar templates prontos, adaptando cores, tipografia e imagens
Reaproveitar cabeçalho e rodapé entre várias páginas do site
Criar páginas dinâmicas básicas em ASP.NET reaproveitando HTML e CSS
Publicar um site na internet, preparando e transferindo os arquivos

Sobre o curso

Descrição

No curso "Webdesign Avançado", você desenvolverá as habilidades necessárias para criar layouts sem tabelas, trabalhar com CSS e HTML, personalizar templates, e integrar o desenvolvimento com ferramentas avançadas, como o WampServer e ASP.NET.

O que você vai aprender neste curso:

✔ Como criar sites profissionais desde o zero

✔ Uso de layouts sem tabelas com CSS

✔ Criação de menus CSS e personalização de templates

✔ Integração de ASP.NET com o Visual Web Developer

✔ Configuração e instalação do WampServer

✔ Fundamentos de HTML e primeiras tags essenciais

✔ Como trabalhar com as tags de parágrafo, quebra de linha e heading

✔ Como usar tags de marcação de textos e links

✔ Arquitetura de pastas e integração com o Dreamweaver

✔ Técnicas para criar layouts de 3 colunas com CSS

🧪 Laboratório deste curso

2 simulações interativas com aula própria: você mexe nos controles, erra sem medo e vê a resposta na hora. Cada uma tem um passo a passo de três missões, dentro da aula, sem sair do curso.

Tela da simulação CSS Grid: o Jogo da Horta
💻 Informática e escritório

CSS Grid: o Jogo da Horta

Aula: Monte a grade da página regando uma horta com CSS

🧭 Com passo a passo
Tela da simulação CSS Flexbox: o Jogo do Sapo
💻 Informática e escritório

CSS Flexbox: o Jogo do Sapo

Aula: Leve o sapo até a vitória-régia e alinhe com CSS

🧭 Com passo a passo

Conteúdo programático

Conteúdo do Curso 31 aulas
Introdução à Linguagem HTML5 Descubra o papel do HTML5 na web e como ele se integra ao CSS3 e JavaScript para criar páginas modernas.
WordPress Básico: Guia Introdutório Completo Descubra o que é WordPress, como funciona e por que é a plataforma ideal para criar sites sem conhecimento técnico.
Introdução ao Design O design utiliza técnicas aprimoradas para idealizar, planejar e finalizar a confecção de produtos como: móveis, roupas, automóveis, sites da internet e muitos outros.
Internet Básico Descubra como a internet surgiu, como ela funciona e por que transformou o mundo moderno.
Arquitetura de pastas de um projeto web Descubra como organizar eficientemente as pastas e arquivos de um projeto web para garantir sua funcionalidade e manutenção.
Editores e o Dreamweaver como ambiente de trabalho Configure o Dreamweaver como seu editor de web, definindo seu site e aprendendo a alternar entre os modos de edição.
Instalando e configurando o WampServer Transforme seu computador em um servidor local instalando o WampServer e preparando-se para desenvolver sites dinâmicos.
Criando e testando sua primeira página no servidor local Transforme seu código HTML em uma página acessível no navegador, utilizando o WampServer para simular um servidor local.
Seletores, especificidade e cascata Domine seletores CSS e aprenda a resolver conflitos de estilo com precisão e eficiência.
Cores, tipografia e unidades Descubra como usar cores, tipografia e unidades no CSS para criar sites visualmente harmoniosos e fáceis de ler.
O modelo de caixa (box model) Descubra como o modelo de caixa define o espaço e a disposição dos elementos em uma página web, camada por camada.
Display, posicionamento e float Domine o controle de layout com display, float e position para criar designs web personalizados e impactantes.
Layout de duas colunas com CSS Crie layouts modernos e responsivos com duas colunas usando apenas CSS, evitando tabelas e melhorando a estrutura do seu site.
Layout de três colunas com CSS Construa um layout de três colunas com cabeçalho e rodapé utilizando CSS, aplicando a técnica de flutuação.
Cabeçalho, rodapé e alturas iguais Descubra como criar cabeçalhos e rodapés fixos e alinhar colunas para um layout harmonioso e profissional.
Compatibilidade entre navegadores e depuração de layout Descubra como garantir a consistência do layout em diferentes navegadores e resolver problemas comuns de estilo.
Menu de navegação a partir de uma lista Transforme uma lista comum em um menu de navegação horizontal estilizado com CSS, aprimorando a usabilidade do seu site.
Menus suspensos (dropdown) só com CSS Construa menus suspensos elegantes apenas com CSS, ocultando e revelando opções de forma dinâmica e intuitiva.
Anatomia de um template pronto Descubra como analisar e navegar em templates prontos, identificando suas estruturas e estilos de forma eficaz.
Personalizando cores, tipografia e imagens do template Descubra como personalizar cores, fontes e imagens em templates de forma eficiente e segura usando CSS.
Reaproveitando cabeçalho e rodapé em várias páginas Descubra como otimizar seu site reutilizando cabeçalho e rodapé, facilitando manutenção e evitando erros.
Sites estáticos versus dinâmicos e onde entra o ASP.NET Descubra a diferença entre sites estáticos e dinâmicos e como o ASP.NET transforma a entrega de conteúdo na web.
Instalando e conhecendo o Visual Web Developer Instale e familiarize-se com o Visual Web Developer ou Visual Studio Community para iniciar seu desenvolvimento web.
Primeira página ASP.NET aproveitando seu HTML e CSS Descubra como integrar seu HTML e CSS em páginas ASP.NET dinâmicas, aproveitando o que você já sabe.
Controles de servidor e conteúdo dinâmico básico Descubra como gerar conteúdo dinâmico em páginas web utilizando controles de servidor no ASP.NET Web Forms.
Executando e testando o projeto localmente Descubra como testar seu projeto ASP.NET localmente usando o IIS Express no Visual Studio antes de publicá-lo.
Montando um site profissional do zero Descubra como planejar e estruturar um site profissional do zero, do mapa de navegação à organização dos arquivos.
Refino visual, revisão e boas práticas Domine técnicas de revisão para garantir qualidade, consistência e acessibilidade em seus projetos de web design.
Preparando e publicando o site Descubra como organizar, transferir e testar seus arquivos para publicar seu site na web com sucesso.
Monte a grade da página regando uma horta com CSS Desenvolva suas habilidades em CSS criando uma grade interativa enquanto rega uma horta virtual.
Leve o sapo até a vitória-régia e alinhe com CSS Domine o alinhamento de elementos com CSS através de um jogo interativo que desafia suas habilidades de codificação.

Pré-requisitos

Não é preciso conhecimento prévio de programação. Basta saber usar o computador e navegar na internet, além de ter uma máquina onde instalar as ferramentas usadas no curso, como WampServer e Visual Web Developer.

Para quem é este curso

Pessoas que querem aprender a criar sites profissionais do zero com HTML5 e CSS, personalizar templates prontos e dar os primeiros passos em páginas dinâmicas com ASP.NET.

Sobre o criador de conteúdo

Ensino Nacional

Ensino Nacional

640 cursos 746,7k alunos
Ver perfil completo e todos os cursos →

Fontes e referências deste curso

O conteúdo foi escrito a partir de 108 fontes, citadas em 25 aulas. Também apoiado em 19 videoaulas conferidas pela transcrição e 6 materiais do acervo do Ensino Social. Os links abrem em nova aba.

Sites e portais 83
Videoaulas 19
Acervo do EnsinoSocial 6

Este curso possui suporte da Dóri IA

Tire dúvidas a qualquer momento e receba respostas baseadas no conteúdo do curso e no conhecimento do autor.

Avaliações dos alunos

4,6 24 avaliações

Em destaque

Adrieli Dallacqua Strizer Adrieli Dallacqua Strizer

Apesar de ter um pouco de dificuldade, adorei e aprendi muito com o curso.

Todos os depoimentos

Curso atualizado em 30/09/2026
  • Monte a grade da página regando uma horta com CSS: aula nova, com simulação do Laboratório
  • Leve o sapo até a vitória-régia e alinhe com CSS: aula nova, com simulação do Laboratório
Este curso é revisado continuamente para garantir a melhor experiência.
Curso atualizado em 06/09/2026
  • Cores, tipografia e unidades: quiz interativo adicionado para consolidar o aprendizado, flashcards com os conceitos-chave, carrossel de curiosidade sobre a origem do tema, videoaula conferida e anexada e 2 imagens ilustrativas novas
  • Cabeçalho, rodapé e alturas iguais: flashcards com os conceitos-chave, carrossel de curiosidade sobre a origem do tema e videoaula conferida e anexada
  • Menu de navegação a partir de uma lista: quiz interativo adicionado para consolidar o aprendizado, carrossel de curiosidade sobre a origem do tema e imagem ilustrativa nova
  • Introdução ao Design: quiz interativo adicionado para consolidar o aprendizado, carrossel de curiosidade sobre a origem do tema e trecho reescrito com mais clareza
Este curso é revisado continuamente para garantir a melhor experiência.
Curso atualizado em 04/09/2026
  • Arquitetura de pastas de um projeto web: aula nova, com videoaula
  • Editores e o Dreamweaver como ambiente de trabalho: aula nova, com videoaula
  • Instalando e configurando o WampServer: aula nova, com videoaula
  • Criando e testando sua primeira página no servidor local: aula nova, com videoaula
  • Seletores, especificidade e cascata: aula nova, com videoaula
  • e mais 20 aulas novas
Este curso é revisado continuamente para garantir a melhor experiência.
F
Flavia Verenice silva

Um ótimo curso, super recomendo

Curso chegou ao Ensino Social em 23/03/2026 Os depoimentos abaixo foram dados no Ensino Nacional, onde o curso nasceu.
A
Andre Gross

Amei o curso, muito bom e explicativo

R
Roosevelt Lemos Ferreira

Muito bom

W
Wannderson Eduardo de Oliveira Nogueira

Muito bom o curso

J
Jefferson Mendes Barros

muito bom o curso aprendi a criar sites profissionais amém

D
Daniele Alves de Melo

Material bem didático é de fácil compreensão. Gostei muito!

C
Cristiano Humberto de Assis

Muito bom o curso.
Acho interessante falar sobre frameworks e less css.

A
ALINE GOMES DOS SANTOS

O CURSO ? EXCELENTE! AMEI REALIZAR VÁRIOS CURSOS DO ENSINO NACIONAL.

M
MURILO DE BARROS CARNEIRO

Muito proveitoso.

T
Thiago Noboru Wakamiya

Curso interessante, bastante prático e atualizado.

Cursos relacionados

R$ 219,90