Weblife Apostila - Cursos Profissionalizantes Manual de Webdesign 02

INTRODUÇÃO À INTERNET

INTRODUÇÃO À INTERNET

Ementa

Material Extra

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.

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.

Novos termos para o glossário. Objetivos - 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.

Internet

Estrutura do Curso e Interatividade Módulo MÓDULO 1 - APRESENTAÇÃO

Aula INFORMAÇÕES SOBRE O CURSO

INTRODUÇÃO MÓDULO 2 – A REDE APRESENTANDO A INTERNET HISTÓRICO DA INTERNET ESTRUTURA DA INTERNET SEGURANÇA SUMÁRIO INTRODUÇÃO NAVEGANDO NA WEB MÓDULO 3 – UTILIZANDO A INTERNET

INTERNET EXPLORER

TRANSFERÊNCIA DE DADOS E DOWNLOAD SUMÁRIO INTRODUÇÃO

MÓDULO 4 – E-MAIL

MÓDULO 5 – OUTROS SERVIÇOS

CONTA DE E-MAIL ENVIANDO E RECEBENDO E-MAILS SUMÁRIO INTRODUÇÃO O MSN MESSENGER LISTA DE DISCUSSÃO CHATS FÓRUM PESQUISA NA INTERNET FTP DICAS DE COMPORTAMENTO NA INTERNET

Interações Didáticas Existentes e Ativ. Extras Propostas ... 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.

Novos links para a biblioteca.

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

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

Pág. 01 – Simulação Interativa – Transferência de Dados. ... ... 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. ... ...

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

ALGUNS LINKS INTERESSANTES SUMÁRIO

15

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

16

WINDOWS XP BÁSICO

WINDOWS XP BÁSICO Módulo

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

MÓDULO 4 – TRABALHANDO NO WINDOWS XP

Objetivos - 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

MÓDULO 5 – PROGRAMAS DO WINDOWS XP

MÓDULO 6 – O WINDOWS XP E A INTERNET

Módulo

Aula INFORMAÇÕES SOBRE O CURSO

ARQUIVOS LIXEIRA PESQUISAR PAINEL DE CONTROLE FERRAMENTAS DO SISTEMA SUMÁRIO INTRODUÇÃO WORDPAD CALCULADORA WINDOWS MEDIA PLAYER JOGOS SUMÁRIO INTRODUÇÃO WINDOWS XP E O ACESSO À INTERNET INTERNET EXPLORER SUMÁRIO

Interações Didáticas Existentes e Ativ. Extras Propostas Atenção para as ilustrações explicativas. São fundamentais para o entendimento do curso. 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”. ... ... ... ... ... ... Pág. 01 – Exploração Interativa. ... ... ... .... ... Pág. 01 – Exploração Interativa. ...

Material Extra

Estrutura do Curso e Interatividade MÓDULO 1 – APRESENTAÇÃO

Aula INTRODUÇÃO JANELAS PASTAS

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.

Interações Didáticas Existentes e Ativ. Extras Propostas ...

Novos termos para o glossário. INTRODUÇÃO MÓDULO 2 – INTRODUÇÃO AO USO DOS COMPUTADORES O COMPUTADOR UNIDADES DO COMPUTADOR SISTEMA OPERACIONAL CONCEITOS BÁSICOS SUMÁRIO

MÓDULO 3 – CONHECENDO O WINDOWS XP

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. Pág. 04 – Atividade Interativa de simulação.

Novos links para a biblioteca.

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

Comentários, críticas e sugestões. A Weblife quer te ouvir! 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 SUMÁRIO

... ...

17

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

18

ADOBE PHOTOSHOP 7.0 BÁSICO

Photoshop

ADOBE PHOTOSHOP 7.0 BÁSICO

Ementa

Material Extra

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.

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.

Objetivos

Novos termos para o glossário.

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

Estrutura do Curso e Interatividade Módulo

Aula INTRODUÇÃO

MÓDULO 1 – CONHECENDO O PHOTOSHOP 7.0

MÓDULO 2 – FERRAMENTAS

MÓDULO 3 – TRABALHANDO NO PHOTOSHOP 7.0

