Weblife Apostila - Cursos Profissionalizantes Manual de Webdesign 02

1615

Ementa

Objetivos

Neste curso o aluno aprenderá o que é a Internet e como “navegar” na rede mundial de computadores. Verá ainda como utilizar seus inúmeros recursos: download, e-mail, lista de discussão, chat, pesquisa, entre outros.

- Apresentar a Internet e sua história.- Explicar como a Internet funciona e como ela é estruturada.- Ensinar o que significa: world wide web, protocolo, páginas web, sites, links e outros conceitos ligados à Internet- Discutir a questão da segurança na Internet.

Estrutura do Curso e Interatividade

Novos termos para o glossário.

Novos links para a biblioteca.

Comentários, críticas e sugestões. A Weblife quer te ouvir!

Material Extra O curso contém um glossário e uma biblioteca de links para apoiar o aprendizado do aluno. No seu dia-a-dia você pode identificar palavras que normalmente causam dúvidas aos alunos e que deveriam estar no glossário, ou mesmo links de internet que auxiliaram durante o curso e que deveriam estar na biblioteca de links. Sugira! Contamos com você para melhorar constantemente nossos conteúdos.

Internet

Módulo Aula Interações Didáticas Existentes e Ativ. Extras Propostas

MÓDULO 1 - APRESENTAÇÃO INFORMAÇÕES SOBRE O CURSO ...

INTRODUÇÃO

Obviamente o curso de Introdução de Internet pode e deve ser MUITO enriquecido durante sua aplicação, já que o aluno estará em contato direto com a Web. Durante o andamento do curso, em caso de dúvidas e necessidade de outros exemplos o mediador pode se valer da conexão disponível e oferecer ao usuário a oportunidade de realizar na prática o que estiver sendo tratado durante o curso.

APRESENTANDO A INTERNET HISTÓRICO DA INTERNET ESTRUTURA DA INTERNET SEGURANÇA

MÓDULO 2 – A REDE

SUMÁRIO

Este módulo é fundamentalmente focado em leitura e ilustrações. Caso o mediador perceba cansaço no aluno, seria interessante oferecer atividades paralelas de navegação e exploração da internet.

INTRODUÇÃO ... NAVEGANDO NA WEB ...

INTERNET EXPLORER

Págs. 02 à 04 - Esta parte do curso trata do software mais comum para acesso à internet. O mediador pode utilizar um processo de comparação entre o navegador apresentado no curso com o navegador que o aluno estiver utilizando. É uma boa oportunidade de entender a relação softwares x acesso web.

TRANSFERÊNCIA DE DADOS E DOWNLOAD

Pág. 01 – Simulação Interativa – Transferência de Dados.

MÓDULO 3 – UTILIZANDO A INTERNET

SUMÁRIO ... INTRODUÇÃO ...

CONTA DE E-MAIL Pág. 03 – Esta parte do curso apresenta um tutorial sobre como criar uma conta de e-mail gratuita nos três mais conhecidos portais de e-mail grátis. O mediador deve apoiar o aluno na criação da sua conta pessoal, caso este não possua uma.

ENVIANDO E RECEBENDO E-MAILS

...

MÓDULO 4 – E-MAIL

SUMÁRIO ... INTRODUÇÃO O MSN MESSENGER LISTA DE DISCUSSÃO CHATS FÓRUM PESQUISA NA INTERNET FTP DICAS DE COMPORTAMENTO NA INTERNET

ALGUNS LINKS INTERESSANTES

MÓDULO 5 – OUTROS SERVIÇOS

SUMÁRIO

Todos os temas deste módulo podem ser vivenciados na prática pelo aluno, utilizando a conexão disponível. Acompanhe e sugira.

INTRODUÇÃO À INTERNET INTRODUÇÃO À INTERNET

(Registre aqui suas sugestões e faça contato com o suporte da . Você pode utilizar o telefone 31-3291-0181 ou o e-mail: [email protected].)

Weblife

