Plano de Curso Web Designer

NCLEO DE EDUCAO PROFISSIONAL - NEP

PLANO DE CURSO
Identificao no sistema: WEB DESIGNER

Atualizado em: 04/2012

Nome do Curso: WEB DESIGNER

Carga Horria: 240 horas
Tipo de Curso/ Atividade: Capacitao
Nvel do Curso: Formao Inicial e Continuada
rea de Produo: Aes de Educao Profissional
rea de Educao: Informtica
Eixo Tecnolgico: Produo Cultural e Design
Segmento: Web Design
Nmero mximo de Alunos: 15
Modalidade de Ensino: Presencial
I JUSTIFICATIVA E OBJETIVOS
Um novo milnio surgiu e trouxe com ele novas tecnologias de comunicao. Entre elas est a
rede mundial de computadores: Internet, desenvolvida inicialmente no sculo passado para
garantir a integridade de dados militares.
A Internet se expandiu para um canal de comunicao entre usurios na esfera global. O jovem
um dos personagens que mais foi afetado por essa nova tecnologia. Ele j nasceu sob este
prisma e no precisou se adaptar a ele como as geraes anteriores. ele quem sabe utilizar
com competncia seus canais de comunicao para se integrar sua comunidade virtual.
Conhecer e dominar as ferramentas que desenvolvem pginas para este meio , alm de uma
forma de incluso digital, uma prtica com campo de trabalho extremamente vasto e promissor.
O curso visa oportunizar aos participantes a construo e o aprimoramento de conhecimentos,
habilidades e atitudes para o desenvolvimento de projetos em web design, elaborando e
finalizando pginas e sites para a Internet.

II REQUISITOS PARA ACESSO

Idade: 14 anos completos
Curso de usurio Windows e Internet ou conhecimento equivalente
Obs.: Para estudantes participantes do Programa Senac de Gratuidade obrigatria a idade
mnima de 16 anos.
III REFERNCIA DE ACESSO
Escolaridade: Ensino Fundamental completo

Senac-RS

Produo Cultural e Design

1 de 12

Plano de Curso Web Designer

IV PERFIL PROFISSIONAL DE CONCLUSO
O profissional Web Designer cria, planeja e coordena implantao de projetos de comunicao
para internet, elaborando e finalizando pginas e sites. Mobiliza conceitos e princpios da
comunicao visual e usabilidade, por meio das tecnologias disponveis, com ateno legislao
dos direitos autorais.

V ORGANIZAO CURRICULAR
O curso est organizado em sete componentes curriculares; os quais podem ser cursados de
forma isolada, ou na totalidade e sequncia em que esto apresentados no itinerrio - com
exceo do mdulo de Planejamento e Criao de Sites, que no poder ser realizado
isoladamente-, desde que se considerem os conhecimentos prvios e requisitos do aluno
ingressante.

Planejamento e
Criao de Sites
12h
referncia
de
acesso
Photoshop
48h
referncia
de
acesso

HTML
24h

Fireworks
24h

referncia
de
acesso

referncia
de
acesso
Flash
48h

Dreamweaver
48h

Projeto Final
Web Designer
36h

Senac-RS

Produo Cultural e Design

2 de 12

Plano de Curso Web Designer

Planejamento e Criao de Sites 12h

Requisito para acesso: curso de usurio Windows e Internet ou conhecimento equivalente.
Software: 1 licena de navegador (Internet Explorer, Firefox etc.) por aluno.
Hardware: 1 computador padro IBM-PC, com acesso Internet, por aluno.
Eixo Tecnolgico: Produo Cultural e Design
Conhecimentos
Teoria das cores: sistema RGB e profundidade de cor;
Tcnicas de rafe, esboo, croqui e layout;
Gestault da Forma: percepo de formas e sintetizao de figuras;
Metodologia de criao: briefing, relatrio de briefing, brainstorming,

pesquisa de conceitos,
seleo de conceitos e aplicao de conceitos na criao;
Leis compositivas: equilbrio, ritmo, repetio, contraste, harmonia, simetria e assimetria;
Funcionalidade: caractersticas funcionais do projeto de web site.

