Páginas e Modelos Prontos para Você Usar

Colabore, pergunte, ajude: 15 Comments

Aqui você poderá baixar as páginas já prontas para você usar nos seus sites. Também aprenderemos como
editá-las, inserirmos nossos códigos para e-mail e colocarmos nossa página no ar. Vamos lá! Primeiramente,
faça o download do seu bônus gratuito no link abaixo:

Clique aqui para fazer o download de suas páginas

Ferramentas Utilizadas:

FileZilla

Notepad++

Aweber

Editando suas páginas

Neste vídeo vou mostrar como podemos editar as páginas que você tem acesso aqui no curso para que você
adapte para o seu negócio. As páginas já estão prontas e tudo o que você precisa fazer é incluir seus dados,
imagens, etc.

Claro, algumas páginas vão ser BEM mais fáceis que outras para editar conforme você deseja. Outras, como
cartas de vendas que geralmente são mais longas, podem ser um pouco mais complicadas.

Por causa disso, eu recomendo que você aprenda o básico de HTML e CSS para você realmente ter controle
total das suas páginas. Não precisa muita coisa. Você consegue aprender os básicos em menos de 1 semana
para o que você precisa editar nessas páginas. Depois você pode fazer como eu: conforme o que for
querendo mudar, você vai procurando e ajustando.

Infelizmente eu não sou a pessoa mais indicada para ensinar isso porque realmente não é minha área de
conhecimento. Eu só ensino aquilo que eu REALMENTE sei e aqui que já fiz para falar por experiência
própria e não de “achismos”.

Ao mesmo tempo, se você não quiser fazer, não tem problema. Eu realmente recomendo que você aprenda
porque, trabalhando com web nos seus negócios todos os dias, essa é com certeza é uma habilidade
importante. Só pelo fato de você não depender de alguém toda vez que quiser trocar uma cor ou modificar
uma imagem na sua página.

Eu pessoalmente não consigo desenvolver uma página como essas que estou lhe enviando do zero. Por isso
que pego modelos prontos e adapto para o que eu preciso. É o melhor caminho e para isso o conhecimento
técnico não precisa ser tão grande.

Vamos ao vídeo então!

Não foi possível carregar o plug-in.

Códigos HTML usados

Título: <title>TÍTULO DA PÁGINA QUE APARECE NO NAVEGADOR</title>

Links: <a href=”LINK QUE VOCÊ QUISER” />

Imagens: <img src=”URL DA SUA IMAGEM” />

Citações: <blockquote>TEXTO</blockquote>

Negrito: <b>TEXTO EM NEGRITO</b>

Itálico: <i>TEXTO EM ITÁLICO</i>

Parágrafo: <p>TEXTO DO PARÁGRAFO</p>

Quebra de Linha dentro do parágrafo: <p>TEXTO 1° LINHA<br />TEXTO 2° LINHA</p>

Comentários no código que não aparecem no site: <!– COMENTÁRIO –>

15 Responses to “Páginas e Modelos Prontos para Você Usar”

Read below or add a comment...

Jose Luis Marban says:

março 11, 2013 às 5:33 pm
Bruno.
Vc conhece o Kompozer facil?
Não entendo bem disso mas parece que dá para mexer com a página sem entender nada de HTML (que é o
meu caso)
Já vi um video tutorial e parece bem facil.
Poderia ver se da para mexer em suas paginas pois aí não precisaria aprender HTML e seria mais EFETIVO.
Pode ser?

Responder

Bruno M. Picinini says:

março 13, 2013 às 1:36 pm
Pra falar a verdade eu ia indicar JUSTAMENTE esse software .. o problema é que TODAS VEZES
que eu fui usar ele trancou!! Impossível de trabalhar nele! Mas tente você, de repente ajuda
O que eu uso, só que é *COUGH COUDHG* pago *COUGH COUGH*, é o Dreamweaver. Esse é show!

Responder

Rafael says:
março 13, 2013 às 1:53 pm
gostei do “cough cough”, kkkkkkk.

Responder

Bruno M. Picinini says:

março 14, 2013 às 4:21 am

hehe para bom entendedor meia palavra (ou som!) basta

Responder

Rafael Freire says:

outubro 17, 2013 às 9:48 pm
Bruno, não entendi o processo de redimensionar o logo.
Aonde determino essas informações? Ficou muito grande ou muito pequeno! Como faço?
Responder
 Carlos Alberto Becerra Soto says:
outubro 18, 2013 às 6:33 am
Olá Rafael,
A página HTML só carrega o arquivo logo.gif e exibe no navegador.
Para alterar as dimensões da imagem é necessário usar um software de edição de imagem. Caso seu logo
não tenha o fundo transparente você pode usar o próprio Paint (antigo Paintbrush) para fazer este
redimensionamento. Abra a imagem no Paint e clique no botão redimensionar e informe o quanto você
quer aumentar ou diminuir as dimensões dele em porcentagem ou em pixels (medida em pontos do seu
vídeo).
Parta sempre de uma imagem grande para uma pequena, do contrário vai ficar um logo borrado porque o
software teve que ´esticar a imagem´ para aumentá-la.
As regras complementares de como são exibidos os elementos em uma página estão contidas no arquivo
style.css. Mas você só vai precisar destas informações se seu logo aparecer ´cortado´ ou em uma posição
diferente.
Espero ter esclarecido sua dúvida.
Se precisar de alguma outra informação é só me contatar.
Abrazos.
Responder

Rafael Freire says:

outubro 17, 2013 às 10:13 pm

Bruno, não estou conseguindo fazer o upload do meu logo. Já renomeei no Notepad++ e salvei,
mas quando atualizo o site só aparece a palavra “logo”. Mudei até o formato para .png mas nada!

Responder

Carlos Alberto Becerra Soto says:

outubro 18, 2013 às 6:45 am

Olá de novo Rafael,

A palavra “logo” é a que está definida depois do ‘alt=’ (alt=”logo”) na linha da imagem no HTML. Este texto
é exibido quando você deixa o mouse sobre a imagem.
Se só a palavra está aparecendo é porque o navegador não conseguiu localizar a imagem para carregá-la.
Verifique se ao alterar o código e colocar seu logo você só alterou o conteúdo entre as aspas, ex:
<img src="meu-novo-logo.gif"
E se vc alterou o formato para png, então sua imagem no HTML será:
<img src="meu-novo-logo.png"
e na pasta dos arquivos da página você terá que ter o arquivo: meu-novo-logo.png.
Revise suas alterações e se precisar de mais dicas é só falar.
Abrazos.
Responder

Bruno M. Picinini says:

outubro 18, 2013 às 1:21 pm
Muito obrigado MESMO Carlos por toda ajuda!
 Eu estou nesse exato momento vendo alternativas para ajudar o pessoal com isso. De um jeito que
fique mais fácil.
Fiquem de olho na nossa comunidade no Facebook que tá rolando uma discussão por lá e logo
devemos ter novidades.
Provavelmente devo comprar o Instabuilder ou o Hybrid Connect (ambos criam squeeze pages mas de
jeito diferentes) e colocar a disposição “de graça” para o pessoal aqui

(o custo é que ao inves de investir esse dinheiro em anúncios, eu reinvista em VOCÊS e voces me
ajudem a conseguir novos clientes indicando gente para o curso do EDAL :). Mais informações
emhttp://empreendedorefetivo.com.br/ede/conclusao/melhorando-juntos/)
Responder

Carlos Alberto Becerra Soto says:

outubro 20, 2013 às 2:59 pm

Olá Bruno,
Qué isso! Minha intenção era ajudar mesmo!
Puxa que legal! Realmente ajudar o pessoal nesta área, para quem não ´precisa´ perder tempo com
detalhes de programação é uma ótima ajuda!
Estão aparecendo boas alternativa para este trabalho como estas duas ferramentas que você
mencionou. Vai ganhar o que for mais fácil de usar!
Obrigado. São por essas atitudes que eu recomendo seu curso. Espero contribuir em breve com
alunos “efetivos”.
Fique bem e obrigado!
Abrazos.
Ah! Duvida cruel = onde eu coloco minha foto pra aparecer nestas respostas? Procurei e procurei e
não achei! Deve estar embaixo do meu nariz, mas vou perguntar mesmo assim! hehehe
Responder

George Newton says:

outubro 21, 2013 às 3:29 am
Pra deixar sua foto aqui você só precisa criar uma conta no gravatar
(http://pt.gravatar.com/) usando o mesmo email que utiliza aqui, e colocar um foto sua lá. Dai
ele linka com seu perfil em qualquer lugar

George Newton says:

outubro 18, 2013 às 4:35 pm
Explicação melhor que essa do Carlos não fica
Responder
 Carlos Alberto Becerra Soto says:
outubro 19, 2013 às 1:41 am
Valeu George!
Minha intensão era ser bem claro.
Que bom que consegui!
Precisando é só falar.
Abrazos.

Responder

Carlos Alberto Becerra Soto says:

outubro 22, 2013 às 4:01 am

Olá George!
Obrigado pelas informações sobre o “Gravata”. Sempre achei engraçado o nome e nunca tinha usado!
hehehe
Valeu!
Abrazos.
Responder

Rafael says:
outubro 18, 2013 às 4:54 pm

Bruno, eu faço a mesma coisa que vc fez. (investir no cliente ao invés de divulgação).
Pra cada cliente dos meus serviços de design eu dou um bonus, um agrado, um livro que é interessante pro
negócio dele…ao invés de pagar por divulgação.
Responder