17


Ementa

Objetivos

Neste curso o aluno aprenderá a utilizar o sistema operacional Windows XP para ativar um computador, gerenciar sua memória e utilizar softwares. Ele foi construído de maneira suficientemente genérica para que após ter se certificado neste curso, o aluno possa se sair bem no trabalho com qualquer outro sistema operacional.

- Fazer uma introdução sobre o uso de computadores.- Apresentar o sistema operacional e sua área de trabalho. - Mostrar como alterar algumas configurações da área de trabalho.- Ensinar a utilizar o Windows através de janelas, pastas e arquivos- Explicar o que são e para que servem os principais aplicativos do Windows. - Instruir sobre como obter os documentos que todo cidadão brasileiro deve possuir.

WINDOWS XP BÁSICO

Windows XP Básico

Módulo Aula Interações Didáticas Existentes e Ativ. Extras Propostas

MÓDULO 1 – APRESENTAÇÃO INFORMAÇÕES SOBRE O CURSO

...

INTRODUÇÃO

Neste curso foi utilizado um guia animado. Ele “fala”, mas todo o conteúdo falado também está disponível para leitura em tela. Caso o aluno possua áudio na máquina poderá acessar de maneira mais interativa, caso não possua, não haverá problemas. Este é um curso sobre um software que provavelmente não estará disponível aos alunos. Devido a isso o curso foi totalmente construído baseado em telas demonstrativas e simulações, para minimizar a falta do software para praticar. Estimule seu aluno a praticar em outros locais, onde tenha acesso ao software.

O COMPUTADOR Pág. 04 – Atividade Interativa de simulação.

UNIDADES DO COMPUTADOR

SISTEMA OPERACIONAL CONCEITOS BÁSICOS

MÓDULO 2 – INTRODUÇÃO AO USO DOS COMPUTADORES

SUMÁRIO

As ilustrações explicativas devem ser bem exploradas para que o aluno compreenda e crie solidez no entendimento de cada trecho deste módulo. Fique atento às dicas oferecidas pelo Guia Virtual, ele pode contribuir muito para o aprendizado do aluno.

INTRODUÇÃO APRESENTANDO O WINDOWS XP

INICIANDO O WINDOWS XP Pág. 01 – Atentar para animação simulada do processo de iniciação do software.

ÁREA DE TRABALHO Pág. 02 – Simulação de troca da Plano de Fundo. O aluno deve clicar em “Play”.

ÍCONES E ATALHOS

BOTÃO INICIAR

Pág. 03 - Simulação de uso do “Botão Iniciar”. O aluno deve clicar em “Play”. Há também um “Quer uma dica?” oferecido pelo guia ao final da página. O aluno deve clicar para vê-la. Pág. 04 - Simulação de “Fixação de Ícone” O aluno deve clicar em “Play”.

SAINDO DO WINDOWS ...

MÓDULO 3 – CONHECENDO O WINDOWS XP

SUMÁRIO ...

Módulo Aula Interações Didáticas Existentes e Ativ. Extras Propostas INTRODUÇÃO JANELAS PASTAS

Atenção para as ilustrações explicativas. São fundamentais para o entendimento do curso.

ARQUIVOS Pág. 01 e 03 – Ação Interativa “Quer uma dica?” oferecida pelo guia ao final da página. O aluno deve clicar para vê-la. Pág. 09 – Simulação Interativa – “Movendo Arquivos”. O aluno deve clicar em “Play”.

LIXEIRA ... PESQUISAR ... PAINEL DE CONTROLE ... FERRAMENTAS DO SISTEMA ...

MÓDULO 4 – TRABALHANDO NO WINDOWS XP

SUMÁRIO ... INTRODUÇÃO ... WORDPAD Pág. 01 – Exploração Interativa. CALCULADORA

WINDOWS MEDIA PLAYER ...

JOGOS ...

MÓDULO 5 – PROGRAMAS DO WINDOWS XP

