Professional Documents
Culture Documents
PREPPES
Ambiente Web
Curitiba: PREPPES, 2016
106 p. il.
Impresso no Brasil
Printed in Brazil
2016
Prezado aluno,
O material didático que você recebe agora é o que existe de mais inovador na era
da Internet, e tem como objetivo desvendar muitos dos mistérios da rede mundial de
computadores. Parece muito simples abordarmos o assunto, que já faz parte do nosso
cotidiano, mas a Internet aqui abordada vai muito além.
O que se percebe atualmente é uma grande empolgação com as redes sociais, que
para muitas pessoas parece constituir o mundo da Internet, no entanto, ela se constitui em
uma pequena parte da imensidão de suas potencialidades. A partir dela é possível ter mais
comodidade e oportunidades para adquirir conhecimento, realizar pesquisas com mais
eficiência, gerenciar e-mails e vários serviços nos quais eles estão vinculados.
É impossível pensar na Internet sem falar no Google e todos os seus aplicativos, por
isso durante o módulo faremos um uso mais eficiente destes serviços. Serão abordadas dicas,
oportunidades, serviços, um mundo inovador que a partir de agora você poderá trilhar.
E computação em nuvem, você já ouviu falar, não?! Então agora você desvendará
todos os segredos desta inovação tecnológica por onde caminham vários softwares que
agora passam a ficar a sua disposição, 24 horas por dia, sem problemas de compatibilidade,
programas caros ou seriais que não funcionam.
Agora você entra pela porta da frente no universo da Internet, aproveite o tempo, a
oportunidade e todas as aulas que com certeza você será um destaque por onde passar.
Equipe de Ensino
Aula 02 – Legislação 17
Marco civil da Internet 17
Legislação 18
Os crimes virtuais e suas relações com a lei 19
Crimes virtuais punições reais 21
Aula 06 – E-commerce 47
O que é e-commerce? 47
Como funciona o comércio eletrônico 47
Dicas e cuidados no comércio eletrônico 49
Pagamentos virtuais 50
Categorias de aplicação (B2B, B2C, C2C) 51
Os segredos do e-commerce 52
Algumas tecnologias utilizadas no comércio eletrônico 52
Aula 08 – SEO 60
Entendendo o SEO 60
Como funcionam os mecanismos de busca 60
Técnicas de SEO para sites e blogs 62
Cuidados com as empresas de SEO 63
Conteúdo de qualidade 64
Aula 09 – Blogs 66
O que é um blog? 66
A importância dos blogs 66
Planejando o conteúdo 67
Conteúdo útil e relevante 68
As ferramentas para criação do Blog 69
Na área de TI, o termo Ambiente Web é usado normalmente para designar serviços ou
ações que utilizam como princípio básico as páginas HTML como interface com o usuário e
que são visualizadas através do browser. No entanto, não é errado abrir o leque e dizer que este
Ambiente Web pode ser considerado todo o ambiente de serviços, tarefas e atividades que podem
ser realizadas por meio de um sistema virtual, no caso mais amplo, a Internet.
Já na década de 70, a tensão entre EUA e URSS diminui e as potências começam a trabalhar
unidas para que a ARPANET pudesse ser amplamente utilizada. Nesta ocasião as universidades, por
meio dos seus respectivos pesquisadores e alunos, começaram a idealizar um sistema técnico que
viabilizasse o uso dessa rede mundialmente. Essa interligação veio com um sistema denominado
de Protocolo de Internet (Internet Protocol) ou IP, e pela espinha dorsal chamada de backbones, dos
quais veremos mais a diante nesta aula.
No Brasil, tudo começou 1988, dentro das universidades brasileiras em conjunto com
universidades nos Estados Unidos porém, foi apenas em 1989 que a Rede Nacional de Ensino
No ano de 1991, o primeiro backbone (espinha dorsal) brasileiro estava pronto. Essa
infraestrutura conectava todos os pontos da grande rede acadêmica no Brasil. Esse mesmo
backbone foi aberto, em 1995, para provedores de acesso comerciais. Neste mesmo ano foi
realizada a primeira transmissão a longa distância entre os estados, o que permitiu a liberação para
operação comercial no Brasil. Foi criado tambem o Comitê Gestor da Internet no Brasil, que tinha
como atribuição principal coordenar e integrar os serviços de Internet no país, no intuito de prover
a qualidade técnica, a inovação e a disseminação dos serviços ofertados.
O ano de 1997 foi bem determinante, pois o aumento no número de acessos começava a
criar uma necessidade de uma infraestrutura com maior velocidade e segurança. Começou-se aí o
estudo pelo uso da fibra óptica que cobrisse todo o território nacional.
Mas para que essas redes funcionem de forma organizada é importante que haja um
padrão, um acordo sobre alguns itens e procedimentos na Internet, os chamados padrões
e protocolos. E claro, um dos mais importantes, é o protocolo TCP/IP, do qual vamos falar a
seguir.
O protocolo tcp/ip
Para que a conversa entre computadores ocorra de forma correta e sem falhas é
preciso que todos os dispositivos tenham a mesma linguagem. Essa linguagem é o TCP/
IP (sigla para Transmission Control Protocol/Internet Protocol), um conjunto de protocolos,
regras e padrões de comunicação. Cada protocolo tem sua tarefa definida e funcionam de
forma interligada. Pode-se dizer que o TCP/IP é uma família de protocolos, organizada em
camadas, onde cada uma tem uma tarefa importante para realizar.
10
Camada de Link: os protocolos com as tecnologias de rede que serão usadas estão
aqui. Os drives que permitem que os dispositivos conectados se comuniquem também
fazem parte desta camada;
Camada Física: esta é a camada mais baixa, onde estão os componentes físicos, como
modems, cabos e conectores de rede.
Quando você se conecta a Internet, você está acessando um determinado provedor (empre-
sa que fornece Internet) que irá fornecer um endereço IP dentro de uma cota numérica que ela
possui, e assim, você terá um número IP provisório durante aquela conexão.
11
Backbones
Tipos de conexões
ADSL
Wi-fi
12
Satélite
Vantagem: é um sistema de rádio que pode ser acessado de qualquer lugar do planeta.
É um dos métodos mais caros para acessar a Internet, pois para conectar é necessário ter
dois modem’s (um para envio de dados e outro para recebi-
mento) e uma antena específica para este tipo de sinal. Isso
se deve à distância entre o satélite e o receptor. Como a an-
tena é muito grande, o tempo de resposta do sinal e o envio
de dados é muito alto e fica sujeito a muitas interferências
pelo caminho. Para resolver as falhas, as informações são
trocadas em grandes pacotes de dados.
3g e 4g
WiMAX
O padrão WiMAX é um tipo de conexão de Internet banda larga com tecnologia Wi-Fi
para regiões onde não existe infraestrutura de cabeamento telefônico ou de TV por cabo, ou
para permitir acesso a sua rede sem fio dentro de toda a cidade, por exemplo.
As redes WiMAX oferecem também menos interferência que o Wi-Fi. Esse sistema pode
cobrir regiões inteiras, com distâncias mínimas de alcance de 10 Km.
Pense: você estar em qualquer parte da sua cidade e estar conectado a uma rede sem
fio de forma contínua e com velocidades de acesso semelhantes às conexões de ADSL. Para
que isso seja possível ele também é implantado em células, assim como o celular. De uma
estação base é possível a transmissão para as estações terminais ou diretamente até os dis-
positivos dos usuários. (Fonte: Site Intel)
13
Serviços
Toda a estrutura de rede montada tem como função específica disponibilizar serviços
que são importantes para o nosso dia a dia. A partir de agora vamos conhecer alguns deles.
Acesso remoto
Acessar outro computador ou dispositivo que está conectado a Internet é tarefa fá-
cil com os serviços de acesso remoto. Mesmo estando em localidades distantes, o aces-
so remoto pode ser feito de forma segura, com autenticação e criptografia de dados. Isso
permite que pessoas possam resolver problemas a longa distância ou trabalhar em casa,
compartilhando as informações com a empresa.
14
Compartilhamento de arquivos
Transmitir vídeo e áudio através da Internet e por meio de pacotes tem sido comum em
todo mundo. Por streaming, é possível distribuir dados multimídia em uma rede sem que eles
fiquem armazenados no computador do usuário. Com isso, não há sobrecarga de espaço no
disco rígido. A mídia é reproduzida à medida que chega ao usuário, dependendo da velocid-
ade de conexão. Também é possível assistir a vídeos em streaming via smartphones por meio
de aplicativos próprios.
E a nossa conversa sobre os serviços mais importantes da Internet não para por aqui.
Nas próximas aulas você vai conhecer outros serviços que serão muito úteis na sua vida pes-
soal, na escola e no trabalho.
15
Você aprendeu nesta aula de hoje que a estrutura de rede que permite você se conec-
tar à Internet é cheia de regras, padrões e protocolos. Aproveite esta oportunidade
para descobrir algo mais sobre alguns protocolos importantes. Pesquise e responda:
Protocolo HTTP
Sigla em inglês: _____________________________________________________
Sigla em português: _________________________________________________
Principal função: ____________________________________________________
Protocolo DNS
Sigla em inglês: _____________________________________________________
Sigla em português: _________________________________________________
Principal função: ____________________________________________________
Protocolo FTP
Sigla em inglês: _____________________________________________________
Sigla em português: _________________________________________________
Principal função: ____________________________________________________
Protocolo UDP
Sigla em inglês: _____________________________________________________
Sigla em português: _________________________________________________
Principal função: ____________________________________________________
Use um software de apresentação de sua escolha e elabore uma linha do tempo dos
principais acontecimentos no caminho da evolução da Internet. Para cada slide você
deverá acrescentar um título relacionado com o ano ou e em tópicos as informações
mais importantes daquele período.
16
Aula 02 – Legislação
Legislação
Durante mais de 4 anos, muito se debateu, mas somente em 2014 a lei 12.965/14 foi
sancionada. O Marco Civil da Internet visa estabelecer princípios, garantias, direitos e deveres
para internautas e empresas. Mas porque estudar esta legislação? Resposta simples: você
deve conhecer essa relação com Internet na sua vida ou onde você trabalha. Essa lei, ou as
que virão depois dela, podem ser importantes para o desempenho de alguma tarefa na em-
presa onde você estiver trabalhando.
Neutralidade
O conteúdo publicado
17
Marketing dirigido
Com a lei, as empresas de acesso não poderão mais ficar espiando a troca de infor-
mações na rede. Está proibido monitorar, filtrar, analisar ou fiscalizar o conteúdo, principal-
mente para fins comerciais.
Legislação
A Internet, como todos nós sabemos, trouxe inúmeros benefícios para facilitar a tão
agitada vida moderna. São diversos os serviços que podemos realizar utilizando os meios
virtuais. Porém, ela também trouxe riscos, crimes e problemas que a legislação brasileira teve
que se adaptar. Muitos criminosos acreditam estar protegidos pelo anonimato do mundo
virtual, mas você verá ao longo desta aula que não é bem assim. Vamos aprofundar o seu
conhecimento entendendo um pouco mais como a legislação brasileira trata e pune os
crimes do mundo virtual. Por enquanto, para que você possa fazer consultas posteriores,
segue a relação de algumas leis aos quais seus artigos tratam, por assim dizer, de relações
virtuais e possíveis crimes.
18
Os crimes virtuais são atos praticados ilegalmente com o propósito de roubar, prejudi-
car, denegrir, ofender ou abusar psicológica ou fisicamente de outro indivíduo. Os ataques
podem ser contra nossa honra, moral ou nossos próprios bens. Ou ainda, contra patrimônio
de empresas como bancos, órgãos dos governos, entre outros. Mesmo sabendo das dificul-
dades de se combater crimes virtuais, é importante se manter atualizado e preparado caso
ocorra algum incidente. No Brasil, parece que a maiorias das ações para publicação de novas
leis e punições severas só acontece quando a vítima é “pessoa pública”. Mas, como você verá
no final desta aula, existem punições reais para crimes virtuais.
A partir de agora, vamos fazer um levantamento básico dos principais crimes virtuais e
como a lei os trata.
Pirataria
A pirataria é o crime de vender ou distribuir produtos
sem a expressa autorização dos proprietários. Ela não se re-
sume apenas no download ilegal de filmes e músicas, mas
também produtos de uso pessoal, como roupas, calçados,
remédios. Para se ter uma ideia, segundo o site Olhar Digital,
o Brasil teve um prejuízo de mais de R$ 1,6 bilhão em 2014 com
softwares piratas.
19
Injúria: Consiste em ofender verbalmente, por escrito, meio virtual, ou até fisicamente a
dignidade ou a moral de alguém, na intenção de criar no ofendido um abatimento psicológico. O
Código Penal Brasileiro estabelece no art. 140 a pena de detenção de um a seis meses, ou multa.
Calúnia: é uma afirmação falsa, desonrosa e desconexa a respeito de alguém ou algo, inclu-
sive pessoas mortas. A calúnia acontece quando se atribui, falsamente, a alguém a responsabilidade
falha ou mentira sobre algo. O Código Penal Brasileiro estabelece no art. 138 a pena de detenção, de
seis meses a dois anos, e multa.
Difamação: quando atribuído a alguém um fato determinado que seja ofensivo à sua
reputação, com a intenção de torná-lo passível de descrédito na opinião pública, a partir do mo-
mento que outras pessoas tomam conhecimento do fato. O Código Penal Brasileiro estabelece no
art. 139 uma pena de detenção de três meses a um ano, e multa.
Discriminação: Fazer algum tipo de distinção social ao outro indivíduo seja ela racial, políti-
ca, religiosa, sexual, e que possa levar à exclusão social deste indivíduo. O ato discriminatório está
previsto nas leis 7.853/89 (pessoa portadora de deficiência), 9.029/95 (origem, raça, cor, estado civil,
situação familiar, idade e sexo) e 7.716/89 (raça ou cor).
Invasões
Um dos crimes mais comuns da vida moderna são as in-
vasões feitas por meio virtual a dados de pessoas e empresas
públicas ou privadas, com o intuito de danificar ou roubar seus
patrimônios. Estes atos vão desde obtenção de informações sig-
ilosas, até roubos e danos. As invasões geralmente são feitas sem
o conhecimento das vítimas, porém existem criminosos que utili-
zam de artifícios ilegais para conquistar sua vítima e a partir disso obter seus dados pessoais. Estes
artifícios incluem softwares liberados gratuitamente em forma de presente para a vítima. No Bra-
sil, recentemente, foi aprovada uma lei - 12.737/2012 – que trata dos crimes de invasão na Inter-
net, estabelecendo punições específicas para os infratores. A lei diz: “Art. 154-A. Invadir dispositivo
informático alheio, conectado ou não à rede de computadores, mediante violação indevida de
mecanismo de segurança e com o fim de obter, adulterar ou destruir dados ou informações sem
20
Pedofilia na Internet
Geralmente, ocorrem estes tipos de crime quando há um desvio dos padrões que a sociedade
construiu, como por exemplo, a pedofilia. Isso acontece quando alguém pratica atentados contra
os bons costumes e contra a inocência de uma criança ou adolescente, sejam eles de forma moral
ou sexual. Muitas das vezes elas viram um produto no mercado, com suas fotos expostas e vendi-
das pela Internet. A lei brasileira enquadra pedofilia no crime de estupro de vulnerável (art. 217-A
do Código Penal) com pena de oito a quinze anos de reclusão e considerados crimes hediondos.
A pornografia infantil também é crime no Brasil. Produzir, vender, divulgar ou publicar, fornecer, por
qualquer meio de comunicação, inclusive na Internet, fotografias ou imagens com pornografia envol-
vendo criança ou adolescente é passível de pena de prisão de dois a seis anos e multa.
Incitação e Apologia
Estes são os chamados crimes a incolumidade pública e crimes contra a paz pública.
Eles estão diretamente ligados a atos ilícitos que envolvem a incitação ao uso de drogas e
armas, apologias ao tráfico, formação de grupos criminosos e organizados, entre outros. O
Código Penal Brasileiro prevê nos Arts. 286 e 287 a pena de detenção de três a seis meses ou
multa para os crimes de Incitação ao crime e Apologia de crime ou criminoso.
Pois é, caro aluno. Citamos os crimes mais comuns, porém nos dias atuais eles crescem
assustadoramente. O importante é ficar atento a tudo que acontece a sua volta e denunciar
casos que possam ser tipificados como crimes virtuais para que as punições sejam mais
drásticas e que diminuam as incidências.
21
Invasão e roubo: “Corte manteve a prisão do hacker Otávio Oliveira Bandetini, condena-
do a 10 anos e 11 meses de reclusão por retirar irregularmente cerca de R$ 2 milhões de contas
bancárias de terceiros via Internet”; em outro caso “um técnico em informática de Santa Catarina foi
acusado de manipular e-mails para incriminar colegas de trabalho”. (Fonte: Site JusBrasil).
ATIVIDADES
1 Você aprendeu nesta aula
que a legislação tem se
modernizado para resolver
problemas no mundo virtu-
al. Para fixar melhor o con-
teúdo, vamos relembrar os
principais perigos ocultos,
suas regras, além de acres-
centar outras informações
importantes por meio de
uma pesquisa rápida na
Internet. Antes de fazer a
pesquisa tente resolver a
cruzadinha abaixo com as
informações que você cap-
tou do seu professor.
22
2 Identifique um caso de punição real para crimes virtuais e compartilhe com o seu
professor via e-mail. Você não poderá usar nenhum dos casos já descritos nesta aula.
Faça pesquisas na Internet e depois um rascunho nas linhas abaixo antes de enviar
para o seu professor.
_____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
3 Que tal treinar um pouco sobre as leis brasileiras relacionadas ao mundo virtual?
Preencha as colunas abaixo com os números das respectivas leis. Lembre-se que
depois da barra vem o ano em que a lei foi sancionada.
Direitos autorais: __ __ __ __ __ / __ __ __
Marco Civil da Internet: __ __ __ __ __ __ /__ __
Carolina Dickmann: __ __ __ __ __ __ /__ __
Código Penal Brasileiro: __ __ __ __ __ / __ __ __
Propriedade intelectual de software: __ __ __ __ __ /__ __ __
Lei geral das telecomunicações: __ __ __ __ __ / __ __ __
23
Essas páginas web que você costuma acessar podem estar localizadas no seu próprio com-
putador ou em um computador remoto, disponibilizadas através de um servidor web. Este aces-
so normalmente está restringido às redes locais ou hospedado na Internet para ser usado por
qualquer pessoa em qualquer lugar.
Lembra dos protocolos da primeira aula? Um deles, o HTTP (Hypertext Transfer Protocol ou
Protocolo de transferência de hipertexto), é o responsável por transferir para seu computador todas
as páginas que você acessar.
As páginas de Internet utilizam o famoso HTML (Hypertext Markup Language), uma lingua-
gem de formatação dos dados visualizados na tela do seu navegador, acrescidos da formatação
CSS (Cascading Style Sheet) que pode ser escrito em um arquivo em separado ou dentro do próprio
HTML.
24
Editores de HTML
Pesquisando na Internet você vai descobrir que atualmente existem vários editores com in-
terface que permitem criar páginas web de uma forma bem fácil, escrevendo linha a linha seu
código-fonte. Só para você ter uma ideia, um simples editor de texto como o Bloco de Notas, por
exemplo, já é suficiente para que você crie uma página básica. Basta seguir as orientações das tags
e da estrutura e pronto.
Dentre os editores mais importantes e que de certa forma vão facilitar a sua vida na hora de
escrever um código, temos o NVU, o HTML Edit, o Fresh HTML, entre muitos outros. Contudo, es-
colhemos usar o editor Notepad ++, pois ele possui uma interface simples e é bem completo para
o que faremos. O Dreamweaver também é outro editor completo e que possui muitos recursos.
Importante: em qualquer dos editores, é certo que você deverá salvar o arquivo com a ex-
tensão .html e manter a sintaxe correta da linguagem. Por exemplo, se você está criando a sua
primeira página via HTML, então poderá salvar o arquivo com o nome “primeirapagina.html”.
Tags
As tags são marcações de identificação de partes existentes na sua página. Elas são escritas
entre os sinais de menor (<) e maior (>), sendo que o fechamento delas se dá através da barra nor-
mal (/). Por exemplo, a tag FONT permite que você altere atributos das fontes de texto que você vai
usar na sua página. Quando for utilizá-la, então o resultado seria <font> </font>. Isso ficará mais
claro logo a seguir.
Toda página HTML começa com a tag <html> e termina com </html>, fazendo com que o
navegador entenda que se trata de um documento HTML e não um texto simples. Em seguida, usa-
se a tag <head> (cabeçalho), onde colocaremos alguns itens da página, como título, descrição, etc.
Dentro do cabeçalho, inclui-se a tag <title> para informar o título da página, ou seja, é neste local
25
• Manter cada tag em sua linha respectiva. Nada de tentar criar um código
único numa linha só;
• Use e abuse das tags em início ou final linha, assim fica bem mais fácil de
localizá-las;
• Use a chamada indentação do texto, ou seja, coloque as tags dentro de
outras, em linhas diferentes, separadas por tabulação simples e em níveis mais
à direita. Isso ficará mais claro quando você enxergar o código;
• Use e abuse de comentários no texto, para que você saiba exatamente o que
aquilo quer dizer.
A subclasse Style
Esta é uma subclasse relativamente nova, que só se
fez necessária após a criação do DHTML, ou seja, o HTML
Dinâmico. A subclasse Style define um objeto com atribu-
tos próprios, mas que não pode existir sozinho no HTML,
podendo sim ser um atributo de qualquer outra tag. O
style é uma sequência que define as propriedades do ob-
jeto. Este objeto pode possuir vários atributos, sendo que
todos eles já possuem um valor padrão definido, cabendo
a nós informar o que desejamos alterar.
Atributos
Os atributos de uma tag ou style são propriedades que permitem a modificação de certas
características. Eles são colocados na subclasse style ou na própria tag. Vamos começar o nosso
exemplo atribuindo os atributos de cores do corpo, de texto, margens e tamanho de texto da página.
26
style=“background-repeat: no-repeat”
A tag <FONT>
27
style=“font-size: 18px”
style=“font-weight: bold”
Color: define a cor da fonte. Use palavras-chaves das cores como green, blue,
black e os valores hexadecimais que definem a cor. Exemplo: color: #FF9966;
Tabelas
Com o uso das tabelas é possível, por exemplo, organizarmos em linha e
colunas, os textos e imagens dentro da página. Elas podem conter textos, listas,
parágrafos, imagens, diversas outras formatações, inclusive outras tabelas. A tag para
criação de uma tabela é <table> e alguns atributos importantes deixam a tabela mais
profissional. São eles: border=espessura da borda, width e height (largura e altura,
definidos em pixels ou em porcentagem).
28
Você poderá acrescentar cores de fundo na sua tabela, definindo as cores para
cada célula, linha e coluna. Para isso você deve incluir o atributo bgcolor na linha ou
coluna.
Colspan
Quando você utiliza uma tabela, às vezes é necessário que algumas linhas
tenham menos colunas que outras. Isso é possível graças ao atributo colspan. Se
você tem uma tabela com duas linhas e três colunas e quer que a primeira linha
tenha apenas uma coluna e a segunda as três colunas, escreva na primeira linha: <td
colspan=3> Primeira Linha</td>
29
30
Você viu alguma coisa errada na primeira tela? Se sim, então faça as correções que
você achar necessárias.
31
3 Descubra para que servem as TAGS abaixo. Suas anotações podem ser úteis na
próxima aula.
<br> _________________________________________________________________
<b> _______________________________________________________________
<p> _____________________________________________________________
<a>_____________________________________________________________________________
<ol> _____________________________________________________________
<ul>__________________________________________________________________
<li>________________________________________________________________
<sub> _____________________________________________________________
<sup> _____________________________________________________________
<hr> ________________________________________________________________
<div> ________________________________________________________________
<img> ___________________________________________________________
<frame>____________________________________________________________
<form> ____________________________________________________________
32
Ainda, caso você queira ou precise especificar o tamanho da imagem que será
utilizada, adicione os atributos height e width e especifique os pixels ou porcentagem
de largura e altura.
33
Links
A função principal de um documento hipertexto é o
link com outros documentos. Uma página de Internet, na
maioria das vezes, não vive sozinha e precisa ser interligada
com outra. Essa é a função dos links.
Para adicionar links ao seu projeto, utilizaremos as tags <a> e </a>. Dentro delas
vamos especificar o destino do link. Este destino será introduzido sob a forma de atributo,
no qual leva o nome href. Veja a sintaxe geral de um link:
<a href=”destino.html”>Conteúdo</a>
No caso acima estamos falando que o conteúdo é um texto. Se for uma imagem,
basta acrescentar a sintaxe da tag <img> antes do fechamento do link </a>.
34
Por padrão as listas são ordenadas por números, mas podemos ordenar também
por a,b,c,d ou I,II,III. Para isso, basta acrescentar <ol type=”a”> ou <ol type=”I”>.
Vídeos
Outra parte interessante de um código HTML é a
possibilidade de inserir um vídeo diretamente do YouTube
(incorporar) dentro da sua página HTML. O processo em si é
bem simples. Primeiro, crie uma página básica ou use aque-
la que você quiser para incorporar o vídeo. Acesse o site do
YouTube e procure pelo vídeo que você deseja adicionar.
Quando clicar no vídeo para fazer a visualização, logo abaixo
aparecerá um campo COMPARTILHAR. Ao clicar nele, verá
um link chamado INCORPORAR. Neste campo você terá o código que deve ser copiado.
Selecione todo o código que está dentro do campo e copie-o para a página HTML.
Ah, se o vídeo ficar grande demais na tela faça as alterações nos parâmetros “width”
e “height”.
Frames
O nosso estudo sobre HTML ainda não
chegou ao fim. É hora de falar sobre os frames.
Eles são divisões da tela do navegador em out-
ras telas (ou “quadros”). Sendo assim, é permitido
apresentar mais de uma página por vez, por ex-
emplo, dentro de uma tela principal ou frameset,
35
No exemplo que vamos usar, criaremos uma página com dois frames simples, sen-
do um com o menu e outro com a página relacionada ao link presente no menu. Como
você já aprendeu a criar páginas simples, use o seu conhecimento para elaborar três ou
quatro páginas sobre os assuntos que você utilizou no jornal. No código vemos uma parte
chamada FRAMESET, que define a divisão da página em “quadros”. Neste exemplo, a página
será dividida em duas colunas <frameset cols=20%,80%>, sendo a primeira com 20% do ta-
manho da tela, e a segunda coluna com os 80% restantes. Em outra linha do código temos
os FRAME SRC, que são referências às páginas que serão mostradas nos frames definidos.
Assim, aqui vemos que a página “menu.html” será mostrada na primeira coluna com 20%
e “noticia.html” será mostrada na segunda com 80% da tela.
36
Em seguida, vamos utilizar o modelo da página principal criada na aula anterior e modi-
ficá-la para ficar como no exemplo abaixo. Antes de mais nada, você precisa salvar como a página
que foi criada para fazermos as modificações necessárias. Salve com o nome “noticias.html”. Perce-
ba que as únicas modificações que vamos realizar é a retirada das colunas da linha onde ficariam
os links e acrescentar apenas uma coluna. Compare a página anterior com os códigos abaixo.
Acrescentar as fotos você já sabe.
Agora que já temos duas páginas, podemos criar a página principal deste novo projeto.
Crie um arquivo novo e digite o código ao lado, aquele mesmo que você viu agora a pouco. A única
diferença é que acrescentamos um atributo chamado name para definir o nome daquele frame.
Salve este arquivo com o nome “projeto.html”. Ele será a página principal para o projeto do jornal.
Como você aprendeu, a página está dividida em dois frames com 20% para um e 80% para
o outro. No frame da esquerda vamos abrir a página do menu e no frame da direita o das notícias.
O código ao lado fará isso. E o resultado ficará bem parecido com o que você vê abaixo.
37
Por fim, todas as vezes que você clicar num link diferente ele irá abrir no frame
“principal” a página relacionada aquele tema. Por isso, elas precisam estar prontas
para que você possa linkar.
38
2 Você aprendeu nesta aula que podemos dividir em um ou mais frames uma
página principal para a criação de uma página fixa e outra que muda com os
cliques nos links. Use esse recurso e aplique remodelando o seu projeto jornal.
3 Use todo o seu conhecimento adquirido ao longo destas duas aulas sobre
HTML e crie um pequeno site relacionado com música. Escolha o artista ou
banda de sua preferência e crie um menu com as músicas deles. O trabalho
será feito em frames, pois cada vez que alguém clicar no link de uma música
diferente a tela principal mudará e apresentará a letra da música e o clipe. O
layout será o desenhado abaixo:
39
Todo e qualquer marketing pode ser entendido através do estudo dos famosos 4 P’s:
produto, preço, praça e promoção.
Produto: Quais os processos que vão definir o seu produto? Um deles, por exemplo,
pode ser a pesquisa de mercado para saber se o seu novo produto poderá ser aceito pelo
consumidor. Se essa pesquisa foi feita por um formulário digital e distribuído no site da
empresa então podemos dizer que foi feito marketing digital.
40
Praça: Onde você vai vender o produto? O marketing deve existir em qualquer
praça. Se ela for digital, ou seja, diretamente na Internet, então quase todo marketing deve
ser exclusivamente digital. O marketing também deve se aplicar no trabalho de entrega,
seja por meio da forma tradicional dos correios ou de download ou streaming, como faz o
Netflix e o Spotify, por exemplo.
Planejamento
Como você já viu em aulas anteriores, quando
precisar definir qualquer tipo de projeto, seja ele construir
um prédio ou estudar para concurso público, é necessário
que seja feito um bom planejamento. O objetivo do
planejamento no marketing digital é questionar dados
e o consumidor até conseguir o insight (ideia) que
ajude na tarefa da equipe de criação. A ausência de um
bom plano pode comprometer os resultados que se
pretende alcançar. Por isso, se você pretende buscar bons
processos com o marketing digital da sua empresa ou a
qual você trabalha, é bom tomar ações importantes para
isso. Entenda algumas delas:
41
O consumidor 2.0 faz parte de um público mais exigente, mais curioso, mais disposto,
mais conhecedor, e mais interligado com o mundo moderno. É por isso que fidelizar e se
integrar a estes clientes são estratégias que podem ser alcançadas com um bom marketing,
principalmente o digital.
E você só vai conseguir vencer este desafio se a sua presença digital estiver afiada,
principalmente quando o relacionamento se dá através das redes sociais. Uma vez dentro
delas é preciso explorar o potencial do seu negócio e do seu cliente.
Com os clientes 3.0 as coisas vão mais além. Eles estão muito mais conectados
e são muito mais exigentes, o que permite que essa comunicação com a empresa seja
bilateral. Tudo que ele quer é uma relação cada vez mais transparente. Para ele, as empresas
precisam oferecer o atendimento por telefone, uma loja virtual, um canal online e espaços
através das diversas redes sociais.
Por isso, o negócio que não acompanha essas mudanças vai perder espaço
rapidamente, não adiantando apenas estar presente nas redes sociais, pois é preciso se
relacionar, responder suas questões, sanar suas dúvidas, avaliar as suas críticas para melhorar
cada vez mais o seu produto ou serviço.
42
Geralmente uma Landing Page ou página de conversão, é uma página com poucas
opções de navegação, servindo para uma troca de conteúdos relevantes por informações
do visitante e sua empresa. O seu processo de criação é bem simples, pois já existem tem-
plates otimizados e prontos para usar neste tipo de página, com campos editáveis para
os textos, cores e a oferta da sua empresa. No caso das empresas que ainda estão desen-
volvendo um produto, usar Landing Pages para medir a receptividade do mercado para o
novo produto é uma ótima opção.
43
Trabalhamos com duas possibilidades para você criar sua Landing Page:
• Desenvolver um site próprio, com uma página exclusiva para este tipo de ação;
• Usar uma ferramenta de criação de Landing Pages, já que muitas delas não são
necessários conhecimentos em programação.
Leads
Quando falamos de marketing digital e Landing Pages, temos que falar também de
Leads. O Lead consiste num contato devidamente qualificado que se consegue em troca
de algo gratuito que ofereceu na sua Landing Page bem feita. Pode ser aquele e-book, in-
fográfico, entre outros. Se você conseguiu atrair um usuário para uma página e nela você
convenceu de que ele precisa entrar em contato com você, acabou de gerar um Lead.
E atenção! Gerar Lead é um negócio, pois muitas empresas pagam para as empre-
sas de marketing digital por esses Leads qualificados. Uma gestão de Leads bem feita tem
poder de aumentar significativamente os resultados de seus negócios relacionados com o
marketing digital.
44
LeadPages - Esta plataforma também possui planos de pagamento para sua uti-
lização, porém disponibiliza templates bem interessantes e, segundo o site, possui ser-
vidores velozes que pode criar facilmente qualquer página, além de integrar com a
construção de lista de e-mail em poucos minutos. Seu endereço é http://www.leadpages.net
45
ATIVIDADES
1 Seguindo as orientações do seu professor, escolha um tema, um produto ou um
serviço e crie uma Landing Page para ele. O resultado deverá ser compartilhado com
os seus colegas.
2 Questionário
46
Aula 06 – E-commerce
O que é o e-commerce?
Como funciona o comercio eletrônico
Dicas e cuidados no comércio eletrônico
Pagamentos virtuais
Categorias de aplicação (B2B, B2C, C2C)
Os segredos do e-commerce
Algumas tecnologias utilizadas no comércio eletrônico
O que é e-commerce?
O comércio de produtos ou serviços se estende para o mundo virtual. Neste ambi-
ente estamos lidando com o conceito chamado de e-commerce, ou comércio eletrônico
em português. Através dele, podemos realizar diversas transações financeiras de compra e
venda por meios dos inúmeros dispositivos e plataformas virtuais disponíveis. Acessar lojas
virtuais para comprar aquele tênis que você deseja ou um box da sua série favorita é muito
mais fácil e seguro do que muita gente acredita.
Para que haja comércio é necessário que haja compradores (os que têm o
dinheiro) e vendedores (os que oferecem os bens e serviços). Geralmente os vendedores
atuam como varejistas (que vendem diretamente aos consumidores) e atacadistas (que
vendem para os varejistas).
47
Para que toda estrutura de comércio eletrônico esteja disponível é preciso ter:
Portanto, para que o comércio eletrônico funcione de forma eficiente, é preciso que:
48
Uma febre nos últimos anos são as chamadas compras coletivas. Também pode
49
A solução dos problemas que o consumidor tiver com o produto ou o serviço ad-
quirido será de responsabilidade tanto o estabelecimento comercial que fez a oferta como
o site de compra coletiva.
Pagamentos virtuais
Uma das funcionalidades principais de uma loja virtual é dispor de uma boa solução
de pagamento online, onde o faturamento das vendas deve ser gerenciado de diversas
maneiras e de forma segura. As principais formas de pagamento são: cartões de crédito,
débito online, boletos, transferência eletrônica.
50
Modelo Descrição
51
A dica é criar uma plataforma de qualidade, com bom desempenho, bom visual,
organizada e de resposta rápida e clara ao cliente. Ele quer saber se a compra foi efetuada
com sucesso, se o pedido já foi postado.
Além disso, faça parcerias com outros sites que possam vender o seu produto.
Lembre-se que os consumidores também navegam por site de notícias, leem e-mails, ou-
vem músicas, assistem vídeos e se relacionam com amigos.
Pingdom - Um sistema online que ajuda a monitorar se a sua loja fica fora do ar. Impor-
tante caso seja necessário pedir ressarcimento de prejuízo por conta de queda de servidor.
E-bit - Um sistema que pesquisa a satisfação do consumidor online após o ato da com-
pra e usa essas informações para qualificar a credibilidade da loja. Realiza o famoso pós-ven-
da.
Mailchimp - Ferramenta que envio de e-mail marketing. Falaremos mais sobre ela
nas próximas aulas.
52
Zoho Support - Um sistema para gerenciar todas as interações dos seus clientes
(chamados, e-mails, mensagens em canais de mídias sociais), e com isso tornar o atendi-
mento mais eficiente.
ATIVIDADES
1 Você já ouviu falar no E-Commerce? Descreva o que significa desta modalidade de
comércio eletrônico?
_______________________________________________________________________
_______________________________________________________________________
_______________________________________________________________________
_______________________________________________________________________
2 Chegou a hora de navegar por sites de comércio eletrônico, como lojas virtuais,
e-marketplace, compras coletivas e clube de compras. Descubra suas principais
características, como o visual, facilidade de navegação, imagens, descrição dos pro-
dutos, forma de pagamento, entre outras. Relacione estes dados nas linhas abaixo:
(Obs. Em relação ao certificado de segurança, o seu professor vai indicar os
caminhos para verificar o emissor e a validade do certificado. Deixe tudo anotado.)
53
54
O uso consciente
Usar o e-mail marketing é garantia de bons resultados para a estratégia da sua em-
presa. Além de ser econômico, facilita muito a nossa vida coorporativa. Mas, cuidado! Os
excessos nunca são bem vistos. Se as mensagens não forem bem vistas pelos clientes, ou
não se adequarem aos pensamentos destes, o e-mail marketing pode acabar se tornando
uma tragédia para sua empresa.
Alguns erros são claros. Erros de português, repetição de conteúdo, descuido com
imagens, títulos complexos e excesso de links podem atrapalhar sua estratégia ou ser com-
parado a um spam.
O que você precisa entender é que os e-mails marketing não são feitos para gerar
o lucro da sua empresa, mas são uma forma de chamar a atenção do possível cliente. Mui-
tos são usados de forma promocional, sem exageros. Se o seu e-mail for considerado um
spam ou lixo pelo cliente, o resultado é o bloqueio imediato dos seus contatos.
55
Muitas das vezes, para buscar os clientes rapidamente, existe um envio precipita-
do e aleatório de mensagens pelas empresas, o que acaba deixando de lado o foco que é
comunicar com o cliente.
Outro erro muito comum que muitas empresas aca-
bam adotando é a compra de listas de e-mails para disparar
sem critério algum. Isso é uma ilusão e acaba gerando mais
problemas do que benefícios. O que pretendia ser uma fi-
delização imediata acaba se tornando uma reação contrária.
Estratégias de campanha
A estratégia para aquela campanha de e-mail marketing na sua empresa começa
pela infraestrutura que você deverá montar, escolhendo os melhores formulários e seus
campos de cadastro ou pesquisa, a escolha dos estímulos (prêmios, promoções) para seus
visitantes deixarem o endereço de e-mail, elaborar um bom conteúdo e escolher a ferra-
menta para “disparar” com qualidade estas mensagens.
É importante que você entenda que a dica é construir a sua própria lis-
ta de e-mails. Você pode capturar estes e-mails através de uma Landing Page ou com
a utilização de algum newsletter. Mas para que isso funcione, é preciso que você crie
conteúdos de qualidade. Na sua estratégia, informações de qualidade são o ponto chave.
Procure fornecer conteúdo ou ofertar promoções, dicas, novidades que de alguma forma
possa gerar valor para o destinatário.
• Seu cliente deve ser tratado como único, como se sua empresa falasse direta-
mente com ele. Essa proximidade gera um resultado bem interessante para quem
deseja fidelizar o cliente;
• Publique de forma constante, definindo uma periodicidade para o envio de seus
e-mails.Com os resultados emitidos pelo software que você escolher, analise os
melhores horários para enviar estas mensagens;
56
57
Para que a campanha fique mais interessante, vamos criar conteúdos interes-
santes, objetivos, com títulos atrativos, com visual elegante com padrão de cores, formas,
tipografia, texturas, através do uso de templates gratuitos disponíveis.
O exemplo que vamos usar será através do Mailchimp. A primeira etapa é o ca-
dastramento na plataforma. Já dentro da página principal, clique na opção de criação de
campanhas. Apesar de estar em inglês, a plataforma é bem intuitiva.
58
Da forma bem tradicional, vamos buscar por alguns endereços de e-mail dos seus
colegas de turma. Em duplas, faça uma rápida entrevista com outros colegas e
solicite o nome e o e-mail de contato. Anote, no mínimo 6, para utilizar dentro da
campanha que você irá criar com a ajuda do seu professor.
De acordo com as instruções do seu professor e da ferramenta que ele sugeriu, crie
uma campanha de e-mail marketing para um produto ou serviço fictício. Pode ser
um curso de inglês, uma venda de calçados. O mais importante é criar um template
com conteúdo interessante, criativo e que chame a atenção do seu cliente. Ao final,
cadastre na lista os e-mails que você coletou na atividade 1. Envie esta campanha
para todos da lista.
Se nas aulas anteriores você criou uma Landing Page e a ferramenta escolhida per-
mite que você faça essa interligação com ferramentas de e-mail marketing, então
crie esse relacionamento seguindo as instruções da ferramenta. Peça suporte para
o seu professor, se necessário.
59
Aula 08 – SEO
Entendendo o SEO
Como funcionam os mecanismos de busca
Técnicas de SEO para sites e blogs
Cuidados com as empresas de SEO
Conteúdo de qualidade
Entendendo o SEO
Nesta última aula relacionada com marketing digital, vamos falar de uma sigla
muito utilizada nos dias atuais: o SEO. Mas afinal, o que é este tal de SEO? Para começar,
vamos entender a importância estratégica dele.
60
Quando chega o resultado, pode haver milhões de páginas que incluem pala-
vra ou frase que você solicitou. Os mecanismos de busca usam métodos para criar um
ranking dos melhores resultados possíveis, mas, uma coisa é certa: a maior parte dos siste-
mas de busca são iniciativas comerciais suportadas por rendimentos de propaganda e,
claro, quem paga mais aparece mais alto no ranking nos resultados da busca.
A maioria dos serviços de pesquisa são rodados por empresas privadas usando
algoritmos proprietários e bancos de dados fechados, sendo os mais populares o Google,
Bing e Yahoo!
Não existe uma forma garantida para que isso aconteça, pois o Google não vende
61
Título
O título é um dos principais fatores que influenciam no rank dos mecanismos. Nele,
você deverá apresentar as palavras-chaves, de forma simples, objetiva e bem chamati-
va, para atrair atenção e ser clicado. Use no máximo 2 palavras-chaves, máximo de 65
caracteres e seja original, inserindo títulos diferentes em todas as páginas. Textos chama-
tivos como “Promoções”, “Descontos”, “10 dicas sobre”, ajudam muito na taxa de clique do
seu site.
Palavras-Chave
Autor
62
Para qualquer pesquisa ser bem vista é preciso ter conteúdo atrativo. Deve conter pa-
lavras-chaves para chamar a atenção do leitor e o mesmo continuar em seu site. Escreva
bem, use termos bem procurados e dê qualidade ao seu trabalho. Quanto mais qualidade
tiver seu conteúdo, melhor posicionado será.
Formatação de Conteúdo
Imagens
Alguns algoritmos são bons quando as imagens são otimizadas. Uma imagem bem
rankeada deverá ter um título e um texto alternativo bem interessante, principalmente os
adicionados ao atributo “alt”.
Quando você também faz marcações nas mídias sociais, principalmente comentários
de matérias, o ranking do seu site ou blog aumenta. Os botões de “curtir” do Facebook,
“tweets” do Twitter e, principalmente, o “+1 do Google Plus ajudam muito. A dica é: Insira
uma pergunta ao final de um texto e peça para os leitores responderem com comentários.
Isso ajuda a rankear o seu site.
O conteúdo que você coloca dentro do seu site ou blog deverá ser original e único,
pois se você copiar e colar de outro site, os motores de buscas contam como conteúdo
duplicado e acabam atrapalhando o trabalho de pesquisa.
Link Building
O uso de links com texto âncora é muito usado com técnica de SEO. Procure sempre
uma palavra-chave de acordo com o conteúdo relacionado, e insira links nela. Deixe de
lado o famoso “clique aqui” e use as palavras corretas sobre o assunto.
63
Conteúdo de qualidade
Como já dissemos, uma das técnicas mais importantes para o melhor posicionamen-
to e rankeamento nos sites de busca é o conteúdo. Seja um site ou um blog, ele precisa
estar sempre atualizado, com palavras-chaves criativas e com conteúdo interessante para
o internauta. Mas para que qualquer conteúdo funcione de forma eficiente, é preciso:
• Usar o português corretamente para facilitar a leitura e transmitir relevância ao seu usuário;
• Conteúdo original com citação de fontes, tornando-o interessante;
• Procure acrescentar data de publicação dos seus conteúdos. Muitos motores dão
prioridade para os conteúdos mais recentes;
• Evite usar links para páginas que você desconhece. Isso pode gerar problemas com
vírus ou conteúdo inapropriado;
• Revise para encontrar falhas e erros comuns;
• Responda para você mesmo perguntas do tipo “Este artigo prenderá a atenção até
o final?”, “Ele esclarece alguma dúvida”, “Outras pessoas irão compartilhar esse artigo?”,
entre outros.
ATIVIDADES
1
Pesquisa de termos
Responda para você mesmo perguntas do tipo “Este artigo prenderá a atenção até o
final?”, “Ele esclarece alguma dúvida”, “Outras pessoas irão compartilhar esse artigo?”,
entre outros.
Assunto: ________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
64
O exercício de hoje vai envolver a sua habilidade com as técnicas de SEO. Vamos
supor que você trabalhe em uma academia e seja o responsável pela criação do site
e o trabalho de SEO. Faça um levantamento das melhores práticas que você apren-
deu e para adaptar a este site. Em cada linha, anote uma prática que você adotou.
Escreva também as palavras-chaves que você deverá usar.
Práticas de SEO:
1: __________________________________________________________________________
2: __________________________________________________________________________
3: __________________________________________________________________________
4: __________________________________________________________________________
5: __________________________________________________________________________
Palavras-chave: _________________________________________________________
_______________________________________________________________________
_______________________________________________________________________
Se nas aulas anteriores você criou uma Landing Page e a ferramenta escolhida per-
mite que você faça o trabalho de SEO, então utilize as práticas que você aprendeu e
alavanque o resultado de pesquisa do seu site ou blog.
65
Aula 09 – Blogs
O que é o blog?
A importância dos blogs
Planejando o conteúdo
Conteúdo útil e relevante
As ferramentas para criação de blog
O que é um blog?
O nosso estudo sobre marketing de conteúdo
e sobre as ferramentas mais importantes utilizadas
pelo mundo corporativo em ambiente virtual não
terminou. Nesta aula, vamos falar de um assunto
que desperta o interesse de muita gente: os blogs.
Segundo a Wikipédia, um blog é um “site cuja estru-
tura permite a atualização rápida a partir de acrésci-
mos dos chamados artigos ou posts”. Para se estru-
turar e alimentar um blog, em geral, é preciso criar
uma temática (escolher um tema) e publicar artigos
ou textos sobre ele. O blog pode ser escrito por uma
pessoa ou por um grupo de pessoas.
No começo, os blogs eram traduzidos com sendo diários online no intuito de divulgar
ações e sentimentos do dia a dia. Com o tempo, os blogs passaram a se tornar mais cor-
porativos e utilizados como ferramenta do marketing de conteúdo. Atualmente, existem
diversos tipos de blogs, divididos em quatro grandes ramos: os blogs pessoais, os corpora-
tivos, educacionais e os de gênero.
66
Pensando através dos quatro grandes ramos específicados anteriormente, vamos en-
tender que o blog se torna importante para:
Planejando o conteúdo
Antes de você se aventurar no mundo dos blogs é
necessário conhecer algumas dicas importantes para que
o resultado seja eficiente. Criar e compartilhar conteú-
do que seja realmente útil e interessante pode atrair uma
grande quantidade de clientes e seguidores. Por isso, nada
mais justo que fazer um planejamento do seu blog. Defi-
na quem será o seu público, a formatação, o estilo, e out-
ros detalhes que irão impulsionar o seus trabalhos como
blogueiro.
67
Metas
Querendo ou não, quem cria um blog tem um objetivo ou uma meta, que podem ser
diferentes para diferentes tipo de público. Se o seu público é corporativo, defina metas de
fidelização ou engajamento de seus clientes. Use estratégias para alcançar números que
sejam satisfatórios para que o seu negócio seja visto e comentado.
Formatos e linguagem
Postar apenas textos pode ser repetitivo. Busque criar posts que sejam diferentes, in-
ovadores e que consigam cativar o seu leitor. Utilize imagens, vídeos, infográficos, cores
e uma linguagem mais descontraída e que se aproxime do público. Claro que se você
conhece o seu público, saberá como falar com ele. Outro detalhe: procure não publicar
textos muito grandes e de difícil leitura.
Frequência
Pense que você não poderá ser nem tão chato nem tão calado. Um blog precisa ter
uma periodicidade de publicações, estar atualizado, trazer coisas novas e dinâmicas. Defina
a frequência com que um texto novo será publicado, organize as ideias e faça cumprir. Uma
média boa é publicar dois artigos diários.
Adquira conhecimento
Todo blog precisa ter informações consistentes. Por isso, procure se manter atualiza-
do com o tipo de informação que você vai distribuir. Seja o mais original possível, citando
as fontes das pesquisas, para torná-lo mais interessante.
Mas não é só isso! Você precisa saber abordar o assunto de jeito inovador, como sen-
do algo único e interessante. Se você for criar um blog de viagens, por exemplo, é preciso
que o público sinta que você realmente vivenciou aquela viagem. Se você criar “momentos
68
Produzir uma informação de qualidade sobre os seus produtos e a sua marca ampli-
am muito a capacidade de otimização do negócio. Isso gera mais confiança, autoridade e
visibilidade.
Blogger
Para usar a ferramenta basta fazer login com uma conta do Google. Dentro dele você
deverá selecionar (criar) um endereço (URL) e um título para seu blog. A próxima etapa será
a escolha de um modelo (template) e seu design.
WordPress
O primeiro passo no Wordpress é criar uma conta, com um nome de usuário, senha,
e um endereço de e-mail válido. Em seguida, é importante definir o endereço do seu blog,
69
Após, crie um perfil e escolha o layout (template) para serem instalados no seu blog.
O processo é rápido e fácil. Você já poderá começar a postar os seus textos e imagens sem
dificuldades. O painel de controle (Dashboard) permitirá que você tenha o absoluto con-
trole sobre a plataforma e seu blog.
ATIVIDADES
1 Como você aprendeu nesta aula, o planejamento é essencial para a criação de um
blog bem interessante e eficiente. E para iniciar nosso trabalho prático, você deverá
planejar um blog sobre o assunto que você achar produtivo e interessante. Discuta e
faça pesquisas com outros colegas.
Assunto: ____________________________________________________________________________________________________________________________________________________________
Público-alvo:_____________________________________________________________________________________________________________________________________________________
Metas: _________________________________________________________________________________________________________________________________________________________________
_________________________________________________________________________________________________________________________________________________________________________________
Formatos e linguagem: ___________________________________________________________
_________________________________________________________________________________
Periodicidade: ___________________________________________________________________
Fontes principais de pesquisa: ____________________________________________________
_________________________________________________________________________________
Se nas aulas anteriores você aprendeu as estratégias de SEO, que tal colocá-las em
3 prática dentro do seu blog? Alavanque o resultado de pesquisa do seu blog.
70
Pesquisas avançadas
71
Todas as palavras: Vai retornar resultados associados a todas as palavras que você
digitou.
Qualquer uma destas palavras: retorna resultados associados a uma ou outra palavra
digitada.
Nenhuma dessas palavras: é a pesquisa negativa, ou seja, retorna conteúdos que não
contenham as palavras digitadas.
72
Idioma
73
Mas espere! Se eu não pago, quem paga para manter os serviços funcionando? Sim-
ples, o financiamento do Gmail é feito por publicidade: anúncios de textos ou mensagens
pagos por empresas ou pessoas interessadas em anunciar os seus produtos. O sistema
analisa o conteúdo automaticamente e exibe publicidade de acordo com os assuntos
mencionados. Estudos afirmam que 75% dos usuários do Google que recebem anúncios
nas suas caixas, uma hora ou outra acabam comprando um produto ou serviços.
74
A área de chat está bem abaixo dos marcadores. Converse com seus contatos
através deste caminho.
Surgido em 2014, o Inbox passou a ser tratado com o sucessor do Gmail. Tra-
ta-se de um aplicativo que trabalha de forma diferenciada, permitindo um maior
controle das mensagens na caixa de entrada.
O seu professor vai demonstrar com mais clareza o uso desta ferramenta.
Tente anotar tudo e depois faça suas comparações.
ATIVIDADES
1 Resuma, em no máximo cinco linhas, a história de criação e evolução da empresa
Google. _______________________________________________________________
______________________________________________________________________
______________________________________________________________________
______________________________________________________________________
______________________________________________________________________
______________________________________________________________________
75
3 Você já possui uma conta no Gmail? Se não, crie uma e caso tenha, configure-a.
4 Vamos elaborar um quadro comparativo entre ferramentas de webmail que você conhece
ou usa. As comparações são importantes para aprimorar o seu conhecimento no assunto.
Ao final, envie este quadro comparativo para o e-mail do seu professor.
Google Yahoo
Vantagens: Vantagens:
______________________________________ ______________________________________
______________________________________ ______________________________________
______________________________________ ______________________________________
______________________________________ ______________________________________
Hotmail Inbox
Vantagens: Vantagens:
______________________________________ ______________________________________
______________________________________ ______________________________________
______________________________________ ______________________________________
______________________________________ ______________________________________
76
Nesta aula, você vai conhecer alguns exemplos de serviços oferecidos na nuvem pelo
Google e seus principais concorrentes.
77
O Google Drive possui edição colaborativa de seus arquivos no Google Docs, Google+,
Fotos, Gmail, entre outros. Além disso, você pode criar, adicionar ou fazer o upload de um
arquivo que esteja guardado no seu computador.
78
Outra funcionalidade que chama a atenção é o Street View, onde você pode ter com
clareza uma visão de 360º do local desejado. As vistas panorâmicas permitem que os usuários
vejam partes de algumas regiões do mundo ao nível do chão /solo. O Google Street View
mostra fotos tiradas por uma frota de veículos próprios e adaptados para o trabalho.
Google Agenda
Para facilitar a sua vida pessoal ou das tarefas da sua empresa, você pode organizar seus
compromissos com a agenda online e gratuita do Google. Com ela, é possível compartilhar
compromissos com seus amigos, permitindo que eles vejam sua agenda e compromissos que
outras pessoas compartilharam com você. E como é uma ferramenta interligada na nuvem,
acesse a sua agenda de qualquer lugar e qualquer hora, sincronizada com seu smarthphone
ou tablet.
Além dos lembretes, você pode escolher entre receber notificações por e-mail ou
mensagens de texto diretamente em seu celular. O seu professor vai demonstrar o uso desta
ferramenta e a integração com outras.
79
Dropbox
One Drive
Bing Maps
iCloud
Box
Segundo algumas publicações, o Box é mesmo um serviço bem confiável. O plano básico
e gratuito pode guardar arquivos de no máximo 250 MB e chegar a 100 GB no plano pago.
80
ATIVIDADES
1 Nesta atividade, vamos praticar a criação de uma estrutura simples de pastas para
arquivamento digital dos seus documentos e trabalhos pessoais e profissionais.
Lembre-se que você pode separar por assunto. Isto pode ser feito dentro de um drive
virtual, de acordo com a sua escolha ou do seu professor. O importante é escolher
uma que seja a principal e outra para o backup.
Destino: ____________________________________________________________
Distância entre a sua cidade e o destino: __________ Km
Data provável da viagem: ____/____/____ a ____/____/_____
Meio de transporte: __________________________________________________
Preço das passagens (ida e volta): ________________
Gasto com combustível (se optar por ir de carro): R$ _________
Hotel: ______________________________________________________________
Distância do aeroporto/rodoviária até o hotel: _________ Km
Preço do taxi (aeroporto/rodoviária até o hotel): R$ _________ (consulte o site
www.tarifadetaxi.com.br ou semelhante).
Ponto turístico 1: ____________________________________________________
81
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
82
Por isso, aproveitando o estudo que estamos fazendo sobre o ambiente web, é
interessante conhecer algumas tendências que você ou a empresa onde trabalha podem
investir.
83
Os prós e os contras
Investir em propaganda online tem seus prós e seus contras. Estudá-los faz uma
diferença enorme.
Usar blogs
Pró - Muitas empresas estão investindo em publicidade por conteúdo dentro de blogs
patrocinados ou blogs próprios. Isso pode gerar até certa receita e faz sua empresa aparecer
no mercado. Se você tem uma lojinha de roupas, por exemplo, um blog sobre MODA viria
muito bem. Ele vai permite que você cresça e atraia mais tráfego.
Contra - Uma vez publicado, não tem mais volta. Por isso, garanta uma boa qualidade
no texto e nos anúncios para não causar efeito contrário ao cliente.
Custos
Contra – Não tente diminuir demais os custos com conteúdos mal elaborados no
seu site e nas suas campanhas. O barato sai caro.
.
Mensagens
84
As melhores estratégias
Dentre as inúmeras estratégias que já estudamos ao longo deste curso, as redes sociais
tem sido opção como parte das estratégias de publicidade online de 9 em cada 10 empresas
brasileiras. Por isso, seja nas redes sociais ou outras campanhas online, é bom que você:
O mercado disponibiliza várias ferramentas para que você possa fazer a divulgação
de seus anúncios sem muito sofrimento. Dentre elas, vamos dar destaque ao Facebook for
Business e ao Google Adwords. Mas qual é a melhor plataforma?
Google AdWords
85
Eventos - anúncios para promover algum evento que vá atrair mais público.
86
ATIVIDADES
O brainstorm é uma ferramenta bem útil na hora de criar campanhas, sejam elas online
1 ou não. Aproveite a oportunidade e faça o esboço de um anúncio sobre um produto
ou serviço de sua escolha. Use os quadros abaixo. Se for o caso, peça sugestões para
o seu professor.
2 Aproveitando o que você aprendeu nesta aula, use o esboço acima e crie um anúncio
para gerar um envolvimento de uma página, um produto, um serviço ou seu site. Você
não precisa pagar por nada, basta realizar as configurações que forem necessárias.
87
Segurança na web
Os principais riscos digitais
Estudando vírus e formas de proteção
Configurações básicas dos navegadores
Segurança na Web
Navegar na Internet é também estar
preparado para vencer seus desafios. Como ela
está muito presente no cotidiano de milhões de
pessoas, encontrar amigos, fazer novas amizades,
compartilhar, estudar à distância, comprar,
jogar, assistir vídeos, são ações que podem ser
prejudicadas por pessoas de má índole. Certamente
você já passou (ou conhece alguém que passou)
por um drama digital em qualquer fase da sua vida.
Mas para aproveitar todos os recursos e benefícios de uma forma bem segura
e positiva, basta tomar os cuidados necessários para evitar os riscos aos quais você está
exposto. Roubos, contato com pessoas mal intencionadas, furto de identidade, invasão de
privacidade e cyberbullyng são alguns deles.
Por isso caro aluno, não ache que você não corre riscos. A partir do momento em
que você estiver conectado a Internet, os riscos aumentam exponencialmente. Qualquer
problema de segurança em seu computador pode colocar em risco a confidencialidade e
a integridade dos dados nele armazenados. Além disto, ele poderá ser usado para práticas
maliciosas como, por exemplo, processar ataques e assim esconder a real identidade e
localização do atacante.
88
5 – Falhas lógicas – Ameaças ocasionadas por vírus, podem causar falhas lógicas no
seu servidor ou estação de trabalho. Por isso, é bom ficar atento à segurança dos servidores,
como por exemplo, realizar backups e manter os antivírus atualizados.
89
São vários os meios de propagação de vírus. Mas como nosso tema principal é a
Internet, não podemos deixar de nos preocupar com ela. Mesmo que eles estejam ocultos
na rede mundial, a infecção pode correr a qualquer momento. Dentre as formas de infecção
ocorridas através da Internet temos:
Por e-mail: ele chega como um arquivo em anexo, geralmente para instigar o
interesse de quem recebe, e induz o usuário a clicar sobre o arquivo. Assim, ele entra em
ação e infecta os arquivos ou rouba informações do seu computador. Os vírus mais comuns
recebidos por e-mail são os Cavalos de Tróia.
Por script: são escritos em linguagem de script e recebidos quando você acessa
uma determinada página. Ele acaba por ser automaticamente executado e prejudica o
comportamento do computador, principalmente dos navegadores.
Phishing: Através de páginas falsas, com mensagens falsas, para conseguir nomes de
usuários e senhas de um site qualquer.
Sites indevidos: São milhares os sites indevidos que estão esperando o seu acesso
para propagar o vírus que pode roubar ou danificar informações. Os mais comuns são os
sites de jogos e pornograficos.
Formas de proteção
Claro que não podemos deixar de falar dos principais cuidados que você deve ter ao
utilizar a Internet. Fique atento.
90
91
92
93
94
Videoconferência
Como já dissemos, o EaD possui muitas vantagens quando você deseja aprender algo
novo ou apenas reciclar conhecimentos. Uma das formas que tem ganhado bastante destaque
é a videoconferência, uma ferramenta tecnológica que possibilita uma comunicação direta
entre duas ou mais pessoas, recriando o sentido presencial. Não importa a distância, o que
vale é a interatividade, economia de dinheiro e tempo, e o trabalho eficiente no processo
ensino-aprendizagem.
95
Skype
ooVoo
GoToMeeting
Streaming
Ainda, quando falamos de educação a distância, não
podemos deixar de comentar sobre os serviços de Streaming.
Ele é uma forma de distribuição de dados, geralmente de áudio
e vídeo, através de pacotes na Internet. Com esse tipo de
serviço, as informações não são armazenadas pelo usuário em
seu próprio computador e por isso não vai ocupar os espaços
no seu HD. O “stream” permite que a transmissão dos dados
ocorra e a mídia é reproduzida à medida que chega para você. Tudo, claro, vai depender
da largura de banda contratada. Se for suficiente, ótimo. Se não for, ocorrerão os famosos
travamentos. Você já deve conhecer e já usa serviços de Streaming. Dentre os mais famosos
estão o Youtube (vídeos), Netflix (filmes) e Spotify (música).
96
1 – Explique, com as suas palavras, o que entendeu sobre Educação a Distância (EaD).
2 – Qual a importância dos serviços de videoconferência para o ambiente de trabalho.
3 – Explique o que é o AVA.
4 – Explique o conceito de streaming e dê exemplos de plataformas que utilizam este
tipo de serviço.
______________________________________________________________________________________________________________________
_____________________________________________________________________________________________________________________________________
______________________________________________________________________________________________________________________________________
______________________________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________________________
______________________________________________________________________________________________________________________________________
______________________________________________________________________________________________________________________________________
_____________________________________________________________________________________________________________________________________
97
Categorias
98
Escritório – A empresa passa a se tornar dinâmica quando o cliente pode ver relatórios
online, textos, planilhas, portfólios, através de aplicativos de escritório. As apresentações se
tornam mais eficientes e atuais.
Categorias
Para que o nosso passeio pelo mundo das aplicações do sistema mobile fique mais
interessante e interativo, resolvemos separar os principais aplicativos do mercado (dentre
milhares) de acordo com as categorias e funcionalidades. São apps que de alguma forma
serão úteis na sua vida pessoal e profissional. Logicamente que durante a aplicação desta
aula, novos aplicativos poderão ter surgido e outros desatualizados ou modificados. O seu
professor vai orientar sobre isso e apresentar novas e interessantes ideias.
Antes de começarmos a falar destas categorias, vale a pena informar quais são as
principais empresas distribuidoras de aplicativos. São elas: Amazon Appstore (distribuidor
alternativo do Android), App Store (Apple), BlackBerry World (dispositivos BlackBerry),
Windows Phone Store (Microsoft) e a Play Store (Google).
99
Educação – Aprender por meio de aplicativos é uma boa ideia para quem não tem
muito tempo. A mobilidade vai permitir que você estude a qualquer hora e a qualquer
momento. Dentre os mais conhecidos estão: Duolingo (idiomas), TED (palestras), Ligados no
Enem (vários), Cousera (cursos).
Corporativo – Aplicativos essenciais para a sua empresa ou o seu negócio. Você pode
criar estratégias de marketing, contratar pessoas, gerenciar relatórios, armazenas arquivos,
dentre muitas outras tarefas. Os mais usados são: InfoJobs (empregos), Box (armazenamento),
SPC Mobile (consultas), Office Mobile (planilhas, textos), Evernote (Agenda), LinkedIn
(profissional).
Comunicação – Estes aplicativos são usados para estreitar a comunicação, e por isso
tem sido bastante procurado nas lojas virtuais. Eles facilitam o acesso a informações e a
transmissão de dados entre pessoas ou empresas. Eles permitem uma economia de custos
e encurta distâncias. Os mais usados e conhecidos são: Viber (chat e ligações), WhatsApp
(chat e ligações), Imo (chat), Team Viewer (Acesso remoto), Telegram (chat), Skype (Chat e
vídeo-chamada.
100
101