Centro Digital Aula 3

Transcrição

1 Centro Digital Aula 3

2 Dê um duplo clique na Aula 01 no Menu, irá abrir a pagina modelo, faça as alterações a seguir: Utilize alinhamento Justificado, tamanho de fonte 16. 2

3 Clique em Editar Conteúdo abaixo: História da Internet e altere o Conteúdo da Página, conforme o texto A internet surgiu na Guerra Fria. Criada com objetivos militares, seria uma das formas das forças armadas norteamericanas de manter as comunicações em caso de ataques de inimigos que destruíssem os meios convencionais de telecomunicações. Nas décadas de 70 e 80, além de ser utilizada para fins militares, a internet também foi um importante meio de comunicação acadêmico. Estudantes e professores universitários, principalmente dos EUA, trocavam idéias, mensagens e descobertas pelas linhas da rede mundial. 3

4 4

5 Dê um duplo clique em Aula 02 no Menu, irá abrir a pagina modelo, faça as alterações a seguir: Utilize alinhamento Justificado, tamanho de fonte 16. 5

6 Clique em Editar Conteúdo e altere o Conteúdo da Página, conforme o texto abaixo: Desenvolvimento da Internet Em 1990, foi a expansão da internet, alcançando a população em geral, alguns dizem que foi a maior criação tecnológica depois da televisão na década de A internet passou a ser utilizada por vários segmentos sociais, estudantes fazem pesquisas escolares, jovens utilizam para sua diversão em sites de games, salas de chat tornaram-se pontos de encontro online, busca de empregos, empresas utilizam a internet para melhorar lucros e vendas online dispararam, transformando a internet em verdadeiros shopping centers virtuais. Nos dias atuais, é impossível pensar no mundo sem a internet. Ela tomou parte dos lares de pessoas do mundo todo. Estar conectado a rede mundial passou a ser uma necessidade de extrema importância. A internet esta presente nas escolas, faculdades, empresas e diversos locais, possibilitando acesso as informações e noticias do mundo em apenas um click. 6

7 7

8 Neste momento vamos procurar a pasta que vamos acessar no servidor disponível com as imagens. Na Área de Trabalho, clique na pasta externo (EMINFSERVIDOR), dê dois cliques para abrir, se pedir usuário digite: externo e a senha: 123abc, encontre a pasta Oficina Criação de WEBSITES.

9 Visualize a imagem fachada.jpg na pasta Oficina Criação de WEBSITES. Agora que já encontramos a pasta e as imagens vamos voltar ao site. 9

10 Volte a Pagina Inicial do seu site, conforme a imagem abaixo e passe com o mouse sobre a imagem de fundo até aparecer o botão Editar Imagem. Profª Valéria Moraes 10

11 Na página que se abrirá clique em Adicionar Imagem, no canto superior esquerdo conforme a imagem: 11

12 Podemos escolher uma imagem existente entre as opções do menu a esquerda. Ou podemos utilizar uma imagem nossa. Vamos selecionar uma imagem nossa. Clique em Enviar uma Imagem 12

13 Selecione a imagem fachada.jpg na pasta que já localizamos anteriormente. Clique em Abrir. 13

14 Para editar a imagem, vamos clicar com o mouse nas linhas laranjas em torno da imagem, e fazer a edição do tamanho da imagem, de forma que cubra todo o fundo laranja. Podemos rotacionar a imagem de modo que apareça o nome todo da escola. 14

15 A parte mais clara da imagem, é a que fica visível na pagina. Clique em Salvar e Fechar No canto superior direito da sua pagina. Profª Valéria Moraes 15

16 A Página Inicial do seu site, deve estar assim: 16

17 Agora vamos ver como inserir um bloco de texto ou imagem na nossa pagina. Vá para a Página Inicial do seu site (dê um duplo clique em Pagina Inicial, no menu Principal). Agora vá nas ferramentas e dê um clique em Textos e Imagens, segure e arraste e insira acima do bloco da Enquete. 17

18 Sua página ficará assim: Agora clique em Editar conteúdo e vamos inserir a imagem do logotipo do Centro Digital, que está disponível no servidor. 18

19 Na tela que se abrir, clique em Imagem. Abrirá uma página para upload de imagens. 19

20 Aqui vamos transferir as imagens para o servido da web e poderemos utilizar essas imagens sempre que houver necessidade. Clique em Fazer Upload de imagens. Va na pasta do servidor e escolha a imagem de nome logo.jpg Profª Valéria Moraes 20

21 Na janela que se abrir, clique em Upload e na janela selecione a imagem na pasta onde ela esta guardada. 21

22 Depois de Carregar a imagem e aparecer na janela, selecione e clique no botão Inserir. 22

23 Algumas vezes a imagem pode abrir muito grande na janela de exibição, para isso você pode redimensionar a imagem clicando nos quadrados em torno da imagem. Ou clicar 2 vezes na imagem e alterar seu tamanho. 23

24 Redimensione a imagem até deixar parecido com a imagem ao lado: Note que a imagem ficará pequena, com relação á área de edição, devido ao tamanho do bloco onde ela será inserida. Clique em Salvar 24

25 25

26 Você pode inserir varias imagens no mesmo bloco, conforme for conveniente para o seu site, fazendo então os ajustes necessários. 26

27 O Webnode oferece uma ferramenta pelo período de 30 dias grátis para a criação de Formulários. Existem vários modelos de formulários para diversos fins. Podemos criar um formulário para pesquisa de opinião, para o usuário deixar comentário, uma pesquisa para o site, etc. 27

28 28

29 29

30 30

31 31

32 32

33 33

34 Profª Valéria Moraes 34

35 Você pode colocar um rótulo (exemplo: Nome) e o usuário pode preencher no campo de texto, com uma linha e limite de caracteres. Rótulo Campo para digitação 35

36 O usuário pode preencher no campo de texto, com várias linhas e um numero maior de caracteres disponíveis. 36

37 Neste tipo, o usuário pode selecionar somente uma resposta. 37

38 Neste tipo de formulário, o usuário pode selecionar varias alternativas, como resposta. 38

39 Aqui, o usuário possui uma lista suspensa de opções, que aparecem ao clicar na seta, e pode escolher uma opção. 39

40 Opção para o usuário enviar um arquivo para o administrador do site. Porém só esta acessível para usuários Premium do Webnode. 40

41 Campo especifico para usuário colocar o dele. 41

42 Neste campo é especifico para colocar datas, pode ser a data do preenchimento ou data de nascimento, depende do propósito do seu formulário. Profª Valéria Moraes 42

43 Os campos do formulário pode ser de preenchimento obrigatório ou não. Depende a forma como foi montado, a opção de obrigatoriedade fica nas ferramentas de edição presentes em cada opção de formulário, conforme a imagem abaixo. 43