Photoshop 48h
Descrio no sistema: PHOTOSHOP

Tipo de Curso: Programa Instrumental.

Eixo Tecnolgico: Produo Cultural e Design
Requisito para acesso: curso de usurio Windows ou conhecimento equivalente.
Referncia para acesso: curso Planejamento e Criao de Sites ou Introduo ao Design
Grfico.
Software: 1 licena Photoshop por aluno.
Hardware:
01 computador (configurao mnima: Pentium 4 1.8 GHz, 1GB RAM e vdeo 64MB) por
aluno com acesso Internet;
Desejvel 01 (uma) impressora colorida formato A4 por sala;
Desejvel 01 (um) scanner de mesa formato A4 por sala.
Referncia bibliogrfica para o docente:
Adobe Photoshop CS5 Classroom in a Book. Editora Artmed. (livro negociado com
50% de desconto sobre o valor de tabela)
Material Didtico sugerido: Livro Photoshop. Editora Viena.
Competncia: Montar, editar, manipular e tratar imagens no Photoshop, realizando correo de
cores, restaurao de fotos, exportao de arquivos em outros formatos, preparando-os para
impresso ou Internet, conforme as caractersticas do projeto, com senso esttico e de forma
independente.
Conhecimentos
rea

Habilidades

de trabalho: personalizao
do espao de trabalho, ferramenta
e outras paletas;
Correes bsicas de fotos;
Selees: magic wand, ovais,
Senac-RS

Identificar

e utilizar as
ferramentas aplicadas ao design
grfico;
Pintar, desenhar e selecionar;

Produo Cultural e Design

Valores/Atitudes
Criatividade;
Senso esttico;
Capricho;
Iniciativa;

3 de 12

Plano de Curso Web Designer

Photoshop 48h
Descrio no sistema: PHOTOSHOP

circulares e lasso;
Camadas: paleta layers e estilo
de camadas;
Mscaras e canais;
Correo e aprimoramento de
fotografias digitais;
Tcnicas de desenho vetorial;
Camadas avanadas;
Composio avanada;
Preparao de arquivos para
design tipogrfico ou para web;
Produo e impresso de cores
consistentes.

Escrever;
Retocar imagens;
Manipular arquivos e imagens;
Representar e editar peas

grficas, de forma digital e

normatizada;
Construir e visualizar peas
grficas, de forma digital e
normatizada;
Criar e editar objetos de
bibliotecas de smbolos;
Automatizar processos grficos;
Organizar a pea grfica;
Imprimir documentos;
Preparar arquivos para a
impresso ou Internet.

Organizao;
Disciplina;
Independncia;
Determinao;
Planejamento;
Raciocnio lgico;
Valorizao do

trabalho em
equipe.

Fireworks 24h
Descrio no sistema: FIREWORKS

Tipo de Curso: Programa Instrumental.

Eixo Tecnolgico: Produo Cultural e Design
Requisito para acesso: curso de usurio Windows e Internet ou conhecimento equivalente.
Software: 1 licena de Fireworks por aluno.
Hardware:
01 computador (configurao mnima: Pentium 4 1.8 GHz, 1GB RAM e vdeo 64MB) por
aluno com acesso Internet.
Material Didtico sugerido: Livro Fireworks. Editora Viena.
Competncia: Criar layouts digitais com o Fireworks, respeitando os direitos de uso da
imagem, com recursos de edio e manipulao de bitmaps e vetores, como tambm inserir
comportamentos aos elementos, exportando-os em formato compatvel com uso em
documentos HTML.
Conhecimentos

Habilidades

Edio de imagens bitmaps;

Desenho vetorial;
Edio de objetos;
Cor, preenchimento e contorno;
Camadas, mscaras e

mesclagem;
smbolos e biblioteca de
URL;
Slices, rollovers e hotspots;
Filtros: cor, blur, noise, sharpen,
painel Image Editing e Properties;
Efeitos criativos;
Estilos,

Senac-RS

Criar vetores e bitmaps;

Editar e manipular imagens;
Criar banners, botes,

imagens animadas e menus;