A TELA DO PHOTOSHOP CRIANDO UM NOVO ARQUIVO CAIXA DE FERRAMENTAS FERRAMENTAS DE SELEÇÃO FERRAMENTAS DE PINTURA TRABALHANDO COM TEXTOS TRABALHANDO COM LAYERS AS PALETAS DO PHOTOSHOP PATHS IMAGENS PARA INTERNET MENUS DO PHOTOSHOP

Interações Didáticas Existentes e Ativ. Extras Propostas 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 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.

Novos links para a biblioteca.

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

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

19

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

20

MACROMEDIA FLASH MX BÁSICO

MACROMEDIA FLASH MX BÁSICO Módulo

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

MÓDULO 6 – ANIMAÇÕES

Objetivos

Flash MXB

- 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. MÓDULO 7 – AÇÕES

Aula INFORMAÇÕES SOBRE O CURSO

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. Estimule seu aluno a praticar em outros locais, onde tenha acesso ao software.

MÓDULO 2 – CONHECENDO O FLASH MACROMEDIA FLASH GRÁFICOS VETORIAIS E BITMAP AMBIENTE DE TRABALHO PUBLICANDO NO FLASH SUMÁRIO INTRODUÇÃO RÉGUAS, GRADES E GUIAS

MÓDULO 3 – FERRAMENTAS

MÓDULO 4 – ORGANIZANDO OBJETOS

BARRA DE FERRAMENTAS

...

INTRODUÇÃO AGRUPANDO OBJETOS ORGANIZANDO OBJETOS

... ...

DISTRIBUINDO OBJETOS SUMÁRIO INTRODUÇÃO MÓDULO 5 – IMAGENS

IMPORTANDO IMAGENS

SUMÁRIO

Interações Didáticas Existentes e Ativ. Extras Propostas ... 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. ... .... 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. ...

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.

Novos termos para o glossário.

... ... Pág. 03 – Simulação Interativa. O aluno deve clicar em “Play”. ... ... ... ... 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.)

SUMÁRIO

ALINHANDO OBJETOS

AÇÕES

SUMÁRIO

Estrutura do Curso e Interatividade Módulo MÓDULO 1 – APRESENTAÇÃO

Aula 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 SUMÁRIO INTRODUÇÃO

Novos links para a biblioteca.

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.

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

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

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

22

P R O G RA M A Ç Ã O H T M L

P R O G RA M A Ç Ã O H T M L

Ementa

INTRODUÇÃO FUNÇÃO E COMANDOS TEXTOS

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.

MENUS MÓDULO 4 – FORMULÁRIOS

Objetivos

BOTÕES

- 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

EXEMPLO DE FORMULÁRIO

SUMÁRIO INTRODUÇÃO PLANEJAMENTO MÓDULO 5 – ETAPAS DA CRIAÇÃO DE UM SITE

PUBLICAÇÃO OUTRAS TECNOLOGIAS SUMÁRIO

... ... Pág. 01 a 04 – Atividade Interativa – Ao clicar no link o aluno poderá ver como funciona o código apresentado. Pág. 01 a 03 – Atividade Interativa – Ao clicar no link o aluno poderá ver como funciona o código apresentado. Pág. 01 – Atividade Interativa – Ao clicar no link o aluno poderá ver como funciona o código apresentado. 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á. ... ... Estimule o aluno a pesquisar na Web sobre as novas tecnologias disponíveis para o desenvolvimento de sites Web. ...

Estrutura do Curso e Interatividade Módulo MÓDULO 1 – APRESENTAÇÃO

Aula INFORMAÇÕES SOBRE O CURSO

Interações Didáticas Existentes e Ativ. Extras Propostas ...

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.

MÓDULO 2 – NOÇÕES BÁSICAS DE HTML CARACTERÍSTICAS GERAIS DO HTML

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

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.

Novos termos para o glossário.

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

Novos links para a biblioteca.

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 TEXTO MÓDULO 3 – CRIAÇÃO DE DOCUMENTOS HTML

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

LINKS

Esta aula exige muita atenção e uma exploração cuidadosa dos exemplos e das atividades propostas.

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.

SUMÁRIO

...

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

23

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

24