SUMÁRIO ... INTRODUÇÃO .... WINDOWS XP E O ACESSO À INTERNET

...

INTERNET EXPLORER Pág. 01 – Exploração Interativa.

MÓDULO 6 – O WINDOWS XP E A INTERNET

SUMÁRIO ...

18





WINDOWS XP BÁSICO


Weblife

2019

Ementa

Objetivos

Neste curso o aluno irá aprender a utilizar o software Photoshop 7.0, para criar e desenvolver designs de alto impacto, visando tanto o trabalho para a internet, quanto a produção de materiais impressos.

- Apresentar um dos softwares mais utilizadas no mercado de Webdesign.- Informar sobre as potencialidades de uso do software.- Capacitar no uso das ferramentas de design disponíveis no software.


ADOBE PHOTOSHOP 7.0 BÁSICO ADOBE PHOTOSHOP 7.0 BÁSICO

Módulo Aula Interações Didáticas Existentes e Ativ. Extras Propostas INTRODUÇÃO

Este é um curso sobre um software que provavelmente não estará disponível aos alunos. Devido a isso, o curso foi totalmente construído baseado em telas demonstrativas e simulações, para minimizar a falta do software para praticar.

A TELA DO PHOTOSHOP

MÓDULO 1 – CONHECENDO O PHOTOSHOP 7.0

CRIANDO UM NOVO ARQUIVO Estimule seu aluno a praticar em outros locais, onde tenha acesso ao software.

CAIXA DE FERRAMENTAS ... FERRAMENTAS DE SELEÇÃO

MÓDULO 2 – FERRAMENTAS FERRAMENTAS DE PINTURA

TRABALHANDO COM TEXTOS TRABALHANDO COM LAYERS

O curso de Photoshop é totalmente interativo. A navegação e as explicações sobre o software e seu funcionamento dependem da navegação do aluno, que o próprio responsável pelo andamento do mesmo. AS PALETAS DO PHOTOSHOP ... PATHS

IMAGENS PARA INTERNET MÓDULO 3 – TRABALHANDO NO PHOTOSHOP 7.0

MENUS DO PHOTOSHOP

Estimule seu aluno a buscar um local onde possa realizar as tarefas apresentadas, na prática. Isso será fundamental para o aprendizado completo do software.






Weblife

Photoshop

Módulo Aula Interações Didáticas Existentes e Ativ. Extras Propostas INTRODUÇÃO ... CRIANDO ANIMAÇÕES ANIMAÇÃO QUADRO A QUADRO SÍMBOLO - GRÁFICO ANIMAÇÃO POR INTERPOLAÇÃO INTERPOLAÇÃO DE FORMA SÍMBOLO – CLIPE DE FILME GUIA DE MOVIMENTO SÍMBOLO - BOTÃO CENAS

Estimule o aluno a explorar profundamente as animações aprensentadas nas telas. Elas mostram os efeitos que a ferramenta pode criar. O aluno fundamentalmente necessitará exercitar seus conhecimentos em um local onde possua acesso ao software em questão. Estimule o aluno a realizar as atividades sugeridas -(Módulo: Animações – Aula: Cenas - Atividades Sugeridas pág. 01) em algum local em que tenha acesso ao software.

MÓDULO 6 – ANIMAÇÕES

SUMÁRIO ... INTRODUÇÃO ....

AÇÕES

Pág. 03 – Simulação Interativa – “Stop and Play” Pág. 05 – Simulação Interativa – “Dois Objetos” Estimule o aluno a realizar as atividades sugeridas -(Módulo: Ações – Aula: Ações - Atividades Sugeridas pág. 01) em algum local em que tenha acesso ao software.

MÓDULO 7 – AÇÕES

SUMÁRIO ...

21

Ementa

Objetivos

Neste curso o aluno irá aprender a utilizar o software Macromedia Flash para criar e desenvolver ilustrações, animações interativas, simulações e jogos para a Internet.

