Web design responsivo com Adobe Dreamweaver

Um curso de Arturo Servín
web designer. Cidade do México, México.
Ingressou em julho de 2016
, web designer

Aprenda HTML e CSS para criar um site responsivo com uma interface visual

  • Espanhol com legendas em português
  • 97% avaliações positivas (136)
  • 2702 estudantes
Web design responsivo com Adobe Dreamweaver

Aprenda HTML e CSS para criar um site responsivo com uma interface visual


Espanhol com legendas em português
  • 97% avaliações positivas (136)
  • 2702 estudantes
  • Online e no seu ritmo
  • Áudio: Espanhol
  • Nível: Iniciante
  • 31 aulas (5 h 1 m)
  • Disponível no aplicativo
  • Espanhol, Inglês, Português, Alemão, Francês, Italiano, Polonês, Holandês
  • Acesso ilimitado para sempre
  • Certificado após a conclusão do curso


Ao projetar um site, você deve levar em consideração que ele será visto através de um computador, mas também por um smartphone ou iPad. O uso do smartphone está ganhando cada vez mais peso e coloca um desafio para os designers, que precisam criar para vários formatos, sempre pensando no conforto do usuário em diferentes dispositivos.

Neste curso, o web designer Arturo Servín - também conhecido como Monky Lab - ensinará como criar um site responsivo com o Adobe Dreamweaver, usando uma interface gráfica com ferramentas de construção e escrita, código HTML e CSS. Ao combinar programação e design básicos, você obterá maior controle na elaboração de qualquer arquivo da web.

Este já é o quarto curso de Arturo Servín e, para potencializar o seu conhecimento, poderá complementá-lo com o Adobe Photoshop para Web Design, no qual aprenderá, de maneira simples, os principais aspectos do design e layout responsivos.

O que este curso inclui?

Índice do curso

  • U1
    U1. Introdução
  • U2
    U2. Princípios de web design
  • U3
    U3. Perder o medo do Dreamweaver: construindo uma página da Web básica
  • U4
    U4. Adicionando estilo a uma página da web
  • U5
    U5. Um site responsivo
  • U6
    U6. Publicação de sites
  • PF
    PF Projeto final
Ver detalhe

Arturo Servín iniciará o curso explicando seu começo no web design e como tem enfrentado várias mudanças e avanços tecnológicos. Ele falará sobre suas influências e mostrará referências funcionais de web design.

Em seguida, você conhecerá os princípios básicos do web design e aprenderá a diferenciar UX de UI. Arturo também lhe dará alguns conselhos sobre direção de arte, construção do site e seus padrões.

Na etapa seguinte, você aprenderá a usar as ferramentas que o Adobe Dreamweaver oferece para criar um site, no qual juntará as base tags com linguagem HTML e estabelecerá parâmetros. Você experimentará adicionar textos e imagens, além de links para diferentes tipos de arquivos.

Você também complementará a estrutura visual usando janelas CSS, aprenderá a gerar seletores e valores e, em seguida, estabelecerá o modelo de caixa orientado a parâmetros responsivos e, por meio de elementos CSS, estilizará sua página: fontes, design de caixa, aplicação de posição, exibição e flutuadores. Além disso, aplicará imagens de fundo, bordas ou listas, classes e outros elementos.

Como tornar seu site responsivo? Você estabelecerá os parâmetros de construção do site usando as consultas de mídia para as diferentes medidas necessárias, criará um menu simples que funciona para smartphones e computadores e verá como analisá-lo e corrigi-lo antes de fazer upload.

Agora tudo está pronto para a publicação! Você usará a janela FTP do programa e sincronizará as pastas locais do site com as pastas do site remoto. Dessa forma, poderá fazer alterações imediatas em seu site.

Qual é o projeto do curso?

Você desenvolverá um site responsivo básico, de uma página, com entregas funcionais tanto para clientes quanto para equipes de programação mais avançadas.

Projetos de alunos do curso

A quem se dirige?

Designers gráficos que não fizeram a transição para web design, web designers iniciantes, UI Designers iniciantes e qualquer pessoa que queira aprender como criar sua página web responsiva.

Requisitos

Para este curso, não é necessário nenhum conhecimento prévio em web design, pois você aprenderá HTML e CSS do zero. Apesar disso, fazer o curso 'Adobe Photoshop para Web Design’, também de Arturo Servín, pode ser útil.

Quanto às ferramentas, você precisará de um computador com o Adobe Dreamweaver CC 2019 ou superior instalado.


Avaliações

2702 Alunos
136 Avaliações
97% Avaliações positivas

Arturo Servín

Um curso de Arturo Servín

ProfessorPro
web designer

Arturo Servín é um designer gráfico especializado em web design e foi web designer da revista a! Design, além do Community Professional para Adobe Systems por dois anos, e professor em diferentes universidades do México, incluindo Miami Ad School Cidade do México. Instrutor convidado de diferentes instituições de ensino, como a Universidade Ibero-americana, o campus da Universidade Anáhuac em Cancún, o Tecnológico de Monterrey, a Universidade das Américas de Puebla, a Universidade Autônoma de Guadalajara, entre outras. Fundador de seu próprio estúdio focado em comércio eletrônico , web design e branding .


