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 (179)
  • 3650 alunos

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



Espanhol com legendas em português
  • 97% avaliações positivas (179)
  • 3650 alunos
  • 31 aulas (5h 1m)
  • 39 recursos adicionais (19 arquivos)
  • Online e no seu ritmo
  • Disponível no aplicativo
  • Áudio: Espanhol
  • Espanhol, Inglês, Português, Alemão, Francês, Italiano, Polonês, Holandês
  • Nível: Iniciante
  • Acesso ilimitado para sempre


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 você aprenderá neste curso online?

Í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 detalhes

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 deste 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

Para quem é este curso online?

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 e materiais

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

3650 Alunos
179 Avaliações
97% Avaliações positivas

Arturo Servín

Um curso de Arturo Servín

Professor Plus
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 métodos e técnicas fundamentais com os melhores profissionais do setor criativo.

  • Conheça os maiores especialistas

    Cada professor compartilha seus conhecimentos com entusiasmo e explicações claras, oferecendo uma perspectiva profissional em cada aula.

  • Certificados
    Plus

    Se você for um membro Plus ou PRO, obtenha um certificado personalizado assinado pelo professor de cada curso que concluir. Compartilhe em seu portfólio, mídia social 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 às aulas 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 alunos 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 a cursos produzidos de maneira profissional

    A Domestika seleciona cuidadosamente seus 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 instruções 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, pular 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 aulas, textos explicativos, tarefas e práticas para completar seu projeto 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 página de resgate e inserindo o código de presente.

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. Você pode ver todos os seus certificados no seu perfil, na seção Certificados. Você poderá baixar os certificados em PDF e compartilhar o link online. Saber mais sobre os certificados.
Web design responsivo com Adobe Dreamweaver. Curso de Web, e App Design por 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 (179)
  • 3650 alunos