Mestre em Webdesign

360 horas (6 meses)

O conteúdo deste programa é indicativo, podendo variar por motivos de atualização ou modificação do conteúdo.

objetivos

Web design, como você sabe, é uma das profissões mais exigidas do mundo. E é que qualquer empresa em que você vai trabalhar, ou com a qual vai começar, precisará de uma página na web para mostrar sua oferta de serviços ou produtos. É aqui que se torna importante o trabalho de uma pessoa que domina o conhecimento do mundo do web design e desenvolvimento. Neste mestrado, que consiste em dois módulos, o aluno aprenderá os fundamentos das linguagens de programação mais utilizadas no mundo (HTML5 e CSS3) e também sobre o gerenciador de conteúdo mais utilizado atualmente, o Wordpress.

No primeiro módulo, trabalharemos com base na programação, especificamente com as linguagens HTML5 e CSS3 que passam a significar o que poderíamos chamar de esqueleto de cada site. O treinamento correto nesses idiomas permitirá ao aluno enfrentar qualquer tipo de projeto com uma base sólida. Trabalhamos na estrutura dos sites e na forma correta de organizar as informações para o usuário para que a navegação seja fácil, intuitiva e atrativa. Também para atingir a estética desejada, trabalha-se a inserção de conteúdos multimídia em todos os seus formatos (vídeo, sons, imagens), bem como a adaptação das redes para todos os dispositivos a partir dos quais hoje se acessa a Internet. É o que chamamos de website com design responsivo ou adaptativo, que se adapta perfeitamente a qualquer dispositivo e tamanho de tela. Na última parte do primeiro módulo, o aluno é apresentado ao uso de plugins simples com JavaScript / jQuery, com exemplos práticos reais.

No segundo módulo do mestrado, o aluno aprende a dominar o gerenciamento de conteúdo através do WordPress, um poderoso CMS de código aberto que hoje é usado por um número infinito de páginas da web graças ao seu design intuitivo para o administrador e suas amplas possibilidades para o usuário. O trabalho será feito na criação e instalação de temas, configuração correta da plataforma e instalação de plugins úteis, desenvolvimento de sites a partir de temas em branco (e não com modelos), etc., que ajudam a aumentar a funcionalidade do sites e transforme qualquer site que você possa imaginar em realidade.

informação

• Editor de texto simples especializado em web: Dreamweaver / Sublime / Notepad ++ / Komodo Edit / Brackets
• HTML5 / CSS3
• Indexação que prioriza o celular. Bootstrap
• Posicionamento da web de SEO. Acessibilidade e usabilidade
• JavaScript
• jQuery
• Web design WordPress
• Conceituação e esboço da web
• Cotação e planejamento da web
• Desenvolvimento e otimização web em WordPress

duração

360 horas no total

• Pessoalmente ou online
• 280 horas de aula
• Segunda a quinta-feira (+ alguma sexta-feira)
• 80 horas de projetos finais

Horário

Manhãs

• 09.00 - 12.00 horas
• 12h00 - 15h00

Tardes

• 16,00 - 19,00 horas
• 19,00 - 22,00 horas

Oficial

• Nossa escola é um dos cinco Centros de Treinamento Autorizados Adobe na Espanha . Este fato mostra que o CEI atendeu a todos os requisitos que a Adobe solicita e, da mesma forma, constitui uma garantia de qualidade para todos os nossos alunos.
• CEI é um Centro de Treinamento Autorizado da Apple . Portanto, nossos alunos poderão obter a Certificação Profissional Apple e avançar em suas carreiras em design e tecnologias da informação, ambientes de negócios e mercados B2B.
• A IBM confia em nós e, por esse motivo, nos concedeu o emblema de Parceiro de Educação IBM . O selo premia escolas que mantêm e promovem treinamentos de qualidade.
• Nossa escola se consolida como o Centro de Treinamento Maxon de referência na Espanha e nos tornamos a 1ª escola na Europa a ser Provedor de Treinamento Maxon para R18 .

Módulo de Web Design com HTML5, CSS3 e Javascript

01- Web Design, HTML5 E CSS3

Introdução ao uso de equipamentos de informática

Sistemas operacionais:

• janelas
• Mac
• Linux

Instalação e gerenciamento de software:

• Navegadores
• Editores de texto

Sistema de arquivos e pastas

• Crie arquivos e pastas
• Organização de projetos web
• Caminhos absolutos, relativos e de URL

Navegação na web

Princípios na administração de rede

Arquitetura cliente-servidor

Servidores e protocolos

• Certificados SSL
• HTTP / HTTPS
• FTP / SFTP / FTPS

Equipe do cliente

Introdução aos roteadores e switches

DNS (domínios e IPs)

• IP Público
• IP local
• Nomes de domínio

Hospedagem, hospedagem e CPD

Princípios básicos para a criação de sites estáticos

• Idiomas usados (HTML5 e CSS3)
• Fluxo de execução de código
• Estrutura visual de um site

Princípios de usabilidade e acessibilidade

Prototipagem de um site (UX / UI)

• Interface do usuário (Marvel)
• Experiência do usuário (InVision)

HTML5

• Tags e atributos
• Semântica e uso
• Padrão e estrutura do documento HTML5
• Comentários
• Parágrafos, títulos e formatos de texto
• Multimídia (imagens, áudio e vídeo)
• Links e botões
• Listas
• Tabelas
• Formulários
• iFrames
• Meta tags
• Favicom

CSS3

CSS de link

Seletores e pseudo-seletores

Atributos

• Cores
• Dinheiro
• Formato e transformação de textos
• Alto gancho
• Arestas
• Margens
• Recheios
• Posições
• alinhamento
• Sombreado e gradientes
• Opacidade
• Transformações
• Filtros

Pseudoclasses (ativo, hover, verificado, primeiro filho, último filho, enésimo filho)

Pseudoelementos (depois, antes)

Importação e implementação de fontes (mídia e fonte)

Importação e implementação de ícones (fontes e SVG)

Variáveis CSS

Animações CSS (frames-chave)

Indexação primeiro para celular

• Estruturas gerais (flutuadores)
• Estruturas simples (Flexbox)
• Estruturas Complexas (CSS Grid)

Frameworks e APIs

• Bootstrap 4
• Materializar
• Design material

Internet

• Crie um domínio
• Criação de uma hospedagem na web
• Conexão e upload de um site para o servidor

SEO

• Vincule a web ao Google Search Console
• Implementação de link canônico

02- Desenvolvimento Web (Front-End)

JavaScript

• Introdução à programação front-end
• JavaScript. Sintaxe geral
• Incluir JavaScript em documentos HTML
• JavaScript em anexos
• JavaScript dentro do código HTML
• JavaScript. Variáveis e operadores
• Variáveis locais e variáveis globais
• Variáveis numéricas
• Métodos para variáveis numéricas
• Operadores de atribuição
• Operadores de incremento e decremento
• Operadores matemáticos
• Strings de texto (strings)
• Métodos para strings de texto
• Variáveis indefinidas
• Variáveis NULL
• Variáveis NaN
• Operadores lógicos em JavaScript
• Operadores relacionais

jQuery

• Introdução ao Jquery
• Passos para usar jQuery
• Primeiro script com jQuery
• JQuery Basics: Adicionando e Removendo Classes CSS
• Noções básicas de JQuery: mostrar e ocultar elementos da página
• JQuery Basics: Quick Effects com jQuery
• JQuery Basics: retorno de chamada da função jQuery
• JQuery Basics: Usando Basic Ajax com jQuery
• JQuery Basics: Ajax jQuery com mensagem de carregamento