Conteúdo

  • U1

    Introdução

    • Apresentação
    • Influências
    • O que faremos no curso?
  • U2

    Princípios de web design

    • O que são UX e UI?
    • Direção da arte
    • A vantagem de padronizar
  • U3

    Perder o medo do Dreamweaver: construindo uma página da Web básica

    • Por que usar o Dreamweaver?
    • Visão geral da área de trabalho
    • Criação de pastas de trabalho
    • Sintaxe HTML usando tags, atributos e valores
    • Estrutura geral de uma página da web
    • Colocando texto e imagens
    • Ligações
  • U4

    Adicionando estilo a uma página da web

    • Vinculando um arquivo CSS e sua sintaxe
    • Seletores e valores
    • O modelo da caixa e redefinindo uma folha de estilos
    • Estilos tipográficos
    • Estilos para projetar caixas P1
    • Estilos para o design de caixas P2
    • Aplicação de posição, display e flutuadores P1
    • Aplicação de posição, display e flutuadores P2
    • Decoração CSS
  • U5

    Um site responsivo

    • Criando consultas de mídia
    • Celular primeiro
    • Simplificando um menu responsivo P1
    • Simplificando um menu responsivo P2
    • Usando visualizações
    • Verifique e corrija
  • U6

    Publicação de sites

    • Definindo um site remoto no Dreamweaver
    • Carregando o site
    • Sincronizar o site local e o site remoto
  • PF

    Projeto final

    • Introdução ao design responsivo da web com o Adobe Dreamweaver

O que esperar de um curso da Domestika

  • Aprenda no seu ritmo

    Aproveite para aprender desde casa, sem um horário fixo e no seu ritmo. É você quem define sua disponibilidade.

  • Aprenda com os melhores profissionais

    Aprenda os métodos e técnicas mais úteis com os melhores profissionais do setor criativo.

  • Conheça os maiores especialistas

    Cada professor transmitirá seus conhecimentos com entusiasmo e explicações claras, oferecendo uma perspectiva profissional em cada lição.

  • Ganhe um certificado com cada curso
    Novo

    Obtenha um certificado personalizado, assinado pelo seu professor em cada curso. Você poderá compartilhá-lo em seu portfólio, nas redes sociais ou onde quiser.

  • Sente-se na primeira fila

    Com vídeos da melhor qualidade, você não perderá nenhum detalhe! Graças ao acesso ilimitado, você pode assistir as lições todas as vezes que precisar para aperfeiçoar sua técnica.

  • Compartilhe conhecimentos e ideias

    Pergunte, peça opiniões e ofereça soluções. Compartilhe sua experiência de aprendizagem com outros estudantes da comunidade tão criativos como você.

  • Conecte-se a uma comunidade criativa global

    Esta comunidade acolhe milhões de pessoas do mundo todo, curiosas e apaixonadas por descobrir e expressar sua criatividade.

  • Assista cursos gravados profissionalmente

    A Domestika seleciona cuidadosamente seu time de professores e produz cada curso internamente para garantir uma experiência de aprendizagem online excelente.


Perguntas frequentes

  • Os cursos da Domestika são aulas online que lhe permitem aprender uma série de ferramentas e habilidades para realizar um projeto concreto. Cada etapa do projeto combina vídeos e textos, além de materiais de ensino complementares. Os cursos também oferecem a oportunidade de compartilhar seus próprios projetos com outros usuários e com o professor, criando assim uma comunidade em torno do curso.

  • Os cursos são 100% online, portanto, assim que são publicados, os cursos começam e terminam quando você quiser. Você determina o ritmo da aula. É possível voltar para ver o que lhe interessa, passar o que você já sabe, fazer perguntas, resolver dúvidas, compartilhar seus projetos e muito mais.

  • Os cursos são divididos em diferentes unidades, cada uma inclui lições, textos explicativos, tarefas e práticas para completar seu projecto passo a passo, recursos e documentos complementares. Você também terá acesso a um fórum exclusivo no qual poderá interagir com todos os alunos do curso e o professor, bem como compartilhar seus trabalhos e o projeto que realizar, criando uma comunidade em torno do curso.

  • Você pode resgatar um curso que recebeu de presente acessando a página de resgate, na qual poderá inserir o código de presente fornecido.

  • Ao concluir o curso, você receberá seu certificado personalizado instantaneamente. Todos os seus certificados estarão disponíveis na seção Certificados do seu perfil. Você poderá descarregar os certificados em PDF e compartilhar o link online. Saber mais sobre os certificados

Web design responsivo com Adobe Dreamweaver. Um curso de Web e App Design de Arturo Servín

Web design responsivo com Adobe Dreamweaver

Um curso de Arturo Servín
web designer. Cidade do México, México.
Ingressou em julho de 2016
  • 97% avaliações positivas (136)
  • 2702 estudantes