comportamentos s
imagens;
Fatiar imagens;
Exportar arquivos como
imagem e documento HTML.
Inserir

Produo Cultural e Design

Valores/Atitudes
Iniciativa;
Ateno;
Criatividade;
Planejamento;
Senso esttico

aplicado aos projetos

grficos;
Leiturabilidade;
Respeito
propriedade
intelectual;
Sigilo no trato de
4 de 12

Plano de Curso Web Designer

Fireworks 24h
Descrio no sistema: FIREWORKS
Otimizao de grficos;
Exportao de layout;
Animaes: objeto, caminho

informaes de
clientes;
Respeito ao cliente.

tweening;
Slideshow;
Integrao com outros
aplicativos.

Flash 48h
Descrio no sistema: FLASH

Tipo de Curso: Programa Instrumental.

Eixo Tecnolgico: Produo Cultural e Design
Requisito para acesso: curso de usurio Windows e Internet ou conhecimento equivalente.
Software: 1 licena Flash por aluno.
Hardware:
01 computador (configurao mnima: Pentium 4 1.8 GHz, 1GB RAM e vdeo 64MB) por
aluno com acesso Internet.
Referncia bibliogrfica para o docente:
Adobe Flash CS5 Classroom in a Book. Editora Artmed. (livro negociado com 50% de
desconto sobre o valor de tabela)
Material Didtico sugerido: Livro Flash. Editora Viena.
Competncia: Produzir animaes com Flash criativas, dinmicas e interativas para aplicao
em pginas web com uso de movimento, forma, som e vdeo, de forma independente.
Conhecimentos
rea

Habilidades

de Trabalho: painis Library

e Tools, propriedades,
visualizao e publicao de
filme;
Trabalhando com elementos
grficos;
Criao e editorao de
smbolos;
Trabalhando com texto;
Adio de animao;
Criao de arquivos interativos;
Princpios bsicos de
ActionScript;
Utilizao de componentes;
Trabalho com som e vdeo;
Carregamento e otimizao do
contedo Flash;
Publicao de documentos do
Flash.

Senac-RS

Configurar a rea de trabalho;

Criar e editar vetores;
Criar e editar textos;
Inserir e editar bitmaps;
Utilizar recursos de camadas

e
mscaras;
Criar botes, movie clips e
grficos
com
insero
de
comportamentos;
Inserir e editar som;
Inserir vdeo;
Animar os quadros;
Testar e exportar arquivos.

Produo Cultural e Design

Valores/Atitudes
Curiosidade;
Iniciativa;
Concentrao;
Ateno;
Raciocnio lgico;
Organizao;
Criatividade;
Planejamento;
Senso esttico

aplicado ao
projeto;
Respeito
propriedade
intelectual;
Sigilo no trato de
informaes de
clientes;
Respeito ao
cliente.

5 de 12

Plano de Curso Web Designer

HTML 24h
Descrio no sistema: HTML

Tipo de Curso: Programa Instrumental

Eixo Tecnolgico: Produo Cultural e Design
Requisito para acesso: curso de usurio Windows e Internet ou conhecimento equivalente.
Software sugerido: 1 licena de Bloco de Notas por aluno.
Hardware: 1 computador padro IBM-PC com acesso Internet por aluno.
Material Didtico sugerido: Livro HTML. Editora Viena.
Competncia: Criar pginas interativas para a Internet com o uso da linguagem HTML,
empregando tabelas, frames, formulrios e CSS de forma autnoma e organizada.
Conhecimentos
Elementos

Habilidades

bsicos: publicao
de pginas, tags e atributos;
Formatao de texto: blocos de
texto; estilos lgicos e fsicos;
formatao de fontes; caracteres
especiais;
Links;
Imagens;
Tabelas;
Molduras ou frames;
Formulrios;
CSS.

Senac-RS

Identificar

a estrutura bsica das

pginas HTML;
Criar o documento HTML com o
uso de editores de texto;
Aplicar recursos de
interatividade s pginas HTML.

Produo Cultural e Design

Valores/Atitudes
Curiosidade;
Iniciativa;
Concentrao;
Ateno;
Raciocnio lgico;
Organizao.

