Você está na página 1de 12

Plano de Curso Web Designer

NÚCLEO DE EDUCAÇÃO PROFISSIONAL - NEP
PLANO DE CURSO
Identificação no sistema: WEB DESIGNER

Atualizado em: 04/2012

Nome do Curso: WEB DESIGNER
Carga Horária: 240 horas
Tipo de Curso/ Atividade: Capacitação
Nível do Curso: Formação Inicial e Continuada
Área de Produção: Ações de Educação Profissional
Área de Educação: Informática
Eixo Tecnológico: Produção Cultural e Design
Segmento: Web Design
Número máximo de Alunos: 15
Modalidade de Ensino: Presencial
I JUSTIFICATIVA E OBJETIVOS
Um novo milênio surgiu e trouxe com ele novas tecnologias de comunicação. Entre elas está a
rede mundial de computadores: Internet, desenvolvida inicialmente no século passado para
garantir a integridade de dados militares.
A Internet se expandiu para um canal de comunicação entre usuários na esfera global. O jovem é
um dos personagens que mais foi afetado por essa nova tecnologia. Ele já nasceu sob este
prisma e não precisou se adaptar a ele como as gerações anteriores. É ele quem sabe utilizar
com competência seus canais de comunicação para se integrar à sua comunidade virtual.
Conhecer e dominar as ferramentas que desenvolvem páginas para este meio é, além de uma
forma de inclusão digital, uma prática com campo de trabalho extremamente vasto e promissor.
O curso visa oportunizar aos participantes a construção e o aprimoramento de conhecimentos,
habilidades e atitudes para o desenvolvimento de projetos em web design, elaborando e
finalizando páginas e sites para a Internet.

II REQUISITOS PARA ACESSO
Idade: 14 anos completos
Curso de usuário Windows e Internet ou conhecimento equivalente
Obs.: Para estudantes participantes do Programa Senac de Gratuidade é obrigatória a idade
mínima de 16 anos.
III REFERÊNCIA DE ACESSO
Escolaridade: Ensino Fundamental completo

Senac-RS

Produção Cultural e Design

1 de 12

ou na totalidade e sequência em que estão apresentados no itinerário . que não poderá ser realizado isoladamente-. planeja e coordena implantação de projetos de comunicação para internet. elaborando e finalizando páginas e sites.com exceção do módulo de Planejamento e Criação de Sites. Mobiliza conceitos e princípios da comunicação visual e usabilidade. os quais podem ser cursados de forma isolada. Planejamento e Criação de Sites 12h referência de acesso Photoshop 48h referência de acesso HTML 24h Fireworks 24h referência de acesso referência de acesso Flash 48h Dreamweaver 48h Projeto Final Web Designer 36h Senac-RS Produção Cultural e Design 2 de 12 . por meio das tecnologias disponíveis. com atenção à legislação dos direitos autorais. V ORGANIZAÇÃO CURRICULAR O curso está organizado em sete componentes curriculares.Plano de Curso Web Designer IV PERFIL PROFISSIONAL DE CONCLUSÃO O profissional Web Designer cria. desde que se considerem os conhecimentos prévios e requisitos do aluno ingressante.

