Você está na página 1de 38

RELATRIO DE PROJETO

PROVA DE APTIDO TECNOLGICA

PEDRO MIGUEL DA SILVA MONTEIRO, NMERO 8


12 ANO
CURSO TECNOLGICO DE INFORMTICA DE GESTO

RELATRIO DE PROJETO
MIGRAO DE DADOS

Professor Orientador __________________

Aluno ___________________
28 de junho de 2016

PEDRO MONTEIRO, NMERO 8


12 ANO

ndice
NDICE ............................................................................................................ 1
NDICE DE FIGURAS ........................................................................................ 2
NDICE DE TABELAS ........................................................................................ 3
AGRADECIMENTOS ........................................................................................ 4
RESUMO ......................................................................................................... 5
ACRNIMOS ................................................................................................... 6
INTRODUO ................................................................................................. 7
INTRODUO ................................................................................................... 8
OBJETIVOS ...................................................................................................... 9
CRONOGRAMA .............................................................................................. 10

CONCEITOS TERICOS .................................................................................. 11


FUNDAMENTAO DO PROJETO .................................................................. 14
IMPLEMENTAO ........................................................................................ 16
MTODOS E TCNICAS UTILIZADAS E ATIVIDADES DESENVOLVIDAS .............................. 17
INSTALAO DO WORDPRESS ..................................................................... 17
CRIAO DO WEBSITE ...................................................................................... 21
SELEO DO TEMPLATE ............................................................................. 21
CRIAO DO MENU .................................................................................. 22
ORGANIGRAMA DO SITE ............................................................................ 24
CONTABILIDADE ............................................................................................. 25
TESTES E RESULTADOS ................................................................................. 26
CONCLUSO E TRABALHO FUTURO .............................................................. 28
REFERNCIAS DOCUMENTAIS....................................................................... 30
ANEXOS ........................................................................................................ 31

ndice de Figuras
Figura 1 - Painel de controlo do XAMPP ........................................................................................ 18
Figura 2 - Pagina de adminstrao do PHP MyAdmin .................................................................... 18
Figura 3 - Pnina da criao de base de dados ................................................................................. 18
Figura 4 - Pasta do disco onde se encontra o XAMPP..................................................................... 19
Figura 5 - Pasta htdocs ..................................................................................................................... 19
Figura 6-Pasta que criou................................................................................................................... 20
Figura 7-Acesso a pasta wordpress pelo navegador ......................................................................... 20
Figura 8-Pgina de incio de sesso no painel de administraco...................................................... 21
Figura 9-Aspeto de um WebSite com tema basico .......................................................................... 21
Figura 10 -Barra de costumizao .................................................................................................... 22
Figura 11 - Seco de customizao ................................................................................................ 22
Figura 12-Seco de costumizao de menus .................................................................................. 23
Figura 13-Organigrama do WebSite ................................................................................................ 24

ndice de Tabelas
Tabela 1

Calendarizao das tarefas realizadas .......................................................................... 10

Agradecimentos
Nesta rea do meu relatrio quero agradecer a todas as pessoas que diretamente ou
indiretamente estiveram ligadas ao meu Projeto de Aptido Tecnolgica, nomeadamente
minha famlia por terem sempre confiado em mim, por terem sido fundamentais na minha
vida e por toda a pacincia que tiveram comigo, principalmente a minha irm por ter sido o
maior incentivo durante este ano realizao deste projeto e por todo o carinho que me deu.
Agradeo tambm a instituio SHARE na pessoa do Doutor Pedro Pimenta por me ter
proporcionado esta oportunidade e por sempre me ter ajudado na realizao deste projeto.
Deixar tambm uma palavra de agradecimento a todo o pessoal docente da escola que me
ajudou a chegar aqui, pois sem eles a realizao deste projeto era impossvel. Agradecer
principalmente aos professores que lecionaram as disciplinas de projeto tecnolgico,
comrcio eletrnico e sistemas de informao e multimdia, professora Edite Capela,
professores Sofia Trigo e Mrio Rodrigues e professora Ctia Costa, respetivamente.
Agradeo tambm a todos os meus colegas de turma, pois sempre que tentei tirar alguma
duvida com eles se mostraram prestveis e tentaram-me ajudar.
Agradeo a todos os meus amigos, que sempre me incentivaram e ajudaram a nunca baixar
os braos.
Agradeo ao agrupamento de Escuteiros de Ermesinde, por me terem ajudado a crescer e
por fazer de mim uma pessoa feliz.
E por fim agradecer ao INED, que me proporcionou tudo aquilo que eu precisei para a
realizao deste projeto.