6 de 12

Plano de Curso Web Designer

Dreamweaver 48h
Descrio no sistema: DREAMWEAVER

Tipo de Curso: Programa Instrumental

Eixo Tecnolgico: Produo Cultural e Design
Requisito para acesso: curso de usurio Windows e Internet ou conhecimento equivalente.
Software: 01 licena de Dreamweaver por aluno
Hardware:
01 computador (configurao mnima: Pentium 4 1.8 GHz, 1GB RAM e vdeo 64MB) por
aluno com acesso Internet.
Referncia bibliogrfica para o docente:
Adobe Dreamweaver CS5 Classroom in a Book. Editora Artmed. (livro negociado com
50% de desconto sobre o valor de tabela)
Material Didtico sugerido: Livro Dreamweaver. Editora Viena.
Competncia: Criar e manter um website de forma planejada com o Dreamweaver,
gerenciando informaes e garantindo a sua funcionalidade, navegao e segurana de
informaes.
Conhecimentos
Introduo:

ponto de partida,
insero de texto, alterao de
ttulos, adio de imagens,
modificao de estilos CSS;
Espao de Trabalho: criao de
espao personalizado, paleta de
propriedades, barras de
ferramentas e preferncias;
Folhas de Estilo em Cascata:
regras de CSS, aplicao de
estilos, propriedades;
Trabalhos com textos;
Design com imagens: insero
de imagem, imagens de fundo,
elementos grficos, rollovers do
fireworks, arquivos de photoshop,
bridge;
Insero de links;
Elaborao de layouts:
visualizao, elementos DIV,
exportao de estilos CSS, rgua
e guias;
Criao de Pginas Interativas:
aplicao e modificao de
comportamentos;
Integrao de Ajax com Spry;
Construo de formulrios;
Adio de multimdia;
Publicao para a web.

Senac-RS

Habilidades

Valores/Atitudes

Gerenciar remotamente o site;

Formatar textos e pginas;
Inserir imagens;
Criar links, tabelas, molduras e

Senso esttico
aplicado ao objetivo
do projeto;
Qualidade na
finalizao dos
documentos;
Responsabilidade;
Iniciativa;
Planejamento.

formulrios;
Trabalhar com camadas;
Inserir arquivos, objetos e

comportamentos;
folhas de estilo.

Utilizar

Produo Cultural e Design

7 de 12

Plano de Curso Web Designer

Projeto Final Web Designer (36h)
Descrio no sistema: PROJETO FINAL WEB DESIGNER

Tipo de Curso: Socioprofissional

Eixo Tecnolgico: Produo Cultural e Design
Requisitos para acesso:
curso Dreamweaver ou conhecimento equivalente;
curso Photoshop ou conhecimento equivalente;
curso Fireworks ou conhecimento equivalente;
curso Flash ou conhecimento equivalente.

Software: 1 licena de Dreamweaver, Fireworks e Flash por aluno.

Hardware:
01 computador (configurao mnima: Pentium 4 1.8 GHz, 1GB RAM e vdeo 64MB) por
aluno com acesso Internet.
Competncia: Projetar, desenvolver e publicar um website, por meio da elaborao e criao
planejada, mediante uma postura tica.
Conhecimentos
Metodologia

Habilidades

aplicada
construo de site: briefing,
relatrio de briefing,
brainstorming, pesquisa de
conceitos, seleo de conceitos,
criao e edio do projeto;
Tcnicas de apresentao do
projeto: defesa de conceitoschave e oratria;
Configurao do servidor para
upload;
Configurao e uso de FTP;
Gerenciamento do site:
atualizao de informaes.

Senac-RS

Planejar o site;
Criar e editar o site;
Configurar o site para
upload;
Utilizar FTP para upload
dos arquivos;
Gerenciar o site;
Apresentar e defender
o projeto.

Produo Cultural e Design

Valores/Atitudes
Iniciativa;
Desinibio;
Ateno;
Raciocnio lgico;
Organizao;
Criatividade;
Responsabilidade;
Planejamento;
Senso esttico
aplicado aos projetos
grficos;
Leiturabilidade;
Respeito
propriedade intelectual;
Sigilo no trato de
informaes de clientes;
Respeito ao cliente.

