Como Aprender Web Design: 13 Passos (com Fotos) - Dicas

Vídeo: Curso Web Designer Rápido: HTML, CSS, Javascript | Aula 01

Contente

Passos
Adendo
Atenção
O que você precisa

Web design é uma habilidade muito valiosa, especialmente em um mundo onde tudo gira em torno da Internet hoje. Se você for realmente bom nisso, pode monetizar seus clientes, criar um site de membros (um site que limita o acesso ao conteúdo de convidados) ou buscar outros projetos de monetização. E se você realmente quer saber como aprender web design, este artigo é para você!

Passos

Parte 1 de 3: Primeiros passos

Observe a diferença de web design. Não design de livro, design de cartaz, não ilustração. O resultado final nesses campos também não é o objetivo do web design. Embora os sites possam ser os sistemas de entrega de jogos e vídeos, e embora esses sistemas de distribuição possam ser bastante atraentes, eles são o epítome do design de jogos e da narrativa em vídeo, e não do web design.
Saber o que tem tudo a ver com web design. Esse é o processo de criação de um ambiente digital:
- apoiar e estimular a atividade humana;
- refletir ou se adaptar ao conteúdo e vozes individuais;
- mudam de forma rítmica ao longo do tempo, mantendo a identidade.
Identifique os recursos que deseja usar. Sites, vídeos e livros são os três principais recursos. Codecademy e W3Schools são dois dos sites mais famosos da atualidade. Além disso, existem muitos outros recursos, não hesite e fique à vontade para experimentar!
- Se você escolher um site, registre-se em uma conta para salvar seu progresso.
- Se você optar por estudar por vídeo, destaque todos os vídeos que você precisa.
- Visite sua biblioteca ou livraria local se você planeja estudar por livro. Caso você não queira gastar muito (ou mesmo não queira), você pode baixar ebook ou documento PDF.
- Se você estiver disposto a pagar, é provável que encontre aulas personalizadas de um web designer profissional.
Determine quanto tempo você precisa para estudar. Se você é uma pessoa ocupada, terá que encontrar uma maneira de encontrar tempo para estudar.
Baixe o programa de design da web se você não tiver um. Embora você ainda possa trabalhar com o Bloco de notas, é melhor ter um programa como o Adobe Dreamweaver, Microsoft Expression Web ou KompoZer. Existem muitas outras opções, por favor, procure mais e baixe o programa que você gosta. propaganda

Parte 2 de 3: Estudo

Comece com HTML. HTML é uma habilidade indispensável para qualquer web designer. Conceitos principais como tags, classes, IDs, entradas, etc.
- A última versão do HTML é HTML5. HTML5 introduz algumas novas tecnologias e, portanto, é provavelmente a melhor versão para aprender.
- XHTML também é uma opção viável. No entanto, esta versão é um pouco mais exigente.
Aprenda CSS. CSS significa "Folha de estilo em cascata" ou arquivos de estilo em cascata. Sem CSS, não há design bonito que você ainda possa ver na web. HTML é apenas um quadro, e CSS é o que torna um site colorido e atraente.
- CSS é bastante rígido no uso. Por exemplo, você pode ter que coçar a testa em busca de erros quando se esquece de colocar um ponto-e-vírgula no final de cada linha.
Aprenda JavaScript e jQuery. Para quem planeja criar um site simples, esta etapa é opcional. No entanto, para criar um site interativo, aprender as duas linguagens de programação acima é extremamente necessário.
- Se você for usar jQuery, precisará apenas do básico de JavaScript, porque jQuery pode tornar as coisas simples.
- Com o jQuery, você pode inserir widgets como acordeão (conteúdo recolhível), calendário, etc. jQuery também vem em uma variedade de estilos e, portanto, cabe a você escolher o estilo certo para o seu site.
Continue com idiomas mais avançados. É PHP, MySQL, Perl, Ruby e várias outras linguagens. Não é obrigatório para pessoas que desejam apenas criar um site simples, mas é essencial para criar um site grande e interativo.
- Um deles, como o PHP, precisa de um servidor de teste. Portanto, não se esqueça de se registrar para uma conta no serviço de hospedagem de sites ou instalar o software de servidor em seu computador.
propaganda

Parte 3 de 3: aplique seu conhecimento

Crie um site do projeto. Experimente e crie a web do zero. Isso o ajudará a manipular o conhecimento em vez de deixá-lo enferrujar em seu cérebro.
Pergunte a um amigo ou parente que precisa de um site. Você pode fazer um site gratuito para eles ganharem experiência!
Comece seu próprio site. Com conteúdo de que você gosta, esse site lhe dará a oportunidade de mostrar suas habilidades ao público.
Freelance, se quiser. Cobrar uma taxa razoável e publicar seu portfólio em seu site. Quem sabe um dia seu negócio se transformará em uma empresa de verdade. propaganda

Adendo

Por favor, seja paciente! Se você pretende capturar tudo em apenas seis horas, esquecerá muito rapidamente.
Não presuma que você terá que pagar por um bom editor de HTML. Existem muitos programas gratuitos bons que podem custar não menos do que alguns milhões de VND.
Ao terminar um projeto, acumule algum código e transforme-o em uma biblioteca. A partir daí, você não terá que reprogramar as mesmas coisas repetidamente a cada projeto. Se a biblioteca ficar muito grande, você pode até vendê-la!
Os documentos PDF são um pouco mais flexíveis do que os e-books. Você pode ler documentos PDF em qualquer computador, enquanto os e-books geralmente são projetados para um determinado tipo de dispositivo, como Kindle, iPad, etc.
Se você ou alguém próximo a você sabe sobre web design, peça para ele ensinar você. Você certamente será ensinado de graça (espero!).

Atenção

Não se force demais! Quando estiver cansado, você esquecerá tudo e não aprenderá nada.
Em linguagens de programação, existe um conceito chamado loops infinitos. Eles são o medo do programador. Tenha cuidado para que isso não aconteça com você!
Tenha cuidado ao baixar o programa! Qualquer coisa pode ser um vírus.
Por favor, descubra antes de se registrar em um site. Obviamente, se for um site confiável, não se preocupe. No entanto, os sites menos conhecidos são provavelmente phishing.