Resumo
Migrao e Gesto de Contedos Online consiste numa parceria entre o INED e a SHARE.
Este projeto foi desenvolvido nas disciplinas de Projeto Tecnolgico em conjunto com as de
Comrcio Eletrnico e Sistemas de Informao e Multimdia.
Em primeiro lugar necessrio explicar o que a SHARE, para compreender a importncia
deste projeto. A SHARE uma associao para a partilha do conhecimento sem fins
lucrativos, constituda por seniores, profissionais com carreiras de sucesso que esto
dispostos a partilhar as suas vivncias com os jovens, que iniciaram recentemente os seus
primeiros empreendimentos ou jovens universitrios, que vo entrar no mercado de trabalho,
numa base de voluntariado, ou seja no remunerada.
Esta iniciativa tem como intuito, atravs da parceria entre o INED e a SHARE promover o
intercmbio entre escolas e instituies, valorizando o trabalho desenvolvido no mbito
escolar mediante a aplicao de conhecimentos obtidos no curso de Informtica de Gesto,
demonstrando o seu valor em situaes fora do contexto de sala de aula.
A concretizao deste projeto passa pela migrao do website da SHARE para uma nova
plataforma de modo, a dar continuidade atividade desta associao e efetuar algumas
melhorias que foram propostas. Passando estas por uma melhor interligao entre as redes
sociais (Ex: twitter, facebook), um design mais demonstrativo para o website de modo a
aumentar a clareza da atividade desta associao, que passa tambm pela implementao de
calendrio com as atividades promovidas pela associao.
Esta migrao ser realizada atravs de um CMS (Sistema de Gesto de Recursos),
wordpress, de modo a manter a integridade da informao do website.

Acronimos
INED

Instituto de Educao e Desenvolvimento

SHARE Associao para a partilha do Conhecimento


CMS

Content Managent System

PHP

Personal Home Page

FTP

File Transfer Protocol

SQL

Strucured Query Language

HTML

HyperText Markup Language

1.

NTRODUAO

1.1.

INTRODUO

A Share Associao para a Partilha do Conhecimento, uma associao sem fins lucrativos
constituda por profissionais seniores com carreiras de sucesso e com capacidade de
iniciativa, disponibilidade de tempo e interesse em partilhar o seu saber, trabalhando
essencialmente para os jovens, numa base de voluntariado.
Criada em 2006, a share promove o dilogo entre geraes identificando nos seniores:

Conhecimento;
Network;
Disponibilidades;
Motivao;

E nos jovens:

Capacidade de aprender;
Hard/Soft skills;
Empreendedorismo;
Dinamismo.

A share conta atualmente com mais de uma centena de associados efetivos e tem sede no
Porto e um ncleo de associados em Lisboa.
O projeto inclui a migrao do website atual da associao SHARE para uma nova
plataforma e interligao com os eventos do Facebook e com os documentos que esto nas
plataforma SlideShare e Scrib.com.
O principal critrio, que levou escolha deste projeto, foi o facto de ter implicaes a nvel
real e ser um projeto muito aliciante, dado que o desenvolvimento deste trabalho ir
constituir uma experincia muito enriquecedora a nvel de currculo.

1.2.

OBJETIVOS

Este projeto apresenta vrios objetivos tanto para mim como para o INED Instituto para a
Educao e Desenvolvimento bem como para a SHARE Associao para a partilha do
conhecimento.
Objetivos do INED:

Realizar intercmbio entre a escola e as instituies que a rodeia;

Preparar os alunos que vo fazer parte destes projetos para o futuro,


oferecendo-lhes contacto com os consumidores desde mercado.

Objetivos da SHARE:

Adquirir um novo website para divulgao da sua atividade.

Objetivos para o proprio:

Adquirir contacto com o mercado de trabalho desta rea, aplicando


os conhecimentos adquiridos na escola durante o curso;

Adquirir conhecimentos num meio extra escolar;

1.3.

CRONOGRAMA

Para obter um trabalho organizado e bem produzido o seu desenvolvimento ser dividido
por fases, de acordo com o seguinte cronograma:

Nov

Dez

Jan

Fev

Mar

Abr

Mai

Jun

Fase 1
Fase 2
Fase 3
Fase 4
Fase 5
Fase 6