8 de 12

Plano de Curso Web Designer

VI INDICAO METODOLGICA
A resoluo de problemas conduz autonomia, possibilitando ao agente criar seus prprios
mtodos, tcnicas e processos, contribuindo fortemente para o desenvolvimento do pensamento
lgico. Procedimentos metodolgicos: fazendo caminhos - Luiz Alberto Sanz - Srie Didtica para
Educao Profissional.
O docente deve oportunizar um espao de construo de conhecimentos e desenvolvimento
de competncias, no qual o aluno participe ativamente do processo por meio de resoluo de
problemas e projetos, entre outras atividades propostas.
O aluno maior de 16 anos tem a possibilidade de realizar estgio no obrigatrio, mediante a
matrcula no mdulo de Estgio, a partir da concluso de 72h do curso, aps o trmino do
componente curricular Photoshop.
As demais orientaes esto especificadas no Documento anexo CI 058/2006.
Atividades de estgio:
Criar

e modificar pginas no formato HTML;

Aplicar

as formataes das folhas de Estilo (CSS);

Preparar
Criar

imagens bitmaps e vetoriais para web com o Fireworks;

animaes em Flash com interatividade e som: banners, menus, hot sites, etc.;

Montar

layouts para sites;

Adequar
Fazer

os sites respeitando as tecnologias suportadas pelo navegador;

o upload do site para o servidor de hospedagem;

Realizar

a manuteno de sites hospedados em servidores web.

VII CRITRIOS DE AVALIAO

O aluno avaliado a partir da observao resultante de experincias acumuladas em diferentes
situaes e momentos de aprendizagem.
Para cada componente curricular so organizados instrumentos e estratgias de avaliao com a
finalidade de realizar investigao e traar novas oportunidades no processo de aprendizagem.
A abrangncia da avaliao envolve o desenvolvimento do raciocnio, da capacidade criadora, do
ajustamento interativo com o meio e da capacidade produtiva.
Devem ser priorizados instrumentos de avaliao integradores de componentes curriculares e
estimuladores da autonomia na aprendizagem que envolvam atividades realizadas
individualmente e socializadas e que forneam indicadores da aplicao no contexto profissional
das competncias desenvolvidas, tais como projetos, pesquisas, resoluo de problemas, portflio
e outros.
O processo educativo dever ser registrado no Dirio de Classe, seguindo orientaes do
Procedimento Planejamento e Execuo das Aes de Secretaria e do Pedaggico.

Senac-RS

Produo Cultural e Design

9 de 12

Plano de Curso Web Designer

VIII FORMA DE COMUNICAO DOS RESULTADOS
O resultado do processo de avaliao expresso nas menes:
A quando o estudante evidenciou com excelncia a apropriao das competncias
propostas e demonstra total comprometimento com a assiduidade, participao,
pontualidade/qualidade na entrega dos trabalhos; apresenta atitudes que se destacam nos
aspectos referentes ao relacionamento interpessoal, a habilidade de trabalhar em grupo,
negociar/administrar conflitos, criatividade e liderana, superando as competncias
exigidas no respectivo perfil.
B quando o estudante evidenciou a apropriao das competncias propostas,
demonstra assiduidade, participao, pontualidade na entrega dos trabalhos. Apresenta as
caractersticas psicossociais exigidas pelo perfil profissional.
C quando o estudante evidenciou, no mnimo, a apropriao de todas as
competncias relevantes e apresenta as caractersticas psicossociais mnimas exigidas
no perfil profissional.
D quando o estudante no apropriou as competncias previstas no perfil profissional de
concluso.
considerado aprovado aquele aluno que obtiver meno (A, B ou C) no resultado do processo
de avaliao ou no processo de recuperao, alm da frequncia mnima obrigatria que de
75% do total de horas do Curso.
A recuperao contnua e realizada concomitantemente com o desenvolvimento dos
componentes curriculares.
considerado reprovado aquele aluno que obtiver a expresso de resultados D (No apropriou as
competncias), em algum componente curricular e/ou frequncia inferior a 75%, estabelecida na
carga horria total do curso.
Nos cursos de formao inicial e continuada no estruturados por competncia, a expresso do
resultado da avaliao se d a partir da apropriao das habilidades e/ou conhecimentos.

