Mestrado em Web Design

Geral

2 lugares disponíveis
Saiba mais sobre este programa no website da escola

Descrição do programa

136328_pexels-photo-251225.jpeg

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. Nesse 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 master, o aluno aprende a dominar o gerenciamento de conteúdo através do WordPress, um poderoso CMS open source que é usado por inúmeras páginas da web hoje, graças ao seu design intuitivo para o administrador e seus usuários. amplas possibilidades para o usuário. Trabalharemos na criação e instalação de temas, na configuração correta da plataforma e na instalação de plugins de utilitários, que ajudam a aumentar a funcionalidade dos sites e fazem de um web design estático um site com conteúdo totalmente dinâmico e realmente atraente.

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

preço

€ 3.100

Verifique as ofertas e promoções atuais em www.cei.es

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

Módulo de Web Design com Wordpress

01- Web Design com Wordpress. Da conceituação ao desenvolvimento

introdução

  • A teia. Tipos e estruturas
  • Índice Google Mobile First
  • WordPress. O que é?
  • O design da web. Processo criativo

Fazendo pesquisas

  • Processo de investigação
  • Técnicas de análise

Cotação e planejamento

  • Quanto vale o meu site?
  • Planejamento de trabalho temporário
  • Sistemas de gestão para trabalhar web design

Conceitualizando a web

  • Inspiração e referência
  • A identidade visual. Manual de Estilos da Web
  • Criação de árvore de conteúdo
  • Sketch ou wireframes
  • Criação de maquetes com Sketch
  • Prototipagem da Web com Invision
  • Apresentação ao cliente e preparação do conteúdo

Criação de conteúdo

  • Redação
  • Tipos de Conteúdo
  • A geração de conteúdo em WordPress. Postagem e páginas
  • As imagens. Tipos e tratamento para web
  • LOPD. Instalação e regulação

Desenvolvendo nosso site

Conhecendo WordPress

  • Instalação local e servidor
  • Preparação de um WordPress. Etapas essenciais
  • Estrutura do WordPress e sua interface

Plugins

Biblioteca de mídia: otimização de imagem

Os temas

  • Tipos de tópicos
  • Explicando um tópico

Movendo nosso design para WordPress

  • Desenhar o body

Compositores visuais: compositor visual e elementor

Addons e complementos

Criação da web no celular primeiro

Formulários de contato

  • Projetando cabeçalhos personalizados. Os menus
  • Criação de rodapés personalizados
  • Criação própria de templates e snippets
  • Criação de layouts personalizados para postagem
  • Criação de tipos de postagem personalizados e seus layouts
  • Crie campos personalizados

Ecommerce: Woocommerce

  • Explicação e configuração de uma loja online
  • Crie modelos de produtos personalizados
  • Modificação e configuração de checkout
  • Plugins necessários

Gerenciamento de usuários em WordPress

  • Funções do usuário
  • Registro do usuário
  • Criação de áreas privadas e associações
  • Ver o conteúdo de acordo com as funções

Tradução do site

  • Usando o plugin
  • Tradução de temas e plugins

Exportação e backup para WordPress

Outros plugins de interesse: sliders, compartilhamento em redes sociais, feeds, chats.

Otimizando e protegendo nosso site

Otimização de desempenho do nosso WordPress

  • Otimização de código
  • Instalação de cache

Proteção Wordpress

  • Proteção de acesso ao WordPress
  • Proteção de conteúdos e pastas
  • Proteção contra ataques externos

Desenvolvendo nosso site

  • Introdução ao Inbound Marketing para WordPress
  • Criação de mapas do site
  • Instalação e configuração do plugin SEO

Desenvolvendo nosso site

Técnicas de manutenção WordPress

Última actualização Ago. 2020

Sobre a instituição de ensino

CEI - Centro de Estudios de Innovación - es una Escuela de Diseño Digital del siglo XXI, fundada en el siglo XX (año 1991). Somos un centro de formación oficial de Adobe, Apple, IBM, Maxon y Google Pa ... Leia mais

CEI - Centro de Estudios de Innovación - es una Escuela de Diseño Digital del siglo XXI, fundada en el siglo XX (año 1991). Somos un centro de formación oficial de Adobe, Apple, IBM, Maxon y Google Partner, especializado en el sector del diseño y marketing digital, con sedes en Madrid, Sevilla y próximamente también en Lisboa. Nuestros cursos, masters y títulos superiores se desarrollan en cuatro áreas: Diseño gráfico, Desarrollo web, Marketing Digital y Edición y Postproducción de Vídeo Digital (VFX) y Motion Graphics. Ler Menos
Madri , Sevilha , Madri + 2 Mais Menos