Legenda:
Fase 1: Sugesto do Projeto e primeira reunio no
INED
Fase 2: Primeira migrao do website
Fase 3: Continuao da migrao
Fase 4: Colocao do website
online, no servidor do INED
Fase 5: Concluso do trabalho
Fase 6: Testes e resultados
Tabela 1 Calendarizao das tarefas realizadas

10

2.

CONCETOS
TEORCOS

11

O WordPress um sistema de gesto de contedo que lhe permite criar e manter, de maneira
simples e robusta, todo o contedo de um site. Combina esttica, standards da Web e
usabilidade. Sistema de gesto gratudo e com um valor inestimvel.
Sistema de Gerenciamento de Contedo (do ingls Content Management System CMS)
uma aplicao usada para criar, editar, gerenciar e publicar contedo de forma
consistentemente organizada permitindo que o mesmo seja modificado, removido e
adicionado com facilidade.
PHP (um acrnimo recursivo para "PHP: Hypertext Preprocessor", originalmente Personal
Home Page) uma linguagem interpretada livre, usada originalmente apenas para o
desenvolvimento de aplicaes presentes e atuantes no lado do servidor, capazes de gerar
contedo dinmico na World Wide Web. Figura entre as primeiras linguagens passveis de
insero em documentos HTML, dispensando em muitos casos o uso de arquivos externos
para eventuais processamentos de dados.
HTML (abreviao para a expresso inglesa HyperText Markup Language, que significa
Linguagem de Marcao de Hipertexto) uma linguagem de marcao utilizada para
produzir pginas na Web. Documentos HTML podem ser interpretados por navegadores. A
tecnologia fruto da juno entre os padres HyTime e SGML.
FTP ou File Transfer Protocol (em portugus, Protocolo de Transferncia de ficheiros),
uma forma bastante rpida e verstil de transferir ficheiros sendo uma das mais usadas na
Internet.
XAMPP-O XAMPP um pacote com os principais servidores de cdigo aberto do mercado,
incluindo FTP, banco de dados MySQL e Apache com suporte as linguagens PHP e
Perl.Com ele, possvel rodar sistemas como Joomla e Wordpress localmente, o que facilita
e agiliza o desenvolvimento.
A Structured Query Language(SQL) o conjunto de instrues utilizadas para interagir com
uma base de dados relacional. Na verdade, o SQL a unica linguagem que a maioria das
bases de dados realmente entende. Sempre que se interage com essa base de dados,o
Software traduz os seus comandos para instruo SQL que a base de dados sabe como
intrepretar.

12

MYSQL-O MySQL um sistema de gerenciamento de banco de dados (SGBD), que utiliza


a linguagem SQL (Linguagem de Consulta Estruturada, do ingls Structured Query
Language) como interface. atualmente um dos bancos de dados mais populares, com mais
de 10 milhes de instalaes pelo mundo.
Base de Dados so colees organizadas de dados que se relacionam de forma a criar algum
sentido (Informao) e dar mais eficincia durante uma pesquisa ou estudo. So de vital
importncia para empresas e h duas dcadas se tornaram a principal pea dos sistemas de
informao. Normalmente existem por vrios anos sem alteraes em sua estrutura.

13

3.

FUNDAMENTAAO
DO PROJETO

14

FUNDAMENTAAO DO PROJETO
O desenvolvimento deste projeto no provm de uma escolha pessoal. Surgiu a oportunidade
de desenvolvimento de um projeto com implicaes a nvel real, para a associao Share e
por sugesto do professor Mrio Rodrigues.
A proposta foi aceite porque trata-se de um projeto bastante aliciante, dado que o
desenvolvimento deste trabalho vai constituir uma experincia muito enriquecedora, a nvel
de currculo e no s.
Outro fator relevante, o facto da elaborao deste projeto permitir adquirir uma nova
perspetiva em relao ao mercado de trabalho, pois este ir ser desenvolvido para uma
associao.

15

4.

MPLEMENTAAO

16

Analise do atual site da share


O website atual da SHARE, contm uma variedade de contedos estticos que podero ser
replicados, facilmente, atravs da funcionalidade inerente ao CMS, Wordpress,
nomeadamente, a utilizao de artigos. Em relao aos contedos existentes no website
possvel constatar vrias funcionalidades, nomeadamente:
Uma agenda que aparenta ser gerida, manualmente, atravs da criao de eventos.
Um formulrio de adeso com vrias Lists e TextAreas, que no aparenta um processo
de inscrio automtica com resposta por email, devido natureza da organizao.
Um formulrio com que permite deixar a opinio em relao ao website com um boto
que permite anexar ficheiros.
Um boto que permite subscrever a uma newsletter que utiliza o mailchimp.

