Curso Ponto de Encontro - Aula 1

50
PONTO DE ENCONTRO EDUCACIONAL: CRIAÇÃO DE SITE COM AGREGAÇÃO DE PROGRAMAS, RECURSOS E APLICATIVOS COMO POSSIBILIDADES PEDAGÓGICAS. – CRIANDO O SITE AULA 1 Verônica Gomes

description

 

Transcript of Curso Ponto de Encontro - Aula 1

Page 1: Curso Ponto de Encontro - Aula 1

P O N T O D E E N C O N T R O E D U C A C I O N A L : C R I A Ç Ã O D E S I T E C O M A G R E G A Ç Ã O D E P R O G R A M A S , R E C U R S O S E A P L I C A T I V O S C O M O

P O S S I B I L I D A D E S P E D A G Ó G I C A S .

– CRIANDO O SITE

AU

LA

1

Verônica Gomes

Page 2: Curso Ponto de Encontro - Aula 1

PAUTA

• Apresentação do curso

• Atividade a distância

• A plataforma wix

• Tutorial

Page 3: Curso Ponto de Encontro - Aula 1

MOTIVAÇÃO

Criar e alimentar página da Internet agregando conteúdo

pré-existente e outros a ser construído para o uso dos

netbooks em aula.

Page 4: Curso Ponto de Encontro - Aula 1

OBJETIVOS

• Conhecer a plataforma Wix e sua potencialidade pedagógica para o

uso com os netbooks;

• Construir um site próprio agregando outros aplicativos visando a

ampliação e a contextualização dos conteúdos curriculares e do

planejamento pedagógico;

• Reconhecer as possibilidades pedagógicas de aplicativos e

recursos não pedagógicos disponíveis na web;

• Utilizar-se da web de forma inovadora e potencialmente

educacional;

Page 5: Curso Ponto de Encontro - Aula 1

ORGANIZAÇÃO DO CURSO

Carga Horária Total ao cursista: 35 horas

• 15h: Curso presencial de 3 horas cada – fora do período de trabalho;

• 20h: Curso/momento à distância

Certificado: Emitido via SE

Turmas: duas turmas

Quantidade: 12 alunos

Dia e horário

• Turma1: Terça-feira (18:30 às 21:30)

• Turma 2: Quinta-feira (13:30 às 16:30)

Cronograma

• Turma 1: 24/09, 01, 08, 29/10 e 05/11

• Turma 2: 26/09, 03, 10, 31/10 e 07/11

Page 6: Curso Ponto de Encontro - Aula 1

CONTEÚDO

• Plataforma Wix: http://pt.wix.com/criarsitegratis/

• Educaplay: http://www.educaplay.com/

• Youtube: www.youtube.com

• Slide Share: www.slideshare.net/‎

• Lino: https://linoit.com/user/register?dispLang=en_US

• ShowDocuments: http://www.showdocument.com

• Google Docs: docs.google.com

• Google maps: https://maps.google.com.br/

• Vpike: www.vpike.com/

• Sites de jogos: diversos

• Sites de músicas: www.som13.com e outros

Page 7: Curso Ponto de Encontro - Aula 1

AO FINAL

Elaboração de um site:

• Totalmente customizado;

• Com conteúdo pertinente ao trabalho;

• Com links para vídeos externos e próprios;

• Com links para apresentações externas e próprias;

• Com propostas de atividade colaborativa;

• Com atividades de pré-elaboradas;

• Com objetos educacionais disponíveis na Web (jogos, mapas,

musicas e outros);

Page 8: Curso Ponto de Encontro - Aula 1

TAREFA A DISTÂNCIA

1. Customizar o site de acordo com o planejado para a utilização

(turma, formação, pessoal etc.);

2. Criar uma página para a próxima aula com um tema escolhido;

3. Compartilhar em uma rede social e marcar a formadora -

Veronica Gomes ou facebook.com/veronica.gomesdossantos.5

Page 9: Curso Ponto de Encontro - Aula 1

PLATAFORMA WIX

O Wix é um serviço grátis que permite a criação de sites baseados

em Flash, deste modo, é possível que qualquer pessoa faça um site

com facilidade, sem a necessidade de usar o Adobe Flash ou mesmo

contratar um profissional na área. Há também planos pagos com

características diferenciais, isto, para quem quer algo a mais, como

domínio próprio, banda ilimitada, entre outras opções.

Page 11: Curso Ponto de Encontro - Aula 1

ACESSO

http://pt.wix.com/

Page 12: Curso Ponto de Encontro - Aula 1

INICIANDO CADASTRO

Page 13: Curso Ponto de Encontro - Aula 1

ESCOLHENDO TEMPLATES

Escolha a categoria que seu projeto se encaixa

Page 14: Curso Ponto de Encontro - Aula 1