- Apresentar um dos softwares mais utilizadas no mercado de Webdesign.- Informar sobre as potencialidades de uso do software.- Capacitar no uso das ferramentas de ilustração disponíveis no software.- Capacitar no uso das ferramentas de animação interativa disponíveis no software.


MACROMEDIA FLASH MX BÁSICOMACROMEDIA FLASH MX BÁSICO






Weblife

22

Módulo Aula Interações Didáticas Existentes e Ativ. Extras Propostas MÓDULO 1 – APRESENTAÇÃO INFORMAÇÕES SOBRE O CURSO ...

INTRODUÇÃO

Este é um curso sobre um software que provavelmente não estará disponível aos alunos. Devido a isso o curso foi totalmente construído baseado em telas demonstrativas e simulações, para minimizar a falta do software para praticar. Estimule seu aluno a praticar em outros locais, onde tenha acesso ao software.

MACROMEDIA FLASH ... GRÁFICOS VETORIAIS E BITMAP ... AMBIENTE DE TRABALHO Pág. 03 – Simulação Interativa. O aluno deve clicar em “Play”. PUBLICANDO NO FLASH ...

MÓDULO 2 – CONHECENDO O FLASH


RÉGUAS, GRADES E GUIAS ...

BARRA DE FERRAMENTAS

Págs. 02 à 20 – Várias Simulações Interativas. O aluno deve clicar em “Play”. (Simulação das Ferramentas: Seta; Subselecionar; Linha; Laço; Caneta; Texto; Oval; Retângulo; Lápis; Pincel; Transformação Livre; Transformar Preenchimento; Tinteiro; Balde de Tinta; Conta-gotas; Apagador; Mão; Zoom e Cor do Preenchimento.)

MÓDULO 3 – FERRAMENTAS

SUMÁRIO ...

INTRODUÇÃO ... AGRUPANDO OBJETOS ... ORGANIZANDO OBJETOS ALINHANDO OBJETOS DISTRIBUINDO OBJETOS

MÓDULO 4 – ORGANIZANDO OBJETOS

SUMÁRIO

As ilustrações explicativas devem ser bem exploradas para que o aluno compreenda e crie solidez no entendimento de cada trecho deste módulo. Fique atento às dicas oferecidas pelo Guia Virtual, ele pode contribuir muito para o aprendizado do aluno.

INTRODUÇÃO ...

IMPORTANDO IMAGENS

ATIVIDADE EXTRA: Este é um bom momento para sugerir que o aluno faça uma pesquisa web, sobre sites que utilizam o Macromedia Flash como ferramenta de desenvolvimento. É interessante explorar exemplos aplicados, para compreender os possíveis usos para a ferramenta.

MÓDULO 5 – IMAGENS

SUMÁRIO ...

Flash MXB

INTRODUÇÃO ... FUNÇÃO E COMANDOS ... TEXTOS

Pág. 01 a 04 – Atividade Interativa – Ao clicar no link o aluno poderá ver como funciona o código apresentado.

MENUS

Pág. 01 a 03 – Atividade Interativa – Ao clicar no link o aluno poderá ver como funciona o código apresentado.

BOTÕES

Pág. 01 – Atividade Interativa – Ao clicar no link o aluno poderá ver como funciona o código apresentado.

EXEMPLO DE FORMULÁRIO

Atividade interessante de ser explorada junto ao aluno. A cada mudança executada nas caixas de texto, a mensagem que aparecerá após clicar no botão “Testar”, mudará.

MÓDULO 4 – FORMULÁRIOS


PLANEJAMENTO

PUBLICAÇÃO OUTRAS TECNOLOGIAS

Estimule o aluno a pesquisar na Web sobre as novas tecnologias disponíveis para o desenvolvimento de sites Web.

MÓDULO 5 – ETAPAS DA CRIAÇÃO DE UM SITE

SUMÁRIO ...

23

Ementa

Objetivos

Neste curso o aluno vai aprender os comandos básicos da linguagem HTML, que é a base da programação para a Internet, e também como utilizá-los para montar um website completo.