4.1.

MTODOS E TCNICAS UTILIZADAS E ATIVIDADES DESENVOLVIDAS

Para a realizao deste projeto foi utilizado um CMS, o Wordpress. O Wordpress pode ser
instalado localmente ou diretamente num servidor. O processo semelhante, distinguindose apenas na escolha do local de instalao.
4.1.1.

INSTALAO DO WORDPRESS

De seguida apresentarei os passos necessrios para a instalao do Wordpress localmente.


Para instalar o Wordpress localmente, para posterior armazenamento num servidor,
necessitamos do XAMPP.O XAMPP formado por um pacote que inclu os principais
servidores de cdigo aberto existentes, incluindo FTP, banco de dados MySQL e Apache
com suporte as linguagens PHP e Perl, sendo estes necessrios para a utilizao de CMS.

17

Figura 1 - Painel de controlo do XAMPP

No mdulo MySql ao clicar em Admin ir abrir uma pagina web como a seguinte:

Figura 2 - Pagina de adminstrao do PHP MyAdmin

Ao clicar em New, ira aparecer a seguinte pgina:

Figura 3 - Pnina da criao de base de dados

18

Criar uma base de dados, inserindo o seu nome e cliando em criar.


Aps a criao da criao da base de dados, selecionamos o disco onde instalamos o
XAMPP, no meu caso o disco C.

Figura 4 - Pasta do disco onde se encontra o XAMPP

Abrir a pasta XAMPP


Selecionar o pasta htdocs

Figura 5 - Pasta htdocs

19

Criar uma pasta com um nome da sua preferncia, no meu caso a pasta chama-se share.
Abrir a pasta que criou.

Figura 6-Pasta que criou

Descarregar o pasta do Wordpress para a pasta que criou.


Abrir o navegador web e escrever localhost/ nome da pasta criada.

Figura 7-Acesso a pasta wordpress pelo navegador

Clicar em wordpress e seguir todos os passos de instalao.


Para editar a pgina precisar de aceder ao painel de controlo do wordpress, para isso depois
de wordpress escreva wp-admin, no meu caso fica assim localhost/share/wordpress/wpadmin e ir aparecer uma pgina para iniciar sesso.

20

Figura 8-Pgina de incio de sesso no painel de administraco

4.2.

CRIAO DO WEBSITE

4.2.1.

SELEO DO TEMPLETE

No momento de instalao do Wordpress, este apenas contm os plugins e mdulos bsicos


com as configuraes padro. Neste momento as pginas encontram-se vazias ou com
aparncia bastante rudimentar. Cabe ao designer do website corrigir este aspeto e torn-lo
apelativo. O primeiro passo a instalao de um template. Em primeiro lugar deve ser feita
uma pesquisa na Internet, por temas que sejam compatveis com a verso do Wordpress, que
esteja a ser utilizada no momento. De seguida deve-se verificar a posio dos mdulos nesse
template para ver se este se adequa s nossas necessidades.

Figura 9-Aspeto de um WebSite com tema basico

21

Quando a escolha do template estiver efetuada devemos proceder sua instalao. Para
instalar um tema devemos utilizar o menu Temas que um submenu do menu
Aparncia acessvel a partir do painel de administrao do Wordpress.
4.2.2.

CRIAO DO MENU

Para criar menus temos primeiramente de visualizar o site como administradores e aceder
ao separador Customize que est no canto superior esquerdo, como na seguinte
imagem:

Figura 10 -Barra de costumizao

Aps estamos na seo de Customizao temos de abrir a seo Menus, onde iremos
encontrar uma lista com todos os menus existentes no Site, neste caso, existe apenas um.

Figura 11 - Seco de customizao

Quando entramos no menu pretendido iremos encontrar a estrutura do menu, onde


fazemos as alteraes pretendidas na estrutura do menu. Para isso temos de clicar no
button + Add Items.
De seguida apresentarei uma imagem onde podemos visualizar todas as funcionalidades
deste button. Nele temos a possibilidade de retirar itens do menu, clicando no X, podemos
tambm adicionar itens a esse menu, para isso basta clicar no separador Pages e de
seguida escolher a pgina que queremos incorporar no menu. Se for necessrio a criao
de submenus basta arrastar um bocado o bloco com o nome da pagina que pretende que
seja um submenu para direita, por sua vez, se esse submenu ainda necessitar de outro
submenu basta fazer o mesmo processo e assim em diante.
22

