Web Designer

Plano de Curso Web Designer

Senac-RS Produo Cultural e Design 1 de 12

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



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.

referncia de acesso

Projeto Final Web Designer

36h

Flash 48h

Planejamento e Criao de Sites

12h

Dreamweaver 48h

Fireworks 24h

HTML 24h

referncia de acesso

referncia de acesso

Photoshop 48h

referncia de acesso



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 Habilidades Valores/Atitudes

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

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

Criatividade; Senso esttico; Capricho; Iniciativa;



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.


Edio de imagens bitmaps; Desenho vetorial; Edio de objetos; Cor, preenchimento e contorno; Camadas, mscaras e mesclagem; Estilos, smbolos e biblioteca de URL; Slices, rollovers e hotspots; Filtros: cor, blur, noise, sharpen, painel Image Editing e Properties; Efeitos criativos;

Criar vetores e bitmaps; Editar e manipular imagens; Criar banners, botes, imagens animadas e menus; Inserir comportamentos s imagens; Fatiar imagens; Exportar arquivos como imagem e documento HTML.

Iniciativa; Ateno; Criatividade; Planejamento; Senso esttico aplicado aos projetos grficos; Leiturabilidade; Respeito propriedade intelectual; Sigilo no trato de



Fireworks 24h Descrio no sistema: FIREWORKS

Otimizao de grficos; Exportao de layout; Animaes: objeto, caminho e tweening; Slideshow; Integrao com outros aplicativos.

informaes de clientes; Respeito ao cliente.

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:


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.


rea 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.

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.

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.



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.


Elementos 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.

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.

Curiosidade; Iniciativa; Concentrao; Ateno; Raciocnio lgico; Organizao.



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:


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.


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.

Gerenciar remotamente o site; Formatar textos e pginas; Inserir imagens; Criar links, tabelas, molduras e formulrios; Trabalhar com camadas; Inserir arquivos, objetos e comportamentos; Utilizar folhas de estilo.

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



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:


Competncia: Projetar, desenvolver e publicar um website, por meio da elaborao e criao planejada, mediante uma postura tica.


Metodologia 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 conceitos-chave e oratria; Configurao do servidor para upload; Configurao e uso de FTP; Gerenciamento do site: atualizao de informaes.

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.

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.



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 imagens bitmaps e vetoriais para web com o Fireworks; Criar animaes em Flash com interatividade e som: banners, menus, hot sites, etc.; Montar layouts para sites;

Adequar os sites respeitando as tecnologias suportadas pelo navegador; Fazer 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.



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.



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.



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.

Web Designer

Documents

Transcript of Web Designer