- Apresentar os conceitos básicos sobre internet e HTML. - Ensinar como montar uma página web na linguagem HTML através da utilização de tags (comandos). - Mostrar como montar uma webpage utilizando e formatando textos, listas, links, imagens e tabelas. - Apresentar os comandos para se formatar um formulário. - Dar dicas de como planejar e desenvolver seu site. - Discorrer brevemente sobre as novas tecnologias no que diz respeito à elaboração de páginas


PROGRAMAÇÃO HTML PROGRAMAÇÃO HTML

24






Weblife

Programação HTML

Módulo Aula Interações Didáticas Existentes e Ativ. Extras Propostas MÓDULO 1 – APRESENTAÇÃO INFORMAÇÕES SOBRE O CURSO ...

INTRODUÇÃO

A linguagem de programação HTML pode ser exercitada em qualquer computador, pois em sua origem nada mais é que um texto codificado. Portanto ferramentas como o “Bloco de Notas”, “WordPad”, “OpenOffice Writer” ou “Word” podem ser utilizadas. As ferramentas específicas de desenvolvimento não precisam necessariamente ser utilizadas pelo aluno, apesar de que isto causaria um bom impacto no seu aprendizado.

NOÇÕES DE INTERNET Pág. 04 – Ação Interativa – Link. Estimule seu aluno a explorar bem as ilustrações explicativas. Elas são fundamentais para o bom entendimento do conteúdo.

CARACTERÍSTICAS GERAIS DO HTML

ATIVIDADE EXTRA - Pág. 01 – Estimule o seu aluno a clicar com o botão esquerdo no mouse na própria tela do curso e escolher a opção “Ver o Código” ou “View Source”. Ele compreenderá que o que se vê na tela está baseado no código escrito para desenvolver tal tela. Estimule o seu aluno a ficar atento aos ícones “IMPORTANTE!”. Eles auxiliam muito na compreensão do conteúdo. Ao final desta aula estão apresentados os links para os sites das empresas fornecedoras dos sistemas mais conhecidos para produção de HTML's.

MÓDULO 2 – NOÇÕES BÁSICAS DE HTML

SUMÁRIO ... INTRODUÇÃO ... COMO ESCREVER O CÓDIGO

Pág. 02 – Atividade Sugerida – As atividades supõem que o aluno estará em algum local onde possa gravar arquivos, para construir a atividade. Estimule o aluno a realizar a atividade em algum local onde isso seja possível. É interessante que ele realize a atividade durante o curso, mesmo que não seja possível salvá-la.

ESTRUTURA BÁSICA

Pág. 05 – Atividade Interativa – Ao clicar no link o aluno poderá ver como funciona a META TAG REFRESH. Estimule que ele clique no link e observe atentamente o que irá ocorrer.

TEXTO

Pág. 02, 03, 04, 05 e 07 – Atividade Interativa – Ao clicar no link o aluno poderá ver como funciona o código apresentado.

LISTAS

Pág. 01 a 06 – Atividade Interativa – Ao clicar no link o aluno poderá ver como funciona o código apresentado. Esta aula exige muita atenção e uma exploração cuidadosa dos exemplos e das atividades propostas.

LINKS

INSERÇÃO DE IMAGENS

Pág. 01 e 03 – Atividade Interativa – Ao clicar no link o aluno poderá ver como funciona o código apresentado.

FORMATOS DE IMAGENS

Estimule seu aluno a explorar bem as ilustrações explicativas. Elas são fundamentais para o bom entendimento do conteúdo.

TABELAS

Pág. 02, 03, 04, 05 e 07 – Atividade Interativa – Ao clicar no link o aluno poderá ver como funciona o código apresentado.

MÓDULO 3 – CRIAÇÃO DE DOCUMENTOS HTML

SUMÁRIO ...

Documents

Weblife Apostila - Cursos Profissionalizantes Manual de Webdesign 02