19/5/2010
A2
Site Estático
Site Dinâmico
Objetivos de Websites
Desempenho do WebSite
Ferramentas
Plano de Vôo
• Aulas 1 ministrada pela prof. Tatiana
• Site Estático
• Site Dinâmico
• Objetivos de Websites (tipos por finalidade)
• Desempenho do WebSite (AWStats,
(AWStats Webalizer,
Webalizer Ganalitics)
• Ferramentas
Dreamweaver (Criação de Hello World)
Criando um site (hospedagem free)
Usando FTP (via Dreamweaver)
1
19/5/2010
Site Estático x Site Dinâmico
• Em um website estático
Todo o conteúdo das páginas é colocado manualmente por desenvolvedores
web profissionais. Esse processo é conhecido como construção da página em
tempo de projeto, porque as páginas são totalmente construídas enquanto o
site está sendo desenvolvido. Sites desse tipo são desenvolvidos e mantidos
por profissionais experientes. Em geral, seu custo inicial é menor, porém
todas as futuras mudanças têm que ser realizadas por profissionais web.
Portanto, um web site estático pode ser mais caro para manter,
especialmente quando são necessárias alterações freqüentes nas páginas.
Site Estático x Site Dinâmico
• as páginas de um web site dinâmico
São construídas “on the fly”, no momento em que as mesmas são requisitadas por
um browser. Sites dinâmicos, embora também sejam desenvolvidos por profissionais,
podem ser mantidos diretamente pelo usuário cliente. Seus custos iniciais são mais
altos, bem como o tempo de desenvolvimento, mas não é necessário pagar um
profissional para fazer as freqüentes alterações necessárias nas páginas.
Pode-se dizer que uma página Web dinâmica é qualquer página que tenha seu
conteúdo alterado por um programa ou script no momento em que a mesma é
requisitada. Linguagens de programação comumente utilizadas para a construção de
páginas dinâmicas são o VBScript, PHP e JSP, além de javascript.
2
19/5/2010
Plano de Vôo
• Aulas 1 e 2 ministradas pela prof. Tatiana
• Site Estático
• Site Dinâmico
• Objetivos de Websites (tipos por finalidade)
• Desempenho do WebSite (AWStats,
(AWStats Webalizer,
Webalizer Ganalitics)
• Ferramentas
Dreamweaver (Criação de Hello World)
Criando um site (hospedagem free)
Usando FTP (via Dreamweaver)
Objetivos de Sites por Finalidade
Conheça os tipos de sites:
• Institucional
• e-Commerce
• Blog Corporativo
• Blog Pessoal
• Catálogo Eletrônico
• Hot Sites
• Portais de Conteúdo
• Revista Virtual
3
19/5/2010
Plano de Vôo
• Aulas 1 e 2 ministradas pela prof. Tatiana
• Site Estático
• Site Dinâmico
• Objetivos de Websites (tipos por finalidade)
• Desempenho do WebSite (AWStats,
(AWStats Webalizer,
Webalizer G.Analytics)
G Analytics)
• Ferramentas
Dreamweaver (Criação de Hello World)
Criando um site (hospedagem free)
Usando FTP (via Dreamweaver)
Desempenho do WebSite
As ferramentas “free” existentes e mais conhecidas para
sabermos como está o desempenho do site, são:
-
AWStats
(preferido pelos hosts de sites pois é um soft livre bastante completo)
-
WEBalizer
(outro software free utilizado também por hosts para mostrar o desempenho
-
Google Analytics
(analisa o tráfego, rankeamento, posicionamento entre outros itens mas deixa de for a
coisas como sistemas operacionais, resolução de tela, navegadores…)
4
19/5/2010
Desempenho do WebSite
AWStats
Desempenho do WebSite
AWStats
5
19/5/2010
Desempenho do WebSite
AWStats
Desempenho do WebSite
Webalizer
6
19/5/2010
Desempenho do WebSite
Google Analytics
Desempenho do WebSite
Google Analytics
7
19/5/2010
Plano de Vôo
• Aulas 1 e 2 ministradas pela prof. Tatiana
• Site Estático
• Site Dinâmico
• Objetivos de Websites (tipos por finalidade)
• Desempenho do WebSite (AWStats,
(AWStats Webalizer,
Webalizer G.Analitics)
G Analitics)
• Ferramentas
Dreamweaver (Criação de Hello World)
Criando um site (hospedagem free)
Usando FTP (via Dreamweaver)
Criando seu primeiro Site
Registrando um Domínio Free
1) Crie a conta co.CC
https://www.co.cc/regist/regist_account.php?go_url=/my_account/my_account.php
2) Com o login e senha que gerou acima registre seu dominio
http://www.co.cc/regist/domain_find.php
3) Acesse o Host e crie sua conta no forum
http://0000free.com/forum/
4) Após validar sua conta no fórum acesse
http://0000free.com/hosting.html
5) Clique em ORDER NOW
http://0000free.com/order1.html
6) Siga os passos na tela e quando forem solicitadas
as informações de registro do co.CC informe corretamente.
8
19/5/2010
Ferramentas para Hoje.
Código HTML
+
=
HELLO
WORLD
PAGE
Ferramentas para Hoje.
Dreamweaver FTP
FTP = File Transfer Protocol
Tudo que você cria localmente precisa ser transferido para o
Servidor via FTP para que apareça para outras pessoas
Para novos projetos você deve ir:
Menu SITE
NEW SITE (novo site)
Para projetos já iniciados você deve ir:
Menu SITE
MANAGE SITES (Gerenciar Sites)
9
19/5/2010
Ferramentas para Hoje.
Ferramentas para Hoje.
10
19/5/2010
Visite: www.emvbase.com
Email: [email protected]
Twitter: @emvbase
Facebook: facebook.com/emvbase
Linkedin: linkedin.com/in/ericviana
Google: emvbase
11