Figura 12-Seco de costumizao de menus

23

4.2.3.

ORGANIGRAMA DO SITE
Associao
Misso
Valores
Share
Estatutos
Orgos Sociais
Relatrio & Contas
Associados
Universidades
Startups
Pblico Alvo
Empresas
Municpios
Jovens Universitrios

Pgina Inicial

Conferncias
Associados
Universidades
Programas
Plataforma Musical
Municpios
Empreendedorismo e
startups
Eventos
Opinio
Aderir

Figura 13-Organigrama do WebSite


24

4.3.

CONTABILIDADE

Apesar do aspeto prioritrio deste projeto ser o desenvolvimento de um WebSite para a


associao SHARE, o curso de Informtica de Gesto, especificamente, a PAT requer uma
componente relativa contabilidade.
Relativamente, a esta componente foi criado um plano de negcios com os documentos
contabilsticos da associao.

25

5.

TESTES E
RESULTADOS

26

Testes e Resultados
O processo de migrao do website da SHARE, tem-se vindo a desenvolver dentro dos
prazos estabelecidos durante o processo de calendarizao. A instncia utilizada para
alojamento do website, criado em WordPress, foi o servidor do INED, este teve um pequeno
problema, que foi resolvido rapidamente, esse problema deixou o WebSite inacessvel.

27

6.

CONCLUSAO E
TRABALHO FUTURO

28

Conclusao e Trabalho Futuro


Uma concluso que pode ser retirado do trabalho realizado que o facto de organizar os
processos do projeto e cumprimento da calendarizao das atividades inerentes ser,
extremamente, importante para o desenvolvimento atempado e ideal das aes previstas.
Em relao ao projeto desenvolvido at ao momento possvel concluir que para criar um
website aconselhvel a utilizao de um CMS. Isto porque facilita o processo de elaborao
do mesmo e vai proporcionar aos futuros administradores uma maior facilidade de
modificao do mesmo, devido ao carter modular destes Sistemas de Gesto de Contedos
e o facto de no existir a necessidade de ter conhecimentos a nvel de programao de forma
a alterar o Website.
A facilidade de utilizao dos CMS uma caracterstica excelente para os utilizadores
relativamente a linguagens de programao. No entanto, para ser capaz de personalizar,
totalmente, qualquer parte de um Website necessrio ter conhecimentos a nvel de
programao e para aceder a estes ficheiros necessrio FTP, sendo esta uma ferramenta
essencial para o desenvolvimento deste projeto.

29

Referencias Documentais
ASSOCIAO SHARE. Disponvel em www.share.pt., Consultado em 11 de Novembro
de 2015;
SITE OFICIAL do WordPress. Disponvel em pt.wordpress.org/, Consultado em 11 de
Novembro de 2015;
GOOGLE Query SQL. Disponvel em http://databases.about.com, Consultado em 04 de
Maro de 2016;
GOOGLE Base de Dados, Disponvel em http://pt.wikipedia.org/, Consultado em 08 de
Maro de 2016;
GOOGLE Definio de Sistema de Gesto de Contedo
http://pt.wikipedia.org/wiki/Sistema_de_gerenciamento_de_conte%C3%BAdo,
Consultado em 08 de Maro de 2016;
GOOGLE Definio Software. Disponvel em www.significados.com, Consultado em
27 de Maio de 2016.

30

