Web Design

image



DETALHES DO CURSO

  • Duração 45 horas (3 1/2 meses)
  • Material de Apoio Sim
  • Frequência 1X semana (3 horas)
  • Certificação Sim
  • Turma 6 pessoas
  • Módulo Único
Investimento:

8X R$157,50 (R$1.260,00)

Forma de pgto: crédito, cheque ou boleto bancário.
PrÉ-Matrícula

SOBRE O CURSO

O curso de Web Design da Dsigner Treinamentos abrange um completo ensinamento para criação e desenvolvimento de websites, abrangendo os fundamentos do HTML5 e do CSS4 juntamente com o software Adobe Dreamweaver CC, um dos mais conhecidos e usados para desenvolvimento de websites.
Além disso o curso abrange a elaboração de sites WordPress para desenvolvimento de sites auto-alimentáveis em painel de usuário.
O curso apresenta as ferramentas básicas e avançadas de criação e edição de sites, abrange edição das inúmeras bibliotecas bootstrap, javascript, criação de formulários, malas diretas e muito mais.

UTILIZAÇÃO

Desenvolvimento de websites reponsivos, sites WordPress, malas diretas e formulários online.



Além de obter um curso completo, o aluno conta com:

  • Professores graduados e experientes
  • Salas climatizadas
  • Turmas pequenas de apenas 6 alunos
  • 1 aluno por micro em tela de 21"
  • Coffee break
  • Mini biblioteca para consultas








Próximas turmas (15 aulas de 3 horas cada / 1X semana)

INÍCIO
TÉRMINO
TURMA
PERÍODO
18/jan 03/mai QUINTA-FEIRA 09h00 - 12h00
18/jan 03/mai QUINTA-FEIRA 15h00 - 18h00
01/fev 17/mai QUINTA-FEIRA 19h00 - 22h00

Conteúdo programático do curso