IX PERFIL DA DOCNCIA
Profissional da rea de Design, Artes Visuais e Comunicao, bem como da rea Tecnologia da
Informao, preferencialmente com experincia didtica, postura profissional, tica e boa
comunicao.

Senac-RS

Produo Cultural e Design

10 de 12

Plano de Curso Web Designer

X CERTIFICAO

INFORMAES PARA CERTIFICAO

Certificamos que o aluno apropriou as seguintes competncias profissionais:

Montar, editar, manipular e tratar imagens no Photoshop, realizando correo de cores,

restaurao de fotos, exportao de arquivos em outros formatos, preparando-os para
impresso ou Internet, conforme as caractersticas do projeto, com senso esttico e de
forma independente;
Criar layouts digitais com o Fireworks, respeitando os direitos de uso da imagem, com
recursos de edio e manipulao de bitmaps e vetores, como tambm inserir
comportamentos aos elementos, exportando-os em formato compatvel com uso em
documentos HTML;
Produzir animaes com Flash criativas, dinmicas e interativas para aplicao em
pginas web com uso de movimento, forma, som e vdeo, de forma independente;
Criar pginas interativas para a Internet com o uso da linguagem HTML, empregando
tabelas, frames, formulrios e CSS de forma autnoma e organizada;
Criar e manter um website de forma planejada com o Dreamweaver, gerenciando
informaes e garantindo a sua funcionalidade, navegao e segurana de informaes;
Projetar, desenvolver e publicar um website, por meio da elaborao e criao planejada,
mediante uma postura tica.

Certificamos que o aluno apropriou os seguintes conhecimentos:

Teoria das cores: sistema RGB e profundidade de cor;

Tcnicas de rafe, esboo, croqui e layout;
Gestault da Forma: percepo de formas e sintetizao de figuras;
Metodologia de criao: briefing, relatrio de briefing, brainstorming, pesquisa de
conceitos, seleo de conceitos e aplicao de conceitos na criao;
Leis compositivas: equilbrio, ritmo, repetio, contraste, harmonia, simetria e assimetria;
Funcionalidade: caractersticas funcionais do projeto de website.

Senac-RS

Produo Cultural e Design

11 de 12

Plano de Curso Web Designer

XI REFERNCIA BIBLIOGRFICA
ADOBE Dreamweaver CS3 Classroom In a Book. Editora Artmed, 2008.
ADOBE Flash CS3 Classroom In a Book. Editora Artmed, 2008.
ADOBE Photoshop CS3 Classroom In a Book. Editora Artmed, 2008.
AZEVEDO, Wilton. Os signos do design.
FILHO, Joo Gomes. Gestalt do Objeto. Escrituras Editora.
LEMAY, Laura. Aprenda a criar pginas WEB. So Paulo, Makron Books, 2002.
MORRIS, Bruce. HTML em Ao. Ed. Campus.
OLIVEIRA, K.; REHDER, W. S. Fireworks. Editora Viena.
OLIVEIRA, K.; REHDER, W. S. Flash. Editora Viena.
PEREIRA, M. G.; PAULA, E. A. Dreamweaver. Editora Viena.
PEREIRA, M. G.; REHDER, W. S. HTML. Editora Viena.
PEREIRA, M. G.; REHDER, W. S. Photoshop. Editora Viena, 2006.
PEREIRA, M. G.; REHDER, W. S. Web Design. Editora Viena, 2003
RADFAHRER, Luli. Design/web/design 2. Market Press Editora, 2001.
RADFAHRER, Luli. Design/Web/Design. Ed. Market Press.
REINHARD, Dowd. Flash MX. Rio de Janeiro, Campus, 2002.
SIEGEL, David. Criando Sites Arrasadores na Web II. Ed. Quark Books.
WENMAN, Lynda. Design Grfico na Web. Editora Quark Books.

Senac-RS

Produo Cultural e Design

12 de 12