Anexos
Manual de Utilizao do site Share
Como fazer login?
Ao abrir o link para o WebSite (http://inedmaia.com/projetoShare/admin) ira
aparecer uma pagina onde temos de inserir as credenciais de acesso, como mostra a
seguinte imagem:

Como aceder/editar os menus?


Para editar os menus temos primeiramente de visualizar o site como
administradores e aceder ao separador Customize que est no canto superior esquerdo,
como na seguinte imagem:
Aps estamos na seo de Customizao temos de abrir a seo Menus, onde
iremos encontrar uma lista com todos os menus existentes no Site, neste caso, existe
apenas um.

Quando entramos no menu pretendido iremos encontrar a estrutura do menu,


onde fazemos as alteraes pretendidas na estrutura do menu. Para isso temos de clicar
no button + Add Items.
De seguida apresentarei uma imagem onde podemos visualizar todas as
funcionalidades deste button. Nele temos a possibilidade de retirar itens do menu, clicando
no X, podemos tambm adicionar itens a esse menu, para isso basta clicar no separador
Pages e de seguida escolher a pagina que queremos incorporar no menu. Se for
necessrio a criao de submenus basta arrastar um bocado o bloco com o nome da pagina
31

que pretende que seja um submenu para direita, por sua vez, se esse submenu ainda
necessitar de outro submenu basta fazer o mesmo processo e assim em diante.

Como aceder s pginas / textos?


Para aceder s pginas/textos basta clicar na barra lateral na seco Pages
(Pginas) ou na seco Posts (textos), na seguinte imagem podemos ver a barra lateral:

32

Aps entramos na seco Pages iremos encontrar todas as pginas existentes no


Site, para fazermos edies ou alteraes numa pgina basta clicar sobre o nome da mesma
e fazer as tais alteraes pretendidas.
Para criarmos uma pgina nova temos de clicar no boto Add New canto superior
esquerdo da seo Pages e ira aparecer uma pgina como a seguinte.

Aps a criao da pgina se fizermos scroll teremos de escolher as seguintes


configuraes, isto para que a pgina fique com o mesmo aspeto que todas as outras que
j existem no site.

Como alterar o tipo / tamanho de letra dos textos do site?


Dentro de uma pagina encontramos um pequeno menu como o que se encontra a
baixo, nele que podemos fazer as edies aos textos que se encontram nas paginas. Se
quisermos que o texto fique a negrito basta selecionar o B, se quisermos que fique em
itlico basta selecionar o I. Os botes que encontramos aps o I servem, respetivamente,
para o texto ficar com um risco em cima, para que o texto fique por pontos, para
enumerar o texto, para destacar o texto, para criar uma linha horizontal, para alinhar o
texto a esquerda, alinhar ao centro, alinhar a direita, para inserir/editar links, para remover
os links, para inserir uma tag READ MORE e para fazer aparecer/desaparecer com as
funcionalidades da linha de baixo. Na linha de baixo temos a possibilidade de escolher o
tipo de texto que queremos, Heading 1 (Ttulo 1) ex:

Associao, Heading 2
33

(Ttulo 2) ex: Associao, Heading 3 (Ttulo 3, o que est nas paginas do WebSite)
ex: Associao, Heading 4 (Ttulo 4) ex: Associao, Heading 5 (Ttulo 5) ex:
Associao, Heading 6 (Ttulo 6) ex: Associao ou paragraph (pargrafo) ex: Associao. O
boto que est do lado sublinha o texto selecionado, o que se segue o boto para
justificar o texto, o outro para escolher a cor do texto, o que se segue serve para copiar
texto. O seguinte boto serve para anular as formataes realizadas, o seguinte para inserir
caracteres especiais e os que se seguem so para dar um tab ou para tirar um tab.

Como selecionar qual a pgina de incio / 1 pgina mostrada ao carregar o site?


Para selecionar a 1 pgina a ser mostrada ao carregar o site temos de visualizar o
site como administradores e aceder ao separador Customize que est no canto superior
esquerdo, como na seguinte imagem:
Aps estamos na seo de Customizao temos de abrir a seo Static Front Page,
onde iremos encontrar todas as opes que temos para selecionar a primeira pgina que
aparece no site.

Quando entramos na seo Static Front Page temos a opo de escolher entre
Your lastest posts ou A static page, neste momento o que pretendido uma pgina
esttica, e para isso temos de escolher a opo A static page e selecionar a pgina na 1
comboBox (Front Page). Se tivermos escolhido a opo Your lastest posts a primeira
pgina do site ser o vdeo que apresenta a SHARE em 45 segundos.

34

Como inserir figuras?


Para inserir figuras temos de abrir a seco Media e clicar no boto Add New
que se encontra no canto superior esquerdo como mostra a seguinte imagem.

Aps clicarmos no boto Add New basta clicar no boto Select Files e fazer a
seleo da imagem que queremos inserir no site, como mostra a seguinte imagem:

Para inserir a imagem numa pagina temos simplesmente de copiar o URL que se
encontra nos detalhes da imagem, que encontramos ao clicar nela e temos de colar numa
pagina da seguinte forma: <img src="URL" alt="Nome " width="Tamanho"/ >
Como inserir um logo / imagem para substituir a palavra Share que aparece no extremo
esquerdo do espao:

Para inserir um logo ou imagem para substituir a palavra Share temos de visualizar
o site como administradores e aceder ao separador Customize que est no canto superior
esquerdo, como na seguinte imagem:
35

Aps estamos na seo de Customizao temos de abrir a seo Header Image,


onde iremos encontrar um boto Add new image, nele que podemos carregar uma
nova imagem/logo para o site.

36

Você também pode gostar