Não existem pré-requisitos para este curso.
O curso de Web Design da Dsigner Treinamentos abrange um completo ensinamento para criação e desenvolvimento de websites, abrangendo os fundamentos do HTML5 e do CSS4 juntamente com o software Adobe Dreamweaver CC, um dos mais conhecidos e usados para desenvolvimento de websites. O curso apresenta as ferramentas fundamentais oferecidas pelo aplicativo para a criação e edição de sites, abrange edição das inúmeras bibliotecas bootstrap, javascript, criação de formulários e muito mais.
A história da HTML.
Markup Languages.
HTML5.
Visualizando o código fonte.
Interpretação e transformação do código fonte.
Navegadores: Motor de renderização (WebKit, Gecko, Trident), Principais navegadores.
A linguagem HTML5.
Logotipo oficial.
Tecnologias da HTML5: Semântica, Offline e armazenamento; Acesso ao dispositivo; Conectividade; Multimídia;
Gráficos, 3D e efeitos; Desempenho e integração; CSS3.
Tags e atributos da HTML5.
Estrutura do código HTML5: Tipo de documento (DOCTYPE); Elemento raiz (html); Cabeçalho (head); Corpo da página
(body).
Metatags: Meta name; Palavras-chave e descrições; Meta charset.
Visualizando o código renderizado.
Entendendo a semântica de um documento.
Elementos de um documento HTML5.
Imagem: O elemento IMG.
Áudio.
Vídeo.
Definindo âncoras.
Tipos de vínculos (links): Links absoluto, relativo, com imagem e para e-mail, Nomeando âncoras.
Determinando a janela de destino.
Tabindex.
Disponibilizando arquivos para download.
Microdata: Itemscope, Itemtype, Itemprop.
Listas: Lista ordenada, não ordenada e de definição.
Tabelas: Formatação de uma tabela, Mesclando células (Mesclando colunas e linhas).
Conceito de camadas.
Folhas de estilo (CSS): Declarando estilos.
Estilos CSS: Declarando estilos internamente, no cabeçalho, diretamente na tag e externamente.
Cascateamento.
Inserindo comentários.
Atributos utilizados para formatação: Declaração de cores, Formatando texto, plano de fundo, bordas, espaçamento
entre conteúdo, margem e bordas e formatando links.
Seletores de classe e de id.
Tipos de mídia.
Dimensão real dos elementos.
Configurando as margens dos elementos.
Posicionando os elementos: Position (Posicionamentos estático, fixo, absoluto e relativo), Float.
Definindo as camadas.
Definindo o modo de apresentação dos elementos.
Atributos para controle de formulários: placeholder, autofocus, required, autocomplete, list, max, min, form, formaction, formenctype, formmethod, formtarget.
Atributos para validar formulários: formnovalidate, novalidate, pattern.
Atributo type (elemento input): search, url, tel, email, datetime, datetime-local, date, time, month, week, number, range, color.
Requisitos mínimos para instalação.
Página inicial.
Área de trabalho: Janela do documento (Barra de ferramentas, Barra de título, Barra de status).
Ajuda do programa: Características de acessibilidade.
Benefícios do uso de padrões da Web: Acessibilidade para softwares e hardwares, Acessibilidade para pessoas,
Estabilidade.
Estrutura de pastas locais e remotas.
Definindo o site.
Edição e organização do conteúdo: Réguas, Page Properties, Inspetor de Propriedades.
Texto: Formatação de texto, Inspetor de Propriedades do texto.
Imagens: Inserindo imagens, Integração com o Photoshop CS6, Recortando uma imagem, Placeholder.
Flash: Inserindo arquivos Flash, Inspetor de Propriedades de arquivos Flash, Inserindo vídeos em Flash.
Links: Tipos de caminhos (Caminhos absolutos, Caminhos relativos a documentos, Caminhos relativos à raiz), Link
para e-mails, Âncoras, Mapa de imagens.
Listas: Criando uma nova lista, Criando uma lista usando um texto existente, Criando listas aninhadas, Definindo
propriedades para uma lista, Definindo propriedades para um item de lista.
Importando arquivos do Word e Excel: Limpando arquivos em HTML do Word, Importando dados tabulares.
Criando uma regra CSS: Definindo as propriedades (Type, Background, Block, Box, Border, List, Positioning,
Extensions, Transition).
Editando uma regra CSS.
Vinculando uma folha de estilo CSS.
Configurando as preferências de CSS.
Selecionando elementos de uma tabela: Seleção de uma única célula, Seleção de um grupo de células adjacentes,
Seleção de células não adjacentes, Seleção de uma ou mais linhas ou colunas, Seleção de tabela inteira.
Propriedades de uma tabela: Propriedades de uma célula, linha ou coluna.
Objetos de formulário: Text Field, Hidden Field, Check box, Radio Button e Radio Group, List/Menu, Jump Menu, Image
Field, File Field, Button, Label, FieldSet.
Painel Behaviors.
Eventos.
Adicionando behaviors.
Alterando e excluindo behaviors.
Ações disponíveis: Show-Hide Elements, Preload Images, Swap Image, Popup Message, Set Text of Status Bar, Set
Text of Text Field, Set Text of Container, Effects, Open Browser Window, Go To URL, Jump Menu e Jump Menu Go,
Check Plugin.
Framework Spry.
Spry widgets.
Criando um template.
Tipos de região de template: Inserindo regiões editáveis.
Editando e apagando templates: Editar um arquivo template que não está aberto no momento, Editar um template
anexado ao documento atual, Excluir um template.
Links em templates.
Biblioteca: Criando e excluindo itens, Adicionando um item da biblioteca ao document, Editando e renomeando itens.
Testando o site: Testes comuns, Relatórios, Utilizando e salvando o relatório.
Pasta remota: Configurando o acesso FTP.
Sincronização.
Obtendo arquivos do servidor remote: Painel Files, Janela do documento.
Aplicando, editando e excluindo uma transição.
Criando uma página para jQuery Mobile.
Aplicando um tema.
Inserindo novos itens jQuery Mobile: jQuery Mobile Page, jQuery Mobile List View, jQuery Mobile Layout Grid, jQuery
Mobile Collapsible Block, jQuery Mobile Text Input, jQuery Mobile Password Input, jQuery Mobile Text Area, jQuery
Mobile Select Menu, jQuery Mobile Checkbox, jQuery Mobile Radio Button, jQuery Mobile Button, jQuery Mobile Slider,
jQuery Mobile Flip Toggle Switch.
Criando uma página com layout fluido.
Inserindo uma Div de Layout Fluido de Grade: Salvando o documento.
Visualização do layout em várias telas.