Oficina de capacitação para Web Designer

De WikiGesac

CURSO WEB DESIGNER BÁSICO

Carga Horária: 40 horas/aula

BENEFÍCIOS DA FORMAÇÃO DE WEB DESIGNER

Hoje os serviços estão cada vez mais voltados para a Internet como: pagamento de contas, compras pela internet, consultas bancárias. E além disso, muitos empresários procuram criar uma identidade visual para suas empresas. Esse curso vai oferecer algumas das principais ferramentas de software livre para o desenvolvimento de conteúdos na Web com recursos de design (arte). O curso tem objetivo de preparar o aluno para criar sítios na web mais conhecidos por (web sites) e abrirá portas para um mercado que cresce diariamente.

OBJETIVO DO CURSO

Preparar alunos do curso para o desenvolvimento de projetos para Internet com o uso de XHTML, DHTML (HTML Dinâmico) e CSS baseado nos padrões Web Standards da W3C (WWW Consortium) e layouts para projetos de website. Este curso orientará o aluno a usar as ferramentas do software livre para o desenvolvimento pleno da linguagem HTML, CSS e lançar mão de ferramentas para o desenvolvimento gráfico como o Inkscape e o Gimp.

• HTML: linguagem de marcação utilizada no desenvolvimento de páginas web baseados na W3C, responsável pela padronização na criação e a interpretação dos conteúdos na web.

• CSS: Cascading Style Sheet (CSS – Folhas de estilo em cascata): é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML. Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento.

• INKSCAPE: é um aplicativo para criação de gráficos vetoriais livres, ou seja, pode

ser copiado e distribuído livremente. Abre em poucos segundos e está em conformidade com os padrões da Internet. Com ele já é possível realizar trabalhos bastante profissionais. Outro aspecto a ser considerado é que, sendo um software de código aberto, as inovações para ele são muito mais rápidas do que nos softwares comerciais.

• GIMP: é um aplicativo livre para o tratamento digital de imagens como fotos e imagens de diversos formatos, melhorando-os, retocando-os ou criando efeitos para os mesmos;

CONTEÚDO PROGRAMÁTICO

Linguagem HTML básica

Objetivos: Ensinar a base do desenvolvimento de sites para os alunos, através do uso da linguagem HTML, mostrando todos seus recursos, incluindo toda a parte de formulário, baseados nos padrões W3C (WWW Consortium).

Introdução

• O que é Internet;
• Importância da Internet;
• O que é Intranet;
• O que é um Browser;
• O que é uma URL;
• Serviços e protocolos mais comuns.

Linguagem HTML

• Ferramentas necessárias;
• Tipos de comando em HTML;
• Elementos de uma página em HTML;
• Estrutura HTML;
• Inserindo comentários;
• Inserindo quebra de parágrafos;
• Formatação de Texto;
• Tamanhos de Textos;
• Modificação de Textos;
• Alinhamento de Textos;
• Background (fundo) das Páginas;
• Trabalhando com Listas;
• Trabalhando com imagens;
• Criando Links;
• Âncoras;
• Criar Formulário.

Trabalhando com Formulários

• Entrada de Texto (uso de text fields);
• Entrada de Texto Criptográfico;
• Entrada de múltiplas linhas;
• Menus do Tipo SELECT;
• Botões do tipo CHECKBOX e RADIO BUTTONS;
• Botões de Envio e Limpar.

Linguagem CSS básica

Objetivos: Definir, descrever e posicionar as CSS, bem como demonstrar a versatilidade deste poderoso mecanismo para construção de web sites.

Conteúdo

• O nascimento das CSS;
• Definindo e entendendo as CSS;
• HTML + TABLE;
• XHTML + CSS;
• Vantagens do projeto CSS;
• A sintaxe da regra CSS;
• Aplicando CSS;
• Box Model;
• Exemplos práticos;
• Conclusão.

Inkscape

Objetivos: Ensinar o aluno na criação de gráficos vetoriais para utilizar no desenvolvimento de conteúdos para Web, cartões de visita, cartazes, panfletos, folders, faixas e banners.

Conteúdo

• Vetores;
• Barra de ferramentas/paleta de cores;
• Barra de propriedades;
• Linhas guias/régua/modos de visualização;
• Ferramenta Texto e suas propriedades;
• Configuração e manipulação da página;
• Ferramentas de Extrusão/Sombra/Mistura interativa/Envelope;
• Ferramenta Conta Gotas/Ferramenta Lata de tinta;
• Converter objeto em curvas;
• Impressão/Layout/Imprimir.

GIMP

Objetivos: Ensinar de forma prática e rápida, o uso da ferramenta GIMP para criação, edição e tratamento de imagens, abordando conceitos importantes de manipulação de imagens a exercícios funcionais com casos reais de uso encontrados no dia-a-dia.

Conteúdo

• Introdução;
• Caixa de ferramentas;
• Janela de Imagem;
• Trabalhando com imagem;
• Trabalhando com camadas;
• Efeitos diversos;
• Efeitos para Web.