Referência bibliográfica para o docente: •Adobe Photoshop CS5 – Classroom in a Book. •Iniciativa. brainstorming. Editora Viena. pesquisa de conceitos. seleção de conceitos e aplicação de conceitos na criação. Competência: Montar. •Desejável 01 (uma) impressora colorida formato A4 por sala. exportação de arquivos em outros formatos.Plano de Curso Web Designer Planejamento e Criação de Sites – 12h Requisito para acesso: curso de usuário Windows e Internet ou conhecimento equivalente. esboço.8 GHz. •Leis compositivas: equilíbrio. Eixo Tecnológico: Produção Cultural e Design Conhecimentos •Teoria das cores: sistema RGB e profundidade de cor. preparando-os para impressão ou Internet. Conhecimentos •Área Habilidades de trabalho: personalização do espaço de trabalho. •Funcionalidade: características funcionais do projeto de web site. Software: 1 licença de navegador (Internet Explorer. •Desejável 01 (um) scanner de mesa formato A4 por sala. restauração de fotos. desenhar e selecionar. Eixo Tecnológico: Produção Cultural e Design Requisito para acesso: curso de usuário Windows ou conhecimento equivalente. ovais. •Capricho. •Pintar. •Senso estético. por aluno. Editora Artmed. •Correções básicas de fotos. relatório de briefing. contraste.) por aluno. •Seleções: magic wand. Hardware: 1 computador padrão IBM-PC. •Gestault da Forma: percepção de formas e sintetização de figuras. Photoshop – 48h Descrição no sistema: PHOTOSHOP Tipo de Curso: Programa Instrumental. Referência para acesso: curso Planejamento e Criação de Sites ou Introdução ao Design Gráfico. Firefox etc. ferramenta e outras paletas. harmonia. editar. realizando correção de cores. 3 de 12 . manipular e tratar imagens no Photoshop. com acesso à Internet. ritmo. croqui e layout. Produção Cultural e Design Valores/Atitudes •Criatividade. 1GB RAM e vídeo 64MB) por aluno com acesso à Internet. •Técnicas de rafe. •Metodologia de criação: briefing. com senso estético e de forma independente. (livro negociado com 50% de desconto sobre o valor de tabela) Material Didático sugerido: Livro Photoshop. Software: 1 licença Photoshop por aluno. simetria e assimetria. repetição. Senac-RS •Identificar e utilizar as ferramentas aplicadas ao design gráfico. Hardware: •01 computador (configuração mínima: Pentium® 4 1. conforme as características do projeto.

•Valorização do trabalho em equipe. •Composição avançada. •Manipular arquivos e imagens. Material Didático sugerido: Livro Fireworks. comportamentos às imagens. •Sigilo no trato de 4 de 12 . Hardware: •01 computador (configuração mínima: Pentium® 4 1. •Construir e visualizar peças gráficas. •Inserir Produção Cultural e Design Valores/Atitudes •Iniciativa. •Camadas: paleta layers e estilo de camadas. •Slices. •Atenção. •Criatividade. Software: 1 licença de Fireworks por aluno. rollovers e hotspots. •Produção e impressão de cores consistentes. Editora Viena. imagens animadas e menus. •Imprimir documentos. painel Image Editing e Properties. •Raciocínio lógico. •Estilos. •Representar e editar peças gráficas. com recursos de edição e manipulação de bitmaps e vetores. exportando-os em formato compatível com uso em documentos HTML. •Disciplina. •Senso estético aplicado aos projetos gráficos. •Filtros: cor. sharpen. •Preparação de arquivos para design tipográfico ou para web. •Organizar a peça gráfica. respeitando os direitos de uso da imagem. •Camadas avançadas. como também inserir comportamentos aos elementos. •Planejamento. •Editar e manipular imagens. •Planejamento. •Independência. •Cor. •Escrever. 1GB RAM e vídeo 64MB) por aluno com acesso à Internet. •Desenho vetorial.Plano de Curso Web Designer Photoshop – 48h Descrição no sistema: PHOTOSHOP circulares e lasso. Senac-RS •Criar vetores e bitmaps. •Leiturabilidade. •Fatiar imagens. blur.8 GHz. botões. máscaras e mesclagem. •Efeitos criativos. •Determinação. •Organização. Fireworks – 24h Descrição no sistema: FIREWORKS Tipo de Curso: Programa Instrumental. preenchimento e contorno. •Correção e aprimoramento de fotografias digitais. •Automatizar processos gráficos. de forma digital e normatizada. Eixo Tecnológico: Produção Cultural e Design Requisito para acesso: curso de usuário Windows e Internet ou conhecimento equivalente. •Criar e editar objetos de bibliotecas de símbolos. •Edição de objetos. •Camadas. Conhecimentos Habilidades •Edição de imagens bitmaps. de forma digital e normatizada. Competência: Criar layouts digitais com o Fireworks. •Exportar arquivos como imagem e documento HTML. •Retocar imagens. •Máscaras e canais. noise. •Respeito à propriedade intelectual. •Criar banners. •Técnicas de desenho vetorial. símbolos e biblioteca de URL. •Preparar arquivos para a impressão ou Internet.

Flash – 48h Descrição no sistema: FLASH Tipo de Curso: Programa Instrumental. •Trabalhando com elementos gráficos. (livro negociado com 50% de desconto sobre o valor de tabela) Material Didático sugerido: Livro Flash. •Respeito à propriedade intelectual. 5 de 12 . •Sigilo no trato de informações de clientes. Referência bibliográfica para o docente: •Adobe Flash CS5 – Classroom in a Book. •Concentração. som e vídeo. •Publicação de documentos do Flash. •Inserir e editar som. •Carregamento e otimização do conteúdo Flash. visualização e publicação de filme. Software: 1 licença Flash por aluno. •Trabalho com som e vídeo. 1GB RAM e vídeo 64MB) por aluno com acesso à Internet. •Inserir e editar bitmaps. Competência: Produzir animações com Flash criativas. e tweening. •Utilização de componentes. propriedades. Produção Cultural e Design Valores/Atitudes •Curiosidade. •Criar botões. movie clips e gráficos com inserção de comportamentos. Eixo Tecnológico: Produção Cultural e Design Requisito para acesso: curso de usuário Windows e Internet ou conhecimento equivalente. Editora Viena. •Inserir vídeo. •Animações: objeto. •Animar os quadros. •Respeito ao cliente. dinâmicas e interativas para aplicação em páginas web com uso de movimento. •Atenção.8 GHz. •Raciocínio lógico. •Planejamento. •Slideshow. •Iniciativa. •Testar e exportar arquivos. •Criação de arquivos interativos. Conhecimentos •Área Habilidades de Trabalho: painéis Library e Tools. •Integração com outros aplicativos. •Criatividade. •Exportação de layout. de forma independente. forma. •Trabalhando com texto. •Senso estético aplicado ao projeto. Hardware: •01 computador (configuração mínima: Pentium® 4 1. •Criação e editoração de símbolos. Senac-RS •Configurar a área de trabalho. •Adição de animação. Editora Artmed. •Criar e editar textos.Plano de Curso Web Designer Fireworks – 24h Descrição no sistema: FIREWORKS •Otimização de gráficos. •Respeito ao cliente. •Princípios básicos de ActionScript. caminho informações de clientes. •Criar e editar vetores. •Utilizar recursos de camadas e máscaras. •Organização.

tags e atributos. •Criar o documento HTML com o uso de editores de texto. Hardware: 1 computador padrão IBM-PC com acesso à Internet por aluno. •Aplicar recursos de interatividade às páginas HTML. •Links. •Molduras ou frames. •CSS. Senac-RS •Identificar a estrutura básica das páginas HTML. •Formulários. •Tabelas. •Formatação de texto: blocos de texto. formulários e CSS de forma autônoma e organizada. •Imagens. formatação de fontes. •Organização. •Raciocínio lógico. 6 de 12 . estilos lógicos e físicos. Material Didático sugerido: Livro HTML. Software sugerido: 1 licença de Bloco de Notas por aluno. Produção Cultural e Design Valores/Atitudes •Curiosidade.Plano de Curso Web Designer HTML – 24h Descrição no sistema: HTML Tipo de Curso: Programa Instrumental Eixo Tecnológico: Produção Cultural e Design Requisito para acesso: curso de usuário Windows e Internet ou conhecimento equivalente. frames. •Iniciativa. empregando tabelas. caracteres especiais. •Concentração. Conhecimentos •Elementos Habilidades básicos: publicação de páginas. •Atenção. Competência: Criar páginas interativas para a Internet com o uso da linguagem HTML. Editora Viena.

•Criar links. •Publicação para a web.8 GHz. •Construção de formulários. inserção de texto. tabelas. exportação de estilos CSS. •Inserir arquivos. Software: 01 licença de Dreamweaver por aluno Hardware: •01 computador (configuração mínima: Pentium® 4 1. molduras e •Senso estético aplicado ao objetivo do projeto. •Utilizar Produção Cultural e Design 7 de 12 . barras de ferramentas e preferências. •Planejamento. •Inserção de links. •Iniciativa. •Integração de Ajax com Spry. folhas de estilo. •Adição de multimídia. arquivos de photoshop. objetos e comportamentos. Editora Artmed. •Folhas de Estilo em Cascata: regras de CSS. •Formatar textos e páginas. Competência: Criar e manter um website de forma planejada com o Dreamweaver. •Elaboração de layouts: visualização. propriedades. formulários. gerenciando informações e garantindo a sua funcionalidade. régua e guias. alteração de títulos. •Design com imagens: inserção de imagem. navegação e segurança de informações. •Espaço de Trabalho: criação de espaço personalizado. •Criação de Páginas Interativas: aplicação e modificação de comportamentos. paleta de propriedades. modificação de estilos CSS. elementos DIV. •Responsabilidade. •Inserir imagens. rollovers do fireworks. Referência bibliográfica para o docente: •Adobe Dreamweaver CS5 – Classroom in a Book. bridge. adição de imagens. elementos gráficos. Senac-RS Habilidades Valores/Atitudes •Gerenciar remotamente o site. (livro negociado com 50% de desconto sobre o valor de tabela) Material Didático sugerido: Livro Dreamweaver. Editora Viena. aplicação de estilos. imagens de fundo. •Trabalhos com textos. Conhecimentos •Introdução: ponto de partida. 1GB RAM e vídeo 64MB) por aluno com acesso à Internet. •Trabalhar com camadas.Plano de Curso Web Designer Dreamweaver – 48h Descrição no sistema: DREAMWEAVER Tipo de Curso: Programa Instrumental Eixo Tecnológico: Produção Cultural e Design Requisito para acesso: curso de usuário Windows e Internet ou conhecimento equivalente. •Qualidade na finalização dos documentos.

Software: 1 licença de Dreamweaver. •Utilizar FTP para upload dos arquivos. •Apresentar e defender o projeto. •curso Fireworks ou conhecimento equivalente. •Configuração do servidor para upload. •curso Photoshop ou conhecimento equivalente. desenvolver e publicar um website. 8 de 12 . •Criar e editar o site. •Respeito ao cliente. •Senso estético aplicado aos projetos gráficos.8 GHz. Senac-RS •Planejar o site. •Planejamento. Fireworks e Flash por aluno. mediante uma postura ética. Competência: Projetar.Plano de Curso Web Designer Projeto Final Web Designer (36h) Descrição no sistema: PROJETO FINAL WEB DESIGNER Tipo de Curso: Socioprofissional Eixo Tecnológico: Produção Cultural e Design Requisitos para acesso: •curso Dreamweaver ou conhecimento equivalente. criação e edição do projeto. pesquisa de conceitos. •Técnicas de apresentação do projeto: defesa de conceitoschave e oratória. Hardware: •01 computador (configuração mínima: Pentium® 4 1. •Raciocínio lógico. Produção Cultural e Design Valores/Atitudes •Iniciativa. por meio da elaboração e criação planejada. •Leiturabilidade. •Respeito à propriedade intelectual. •Configuração e uso de FTP. •Gerenciar o site. •Sigilo no trato de informações de clientes. •Gerenciamento do site: atualização de informações. brainstorming. •Desinibição. Conhecimentos •Metodologia Habilidades aplicada à construção de site: briefing. •Organização. •Criatividade. relatório de briefing. •Responsabilidade. •Configurar o site para upload. •curso Flash ou conhecimento equivalente. 1GB RAM e vídeo 64MB) por aluno com acesso à Internet. •Atenção. seleção de conceitos.

Para cada componente curricular são organizados instrumentos e estratégias de avaliação com a finalidade de realizar investigação e traçar novas oportunidades no processo de aprendizagem. O aluno maior de 16 anos tem a possibilidade de realizar estágio não obrigatório. •Adequar •Fazer os sites respeitando as tecnologias suportadas pelo navegador.Plano de Curso Web Designer VI INDICAÇÃO METODOLÓGICA “A resolução de problemas conduz à autonomia. As demais orientações estão especificadas no Documento anexo à CI 058/2006. portfólio e outros. •Realizar a manutenção de sites hospedados em servidores web. A abrangência da avaliação envolve o desenvolvimento do raciocínio. •Montar layouts para sites. Procedimentos metodológicos: fazendo caminhos . •Preparar •Criar imagens bitmaps e vetoriais para web com o Fireworks. da capacidade criadora. VII CRITÉRIOS DE AVALIAÇÃO O aluno é avaliado a partir da observação resultante de experiências acumuladas em diferentes situações e momentos de aprendizagem. O processo educativo deverá ser registrado no Diário de Classe. contribuindo fortemente para o desenvolvimento do pensamento lógico”. Atividades de estágio: •Criar e modificar páginas no formato HTML. o upload do site para o servidor de hospedagem. resolução de problemas. possibilitando ao agente criar seus próprios métodos. menus. tais como projetos.Luiz Alberto Sanz . pesquisas. Senac-RS Produção Cultural e Design 9 de 12 . etc. do ajustamento interativo com o meio e da capacidade produtiva.Série Didática para Educação Profissional. após o término do componente curricular Photoshop. hot sites. animações em Flash com interatividade e som: banners.. técnicas e processos. no qual o aluno participe ativamente do processo por meio de resolução de problemas e projetos. •Aplicar as formatações das folhas de Estilo (CSS). entre outras atividades propostas. O docente deve oportunizar um espaço de construção de conhecimentos e desenvolvimento de competências. Devem ser priorizados instrumentos de avaliação integradores de componentes curriculares e estimuladores da autonomia na aprendizagem que envolvam atividades realizadas individualmente e socializadas e que forneçam indicadores da aplicação no contexto profissional das competências desenvolvidas. mediante a matrícula no módulo de Estágio. a partir da conclusão de 72h do curso. seguindo orientações do Procedimento Planejamento e Execução das Ações de Secretaria e do Pedagógico.

bem como da área Tecnologia da Informação. D – quando o estudante não apropriou as competências previstas no perfil profissional de conclusão. negociar/administrar conflitos. criatividade e liderança. em algum componente curricular e/ou frequência inferior a 75%. participação. pontualidade na entrega dos trabalhos. a habilidade de trabalhar em grupo. É considerado reprovado aquele aluno que obtiver a expressão de resultados D (Não apropriou as competências). além da frequência mínima obrigatória que é de 75% do total de horas do Curso. C – quando o estudante evidenciou. Nos cursos de formação inicial e continuada não estruturados por competência. superando as competências exigidas no respectivo perfil. preferencialmente com experiência didática. a expressão do resultado da avaliação se dá a partir da apropriação das habilidades e/ou conhecimentos. IX PERFIL DA DOCÊNCIA Profissional da área de Design.Plano de Curso Web Designer VIII FORMA DE COMUNICAÇÃO DOS RESULTADOS O resultado do processo de avaliação é expresso nas menções: A – quando o estudante evidenciou com excelência a apropriação das competências propostas e demonstra total comprometimento com a assiduidade. B – quando o estudante evidenciou a apropriação das competências propostas. Apresenta as características psicossociais exigidas pelo perfil profissional. estabelecida na carga horária total do curso. a apropriação de todas as competências relevantes e apresenta as características psicossociais mínimas exigidas no perfil profissional. apresenta atitudes que se destacam nos aspectos referentes ao relacionamento interpessoal. pontualidade/qualidade na entrega dos trabalhos. Artes Visuais e Comunicação. ética e boa comunicação. postura profissional. demonstra assiduidade. É considerado aprovado aquele aluno que obtiver menção (A. no mínimo. participação. B ou C) no resultado do processo de avaliação ou no processo de recuperação. Senac-RS Produção Cultural e Design 10 de 12 . A recuperação é contínua e realizada concomitantemente com o desenvolvimento dos componentes curriculares.

formulários e CSS de forma autônoma e organizada. harmonia. mediante uma postura ética. restauração de fotos. Metodologia de criação: briefing. forma. exportação de arquivos em outros formatos. contraste. dinâmicas e interativas para aplicação em páginas web com uso de movimento. ritmo. realizando correção de cores. Funcionalidade: características funcionais do projeto de website. por meio da elaboração e criação planejada. brainstorming. Criar layouts digitais com o Fireworks. som e vídeo. navegação e segurança de informações. manipular e tratar imagens no Photoshop. de forma independente. conforme as características do projeto. Técnicas de rafe. editar. Criar e manter um website de forma planejada com o Dreamweaver.Plano de Curso Web Designer X CERTIFICAÇÃO INFORMAÇÕES PARA CERTIFICAÇÃO Certificamos que o aluno apropriou as seguintes competências profissionais: • • • • • • Montar. com recursos de edição e manipulação de bitmaps e vetores. repetição. como também inserir comportamentos aos elementos. frames. empregando tabelas. croqui e layout. Gestault da Forma: percepção de formas e sintetização de figuras. respeitando os direitos de uso da imagem. Leis compositivas: equilíbrio. desenvolver e publicar um website. Criar páginas interativas para a Internet com o uso da linguagem HTML. simetria e assimetria. seleção de conceitos e aplicação de conceitos na criação. Senac-RS Produção Cultural e Design 11 de 12 . gerenciando informações e garantindo a sua funcionalidade. Projetar. esboço. Certificamos que o aluno apropriou os seguintes conhecimentos: • • • • • • Teoria das cores: sistema RGB e profundidade de cor. relatório de briefing. com senso estético e de forma independente. exportando-os em formato compatível com uso em documentos HTML. preparando-os para impressão ou Internet. pesquisa de conceitos. Produzir animações com Flash criativas.

Flash. Lynda. LEMAY. Ed. Editora Viena. S. Gestalt do Objeto. K. S. PEREIRA. REHDER. Ed. SIEGEL. Market Press. G. 2002. REHDER.. PEREIRA. Rio de Janeiro. E. PAULA. S. WENMAN. Makron Books. Editora Artmed. Luli. M. W. ADOBE Flash CS3 – Classroom In a Book. Bruce. Luli. Aprenda a criar páginas WEB. HTML. G. Market Press Editora. W. M. 2002. K. Editora Artmed. A. Editora Viena. Criando Sites Arrasadores na Web II. Editora Viena. G. Laura. David. HTML em Ação. PEREIRA. REHDER. Editora Viena.. OLIVEIRA. 2008. Campus. Web Design. 2006. 2001. 2008. W. Ed. ADOBE Photoshop CS3 – Classroom In a Book. Dreamweaver. Quark Books.. 2003 RADFAHRER.Plano de Curso Web Designer XI REFERÊNCIA BIBLIOGRÁFICA ADOBE Dreamweaver CS3 – Classroom In a Book. MORRIS... João Gomes. S. Editora Quark Books. REINHARD. Flash MX. São Paulo. Campus. G. Senac-RS Produção Cultural e Design 12 de 12 . Editora Viena. W. M. W. Photoshop. Fireworks. FILHO. Design/Web/Design. S. OLIVEIRA. Dowd. REHDER.. M. Os signos do design. Wilton. AZEVEDO. Design/web/design 2. Editora Artmed. Escrituras Editora. Design Gráfico na Web. 2008. REHDER. RADFAHRER. PEREIRA. Editora Viena.