SELEÇÃO DE TEMPLATES

A partir da categoria escolhida é disponibilizado uma seleção de

templates. Clique em “ver” para visualizar em tamanho real ou em

“editar” para seleciona-lo.

Observe fundo, layout, recursos e outros

Page 15: Curso Ponto de Encontro - Aula 1

CARREGANDO PÁGINA

Aguarde o carregamento da página de edição

Page 16: Curso Ponto de Encontro - Aula 1

FAZENDO UM TOUR

A tela do seu site já aparece no template escolhido. A primeira dica é

fazer um tour pelas ferramentas e possibilidade do site.

Fique a vontade para fazê-lo ou não

Page 17: Curso Ponto de Encontro - Aula 1

ATRIBUINDO UM NOME AO

ENDEREÇO

Escolha o nome final do seu site. Ele irá aparecer no endereço,

portanto elimine ç, maiúsculas e outros caracteres.

Page 18: Curso Ponto de Encontro - Aula 1

MÃO Á MASSA

BARRA DE

NAVEGAÇÃO

CAIXA DE

EDIÇÃO

DO SITE

As duas opções sinalizadas contem as ferramentas necessárias para

editar, configurar e atualizar o site.

Page 19: Curso Ponto de Encontro - Aula 1

COMEÇANDO COM AS PÁGINAS

BARRA DE

MENU

Na‎aba‎“página”‎podemos‎renomear,‎criar,‎organizar‎ou‎excluir‎páginas

Page 20: Curso Ponto de Encontro - Aula 1

DICAS DO SITE

Na primeira edição o site traz dicas em vídeo.

Page 21: Curso Ponto de Encontro - Aula 1

RENOMEANDO E TROCANDO

ESTILO DA PÁGINA

Renomear: Clique na engrenagem ao lado do nome da página a ser renomeada.

Mude o nome e repita-o‎no‎“endereço‎da‎página”‎tudo‎minúsculo‎e‎junto.

Page 22: Curso Ponto de Encontro - Aula 1

CRIANDO PÁGINAS

Para criar novas

páginas clique

em‎“Adicionar‎

Página”‎

Visualize as

opões ao lado e

escolha o

layout. No fim

da caixa insira o

nome da página.

Clique em OK.

Page 23: Curso Ponto de Encontro - Aula 1

CRIANDO SUBPÁGINAS

Para criar sub-páginas por assuntos

siga o mesmo procedimento ticando a

caixa‎“Adicionar‎como‎Sub-página”

Page 24: Curso Ponto de Encontro - Aula 1

AGREGANDO A PÁGINA NO LOCAL

CERTO OU EXCLUINDO

Depois de criada a sub-página arraste-a e coloque abaixo da página mestra. Para

apagar uma página indesejável, clique na engrenagem e no canto superior direito em

“apagar”

Page 25: Curso Ponto de Encontro - Aula 1

LAYOUT DE MENU

MENU FINAL

O menu que

contém os links

para as páginas

também pode ser

configurado e

mudado de modelo

e disposição.

Basta clicar nele e

em

“configurações”.

Page 26: Curso Ponto de Encontro - Aula 1

MUDANDO TÍTULO PRINCIPAL

Para aproveitar texto e títulos

do layout pronto, basta clicar

em cima do mesmo e em

“editar‎texto”.‎É‎possível‎

apagar, mudar texto, cor,

fonte e outros.

Page 27: Curso Ponto de Encontro - Aula 1

RECONFIGURANDO TAMANHO

Ao mexer nas caixas de texto é

possível que o tamanho dos

espaços pré-definido seja

modificado. Basta clicar na linha

pontilhada que divide as seções e

arrasta-la para aumentar ou

diminuir os espaços.

Page 28: Curso Ponto de Encontro - Aula 1

DESIGN – O MEU JEITO

Mesmo depois de iniciado, é possível modificar o

design do site mudando plano de fundo, cores e

fontes. Basta clicar em design. Podemos utilizar os

modelos padrões ou fazer upload de arquivos

próprias como fotos e cliparts.

Page 29: Curso Ponto de Encontro - Aula 1

BRINCANDO COM OS FUNDOS

Page 30: Curso Ponto de Encontro - Aula 1

SALVANDO SEMPRE!

Não esqueça de sempre salvar o seu projeto para não ter surpresas.

Page 31: Curso Ponto de Encontro - Aula 1

TROCANDO IMAGENS

As imagens que vem no layout escolhido podem ser

utilizadas ou trocadas por imagens próprias ou que

tenham relação com o site e/ou conteúdo abordado.

Page 32: Curso Ponto de Encontro - Aula 1

CRIANDO PASTA E BANCO

Para começar vamos criar uma pasta dentro do seu usuário. Clique em adicionar

