Curso Ponto de Encontro - Aula 1
-
Upload
veronica-gomes-dos-santos -
Category
Documents
-
view
170 -
download
3
description
Transcript of Curso Ponto de Encontro - Aula 1
![Page 1: Curso Ponto de Encontro - Aula 1](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/1.jpg)
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](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/2.jpg)
PAUTA
• Apresentação do curso
• Atividade a distância
• A plataforma wix
• Tutorial
![Page 3: Curso Ponto de Encontro - Aula 1](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/3.jpg)
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](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/4.jpg)
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](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/5.jpg)
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](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/6.jpg)
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](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/7.jpg)
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](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/8.jpg)
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](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/9.jpg)
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 10: Curso Ponto de Encontro - Aula 1](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/10.jpg)
EXEMPLOS
Clique na imagem para visitar o site.
![Page 12: Curso Ponto de Encontro - Aula 1](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/12.jpg)
INICIANDO CADASTRO
![Page 13: Curso Ponto de Encontro - Aula 1](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/13.jpg)
ESCOLHENDO TEMPLATES
Escolha a categoria que seu projeto se encaixa
![Page 14: Curso Ponto de Encontro - Aula 1](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/14.jpg)
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](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/15.jpg)
CARREGANDO PÁGINA
Aguarde o carregamento da página de edição
![Page 16: Curso Ponto de Encontro - Aula 1](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/16.jpg)
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](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/17.jpg)
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](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/18.jpg)
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](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/19.jpg)
COMEÇANDO COM AS PÁGINAS
BARRA DE
MENU
Naaba“página”podemosrenomear,criar,organizarouexcluirpáginas
![Page 20: Curso Ponto de Encontro - Aula 1](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/20.jpg)
DICAS DO SITE
Na primeira edição o site traz dicas em vídeo.
![Page 21: Curso Ponto de Encontro - Aula 1](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/21.jpg)
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-ono“endereçodapágina”tudominúsculoejunto.
![Page 22: Curso Ponto de Encontro - Aula 1](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/22.jpg)
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](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/23.jpg)
CRIANDO SUBPÁGINAS
Para criar sub-páginas por assuntos
siga o mesmo procedimento ticando a
caixa“AdicionarcomoSub-página”
![Page 24: Curso Ponto de Encontro - Aula 1](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/24.jpg)
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](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/25.jpg)
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](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/26.jpg)
MUDANDO TÍTULO PRINCIPAL
Para aproveitar texto e títulos
do layout pronto, basta clicar
em cima do mesmo e em
“editartexto”.Épossível
apagar, mudar texto, cor,
fonte e outros.
![Page 27: Curso Ponto de Encontro - Aula 1](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/27.jpg)
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](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/28.jpg)
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](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/29.jpg)
BRINCANDO COM OS FUNDOS
![Page 30: Curso Ponto de Encontro - Aula 1](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/30.jpg)
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](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/31.jpg)
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](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/32.jpg)
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.
Depoiscliqueem“UploaddeImagem”
![Page 33: Curso Ponto de Encontro - Aula 1](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/33.jpg)
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
segurandoatecla“Ctrl”antesdeclicar.
Cliqueem“Abrir”.
Com as imagens carregadas,
escolha uma por vez para trocar e
cliqueem“AdicionarImagens”.
![Page 34: Curso Ponto de Encontro - Aula 1](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/34.jpg)
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](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/35.jpg)
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](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/36.jpg)
ADICIONANDO OUTROS RECURSOS
NA PÁGINA
Podemos adicionar outros
itens na página. Na aba
“adicionarou+”temosvá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](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/37.jpg)
PRIMEIROS RESULTADOS
![Page 38: Curso Ponto de Encontro - Aula 1](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/38.jpg)
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](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/39.jpg)
RECONFIGURANDO
Posso excluir itens e adicionar o que quero, como Imagens, Textos, Títulos.
![Page 40: Curso Ponto de Encontro - Aula 1](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/40.jpg)
Neste caso, inseri imagens com moldura para ficar diferente e depois troquei as
imagens.
![Page 41: Curso Ponto de Encontro - Aula 1](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/41.jpg)
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
“Personalizeesta
Caixa”
![Page 42: Curso Ponto de Encontro - Aula 1](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/42.jpg)
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](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/43.jpg)
COPIANDO E COLANDO PARA
FACILITAR
Se quiser criar varias
caixas semelhantes, basta
“copiarecolar”,depois
clicar em cima dela para
“Personalizarcoreforma”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](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/44.jpg)
PUBLICANDO
Hora de publicar!
Clique em
“Publicar”nabarra
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](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/45.jpg)
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](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/46.jpg)
SAINDO DO FORNO
![Page 47: Curso Ponto de Encontro - Aula 1](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/47.jpg)
PROMOVA SEU SITE
COMPARTILHANDO NAS REDES
SOCIAIS
![Page 48: Curso Ponto de Encontro - Aula 1](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/48.jpg)
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](https://reader033.fdocumentos.tips/reader033/viewer/2022042606/54b378494a795940288b4595/html5/thumbnails/49.jpg)
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
clicarem“+Crieumnovosite”eseguirtodosospassosiniciais.
Todos ficarão nesta página e você poderá editar separadamente.