pasta e renomeie. Você pode criar pastas individuais para cada assunto ou projeto.

Depois‎clique‎em‎“Upload‎de‎Imagem”‎

Page 33: Curso Ponto de Encontro - Aula 1

CARREGANDO AS IMAGENS

Escolha o local onde irá buscar as

imagens na barra de navegação lateral.

Clique na imagem escolhida ou em mais

de uma imagem ao mesmo tempo

segurando‎a‎tecla‎“Ctrl”‎antes‎de‎clicar.

Clique‎em‎“Abrir”.‎

Com as imagens carregadas,

escolha uma por vez para trocar e

clique‎em‎“Adicionar‎Imagens”.

Page 34: Curso Ponto de Encontro - Aula 1

CRIANDO UM SLIDE SHOW

Se a intenção é criar um slide Show, onde as

imagens vão passando no mesmo espaço, clique em

adicionar imagem e siga o mesmo procedimento.

Page 35: Curso Ponto de Encontro - Aula 1

REDIMENSIONE A IMAGEM

Você não precisa usar a imagem ou as caixas exatamente do tamanho

disponível no layout. Para aumentar ou diminuir basta clicar na imagem

e nas bolinhas laterais para fazê-lo.

Page 36: Curso Ponto de Encontro - Aula 1

ADICIONANDO OUTROS RECURSOS

NA PÁGINA

Podemos adicionar outros

itens na página. Na aba

“adicionar‎ou‎+”‎temos‎várias‎

opções. Hoje vamos usar o

texto e depois as formas e

linhas.

Com texto podemos inserir

Título ou paragrafo.

Também podemos copiar e

colar o texto escolhido.

Page 37: Curso Ponto de Encontro - Aula 1

PRIMEIROS RESULTADOS

Page 38: Curso Ponto de Encontro - Aula 1

VAMOS MUDAR DE PÁGINA

Para mexermos em outra página, vamos na barra superior e mudamos

no abre lista.

Page 39: Curso Ponto de Encontro - Aula 1

RECONFIGURANDO

Posso excluir itens e adicionar o que quero, como Imagens, Textos, Títulos.

Page 40: Curso Ponto de Encontro - Aula 1

Neste caso, inseri imagens com moldura para ficar diferente e depois troquei as

imagens.

Page 41: Curso Ponto de Encontro - Aula 1

MAIS RECURSOS

Podemos criar seções destaque de determinado assunto. Neste caso

iremos em Adicionar e em Formas e linhas. Depois em caixa.

Para mudar forma e

cor clique em

“Personalize‎esta‎

Caixa”

Page 42: Curso Ponto de Encontro - Aula 1

PERSONALIZANDO

Insira caixa de texto – parágrafo e

título – sobre a caixa e ela o

incorporará.

Page 43: Curso Ponto de Encontro - Aula 1

COPIANDO E COLANDO PARA

FACILITAR

Se quiser criar varias

caixas semelhantes, basta

“copiar‎e‎colar”,‎depois‎

clicar em cima dela para

“Personalizar‎cor‎e‎forma”‎e‎

modificar o texto.

Se a página parece acabar,

arraste a caixa para baixo

que automaticamente ela

será estendida.

Page 44: Curso Ponto de Encontro - Aula 1

PUBLICANDO

Hora de publicar!

Clique em

“Publicar”‎na‎barra‎

de navegação.

Abra o acesso

para divulgação e

busca do site na

web (se desejar)

arrastando os

botões para a

direita.

Page 45: Curso Ponto de Encontro - Aula 1

PREENCHA AS INFORMAÇÕES DE

CONTATO

Preencha os dados

para contato (se

desejar). Indico

apenas o e-mail.

Clique m

“concluído”.

Aguarde.

Page 46: Curso Ponto de Encontro - Aula 1

SAINDO DO FORNO

Page 47: Curso Ponto de Encontro - Aula 1

PROMOVA SEU SITE

COMPARTILHANDO NAS REDES

SOCIAIS

Page 48: Curso Ponto de Encontro - Aula 1

EXERCITANDO

http://pt.wix.com/

Clique em Sair abaixo nome de usuário. Refaça o

login à direita e insira os seus dados.

Page 49: Curso Ponto de Encontro - Aula 1

EDITE O QUE COMEÇOU OU CRIE

OUTRO COM MESMO LOGIN

Perceba que abre a página para você gerenciar o seu site.

Caso queira você pode ter outros sites com a mesma conta, basta

clicar‎em‎“+Crie‎um‎novo‎site”‎e‎seguir‎todos‎os‎passos‎iniciais.

Todos ficarão nesta página e você poderá editar separadamente.

Page 50: Curso Ponto de Encontro - Aula 1

ATÉ O PRÓXIMO ENCONTRO.

Espero que tenham gostado!

Verônica Gomes

[email protected]