Criando um Site Passo a Passo: Parte FINAL

Série: “Criando um Site Passo-a-Passo.”

 

Olá, pessoal.

Então, vamos à conclusão, afinal.

Pré-requisitos

[wpdm_file id=28 title=”true” desc=”true” ]

1 – Organização das Div’s

Bom, pessoal, na nossa página index.html criada até aqui, vamos inserir novas divisões que serão responsáveis pelas imagens e títulos da barra lateral do site. Portanto, abramos o arquivo e insiramos o seguinte código:

2 – Inserindo Imagens

Agora, trabalharemos o código CSS para inserirmos as imagens que representarão os blocos criados na index.html.

O resultado, após estas duas ações, deve ser este:

Fig. 01: Imagens na Barra Lateral do site

Fig. 01: Imagens na Barra Lateral do site

Na barra lateral, a qual trabalharemos agora, existem dois ícones que representam áreas distintas: Newsletter e Catálogo.

3 – Inserindo o Campo de Formulário

Para completarmos o bloco da Newsletter, é preciso inerir um pequeno texto, avisando o usuário que ali ele poderá se cadastrar e um pequeno formulário com dois campos e um botão.

Na página index.html, vamos inserir os seguintes códigos:

E no CSS, inseramos as formatações abaixo:

Veremos o seguinte resultado:

Fig. 02: Formulário de cadastro

Fig. 02: Formulário de cadastro

Para darmos uma melhoradinha nos campos do formulário e no botão, vamos complementar o código css:

4 – Inserindo Categorias

Para completarmos a barra lateral, faltam os itens do bloco Categorias. Com isso, vamos inserir o código abaixo na página index.html:

Em seguida, vamos formatar a DIV:

Feito isso, veremos o resultado assim:

Fig. 03: Catálogo

Fig. 03: Catálogo

E no CSS, formataremos e melhoraremos o código dos blocos assim:

Resultado até aqui:

Fig. 04: Catálogo completo

Fig. 04: Catálogo completo

5 – Rodapé

E enfim, chegamos à última seção do site da Locadora – CarlosHPS Vídeos.

Primeiro, salve a imagem abaixo na pasta “imagens”:

rss feed

rss feed

Em seguida, inseramos a Div na página html:

E depois, ajustemos o CSS:

Pronto!

Agora só falta o texto dos direitos autorais:

Copyright © 2008-2011
Todos os direitos reservados a CarlosHPS Webdesigner
Projeto fictício de um site para vídeo-locadora

No html, ficará assim:

e o CSS, desta maneira:

6 – Compatibilidade com Navegadores

Bom, pessoal, o que fizemos aqui pode ser exibido sem problemas no IE 8, Firefox 3.6, Safari 5 e Opera 11.

Exibição do Site no Navegador Opera 11

Exibição do Site no Navegador Opera 11

Exibição do Site no Navegador Safari 5

Exibição do Site no Navegador Safari 5

Exibição do Site no Navegador Firefox 3.6

Exibição do Site no Navegador Firefox 3.6

Exibição do Site no Navegador Internet Explorer 8

Exibição do Site no Navegador Internet Explorer 8

7 – Conclusão

Pessoal, o que foi visto aqui nesta série, foi um breve resumo de como se cria um projeto de um site. Os códigos HTML e CSS, podem e devem ser otimizados, por isso, recomendo que estudem um pouco mais essas duas linguagens que são fundamentais para quem deseja criar sites profissionalmente.

E, por fim, abaixo segue o download do projeto completo.

Espero que tenham gostado e até a próxima.

[wpdm_file id=29 title=”true” desc=”true” ]

CarlosHPS Webdesigner 8)

Webtutoriais:1B857780


Posts Relacionados
Comentários ( 69 )
  1. Bel
    28 de outubro de 2008 at 12:32

    Parabéns pela iniciativa e por dividir de forma tão didática os seus conhecimentos.
    Há muito eu procurava por algo assim, que desse a organização de um site desde o início: conheço todas as ferramentas, os programas, sei fazer um briefing, mas não conseguia encontrar essa sequência para montar o site.
    Muito obrigada!

  2. CarlosHPS Webdesigner
    28 de outubro de 2008 at 12:42

    Olá, Bel

    Fico extremamente feliz em receber um feedback tão positivo assim. Obrigado.

    A partilha de conhecimentos é o que movimenta a Internet e, como professor e webdesigner, passar esta filosofia para alunos e profissionais, é meu maior objetivo.

    Obrigado mais uma vez.

    Um grande abraço.

    CarlosHPS 8)

  3. Marcos Feitosa
    2 de dezembro de 2008 at 21:46

    Olá  gostei muito desse  tutorial muito manero. Por  ventura voce  so  dar  aulas ou  faz  otrabalho de construcao de sites? eu estou precisando  construir um mais  preciso de  alguem assim como voce  que se preoculpa com as  ideias do cliente.  Esse  site  que coloquei o endereço tem  algumas coisas  fora do lugar  e me fautam outras  que o designer  noa colocou como eu pedi. O outrro que  estou precisando nao tem nada haver com voip e  e bem mais simples, se voce puder me prestar esse serviço, vou ficar muito grato, obrigado. Marcos.

  4. CarlosHPS Webdesigner
    2 de dezembro de 2008 at 22:24

    Olá, Marcos

    Sou Webdesigner de profissão, ou seja, a grosso modo, um “desenvolvedor de sites” 😀

    Já enviei dois e-mails pra você falando sobre o processo de criação, ok?!

    E obrigado pelo retorno positivo quanto ao tutorial

    Abração.

    CarlosHPS Webdesigner 8)

  5. rodrigo sousa
    3 de dezembro de 2008 at 16:00

    ola eu denovo rsrs olha tem uma coisa interesante sobre o css as questao dos navegadores e q eu testo em varios navegadores um layout de site em css mas em algum deles ele fica desconfigurado completamente ,isso tem aver com o codigo css , ou e apenas a configuraçao do navegador q pode esta diferente?  

  6. CarlosHPS Webdesigner
    3 de dezembro de 2008 at 18:53

    Fala, Rodrigão!

    Rapaz, este é um dos maiores desafios dos desenvolvedores web – sincronizar e compatibilizar o CSS em navegadores diferentes.

    Nesta série eu até coloquei alguns, mas não todos. No curso que eu estou lançado em breve, darei as “manhas” 😉

    Um abraço.

    CarlosHPS Webdesigner 8)

  7. Davi
    23 de janeiro de 2009 at 20:54

    opa carlos, se tiver como me mandar o esse tutorial completo, manda pro meu e-mail. vlw

  8. CarlosHPS Webdesigner
    24 de janeiro de 2009 at 8:28

    Olá, Davi

    Não tem como eu lhe enviar os tutoriais por e-mail. Eles foram feitos para serem consultados diretamente pelo blog.

    Abraço.

    CarlosHPS Webdesigner 8)

  9. Rogerio
    9 de fevereiro de 2009 at 20:57

    Muito bom mesmo, valeu pelo trabalho.

  10. CarlosHPS Webdesigner
    9 de fevereiro de 2009 at 23:36

    Olá, Rogerio

    Que bom que aprovou. Fico feliz em saber.

    Valeu!

    CarlosHPS Webdesigner 8)

  11. Gabriel Neutzling
    9 de março de 2009 at 1:38

    Muito bom a série,  descobri seu site a pouco e realmente estou gostando. 

    Parabéns,
    abraço.

    Gabriel Neutzling.

  12. CarlosHPS Webdesigner
    9 de março de 2009 at 2:06

    Obrigado, Gabriel

    Fique de olho, pois novidades surgirão.

    Abraços.

    CarlosHPS Webdesigner 8)

  13. rubinho
    15 de março de 2009 at 17:31

    vc é o cara 😛

    • CarlosHPS Webdesigner
      20 de março de 2009 at 9:03

      Vixi! 😛
      O “cara” acho que não sou, mas conheço o amigo dele…hehehe
      Valeu!
      CarlosHPS Webdesigner 8)

  14. Weider Lima
    20 de março de 2009 at 16:42

    Carlos Meus Parabéns!
    Realmente esse tutorial é o melhor que já vi na vida…
    *Claro
    *Objetivo
    *DInâmico
    *Conceitual
    *Divertido
    Adorei todo o tutorial e o segui passo-a-passo do começo ao fim, tive algumas dificuldades mas aqui estou…
    Gostaria de saber como posso fazer para falar sobre algumas partes que não consegui fazer…
    Por exemplos a posição das imagens “Filme1.png”, “Filme2.png” e “Filme3.png”…
    Já tentei de tudo mas não consigo move-las pra esquerda sem mover também o titulo e conteúdo…
    Realmente meus Parabéns!

    • CarlosHPS Webdesigner
      22 de março de 2009 at 15:52

      Oi, Weider
      Agradeço pelas observações positivas quanto ao tutorial. Fico muito feliz em saber que estou colaborando de alguma maneira para com o crescimento profissional e até mesmo pessoal dos leitores do blog. Valeu! 😀
      Posta o código css que você fez que fica melhor de analisar e lhe orientar, ok?!
      Fico no aguardo.

      CarlosHPS Webdesigner 8)

  15. Weider Lima
    23 de março de 2009 at 11:46

    Minha maior dificuldade, por incrível q pareça é colocar o bg_barra como background, parece q essa div não existe… Me ajuda ai por favor!

    O Código tá assim, Eu mudei pouca coisa….

    ***

    Grande Abraço!

    • CarlosHPS Webdesigner
      12 de abril de 2009 at 16:08

      Olá, Weider
      Eu conferi o código e aparentemente está tudo ok. Dá um printscreen da tela de erro e me envia. Quem sabe assim eu não posso ajudá-lo melhor.

      CarlosHPS Webdesigner 8)

  16. Jônatas
    25 de junho de 2009 at 11:07

    É… O Carlos é o cara mesmo…rsrs.
    Seu site é um sucesso, e os cursos que você criar, serão também.
    Brigado pelos tutoriais, super-detalhados, bem feitos.
    Abraços
    Jônatas

    • CarlosHPS Webdesigner
      27 de junho de 2009 at 23:32

      Que bom que gostou, Jônatas
      Fico extremamente satisfeito e ver opiniões como esta.
      Obrigado.

      CarlosHPS Webdesigner 8)

  17. Rodrygo
    28 de junho de 2009 at 2:31

    Show de bola….:D

  18. Rodrigo
    2 de julho de 2009 at 8:19

    Show…
    Teria como disponibilizar para download o resultado final?
    :mrgreen:

    • CarlosHPS Webdesigner
      2 de julho de 2009 at 9:41

      Olá, Rodrigo
      Os tutoriais foram feitos para serem acompanhados passo-a-passo. Num futuro não muito tardio,
      para os afiliados ao blog, disponibilizarei para download. Provavelmente, ano que vem.
      Abração.
      CarlosHPS Webdesigner 8)

  19. Rodrigo
    2 de julho de 2009 at 9:47

    ok….. Mas poderia colocar pelo menos o codigo fonte final…
    porque eu fiz tudo passo – a -passo só que nao ficou certinho:
    http://img10.imageshack.us/img10/5605/55518346.jpg
     
    O que esta errado?

    • CarlosHPS Webdesigner
      2 de julho de 2009 at 9:57

      Rodrigo, não tenho como.
      Outra coisa: se ninguém que tivesse feito este tutorial, conseguisse o resultado esperado, certamente ele estaria errado.
      Mas muita gente o fez. 😛
      Como professor eu lhe digo: faça tudo novamente, pausadamente, passo-a-passo. Não copie e cole (caso tenha feito isso), mas sim, digite linha por linha,
      pois só assim você poderá identificar os erros.
      O objetivo não é apenas chegar ao resultado, mas sim, como chegou.
      Boa sorte.

      CarlosHPS Webdesigner 8)

  20. Márcio Silva
    6 de julho de 2009 at 22:29

    Olá Carlos.
    Primeiramente, meus parabéns pela iniciativa (que é no minímo, louvável).
    Estava procurando uns artigos sobre CSS e Tableless qdo o nosso amigo Google listou seu tutorial. Quase cai pra tráz…
    Perfeito! Td muito claro e objetivo, todas as formatações comentadas…enfim, só tenho a agradecer. São pessoas como vc que fazem juz ao sentido da palavra “compartilhar”. Tenho ctz que assim como eu, diversos leitores sanaram diversas dúvidas…e o melhor, poderão a partir de agora por em prática td que aqui foi aprendido. Um abraço, e Deus abençoe.

    • CarlosHPS Webdesigner
      6 de julho de 2009 at 22:59

      Olá, Márcio
      Na vida, todos devemos ter propósitos, objetivos para podermos crescer como pessoa, como profissional. E eis aqui uma das minhas paixões: COMPARTILHAR.
      Obrigado pela força! 🙂

      CarlosHPS Webdesigner 8)

  21. LoVeZiiNhO
    22 de julho de 2009 at 11:36

    Rapaiz tem como voce fazeeh como voce fez nos outros passo coloca o progeto final ?
     
    pq o ultimo meu saiu todo :/ 😀

    • CarlosHPS Webdesigner
      22 de julho de 2009 at 22:10

      Cara,
      Como disse acima e em outros posts, esta série foi feita para fazê-la passo-a-passo para que as pessoas entendam o que estão fazendo.
      Portanto, não tenho como disponibilizar o arquivo final.
      Boa sorte!

      CarlosHPS Webdesigner 8)

  22. Diego Neves
    22 de julho de 2009 at 16:51

    Ola, boa tarde, trabalho com varias áreas da tecnologia a alguns anos, incluido o desenvolvimento de web sites e sistemas para a web, achei interessante o tutorial, li todas as 10 paginas,  inclusive achei super util a parte do briefing, que ajuda bastante a enteder o cliente… gostei tambem dos fontes que vc disponibilizou como exemplo, o fato de usar a padronização e algo mais “semantico” , evitando usar as malditas <table> para criar o html. embora senti falta da identação… no mais é isso ai, gostei da forma como abrangio o tem. incluido ate noções de engenharia de Software… parabens, abraço
     

    • CarlosHPS Webdesigner
      22 de julho de 2009 at 22:08

      Olá, Diego
      Fico extremamente feliz com um comentário como este, de um profissional da área.
      Obrigado mesmo. Opiniões assim é que me dão força para prosseguir 😀
      Grande abraço.

      CarlosHPS Webdesigner 8)

  23. vitor
    24 de julho de 2009 at 15:41

    Opa mto bom o tuto curti^^
     
    porem tem como desenvolver um q faça ligaçao com wordpress ou joolma?

    • CarlosHPS Webdesigner
      24 de julho de 2009 at 17:49

      Vitor,

      Este será meu próximo curso on-line. Aguarde!!! 😉

      CarlosHPS Webdesigner 8)

  24. Liduina
    29 de julho de 2009 at 1:52

    Olá Carlos,
    Parabéns pelo seu trabalho e por dividir seus conhecimentos. Vi no seu curriculo que você é pernambucano, veio pro Ceará e depois foi pro Centro-Oeste. Você mesmo um cabra da penste! Sucesso pra você! 😉

  25. Henrique Mezzomo Malheiros
    2 de agosto de 2009 at 17:01

    Olá Carlos!
    Quero dizer que sempre acompanho seus tutoriais e trabalhos.  Neste tutorial MARAVILHOSO de CSS que você fez, tive um probleminha nos títulos dos filmes, pois colocava o span fora da DIV 😳
    Queria saber quando sai o curso de CSS que você disse, pois me interesei.
    Não posso me nomear WebDesigner, mas eu produzo sites que nem vão no ar, faço porque gosto mesmo 😀

    Meus parabéns, e muita sorte na sua vida!
    Henrique Mezzomo Malheiros

  26. Jaime
    5 de agosto de 2009 at 16:55

    Parabéns Carlos.
    Precisamos de pessoas assim como vc em nosso mundo q compartilham sua sabedoria, e conseguem transmitir isso claramente.
    Foi muito util este tutorial q vc fez.
    AGRADESIDO. VALEUUU
     
     

  27. Guilherme
    10 de agosto de 2009 at 19:13

    Carlos a Internet precisa de pessoas como você, bem estou acabando o curso tecnico ele estou procurando tutoriais de tableless e css, mais é a 1° vez que vejo um tutorial como esse. :D.

    Cara só tenho uma pergunta:
    Da para viver bem como freelancer ou é melhor trbalhar em uma empresa ?
     
    Parabens mesmo ! tableless is all

  28. CarlosHPS Webdesigner
    11 de agosto de 2009 at 8:52

    Olá, Guilherme
    A Internet surgiu no intuito de compartilhar informações e é o que eu faço. Valeu pela força 😉
    Olha, da pra se viver bem como freelancer sim, mas você tem que ser muito bom e ter uma clientela satisfatória, ou seja, ralar pra caramba. Mas isso vai de cada um. Tem gente que prefere uma empresa pela “estabilidade” que ela oferece.
    Resumindo, só vivendo na prática mesmo os dois lados para melhor avaliar. 🙂
    Boa sorte.

    CarlosHPS Webdesigner 8)

  29. Lucas Vieceli
    11 de agosto de 2009 at 13:47

    Olá Carlos..
    Muito Obrigado pelo tutorial cara.. não sei nem como agradecer.. tenho 15 anos e estou fazendo um site para minha lan house, soque estava fzndo todo o layout pelo photoshop e depois linkava pelo dreamweaver.. agora com esse tutorial vou tentar aprender mais alguma coisa…
    Obrigado de verdade e de pessoas como você que precissamos na internet!!!

  30. Ilton Jose Simoes
    12 de agosto de 2009 at 19:15

    Cara show de bola este seu tutorial, estou iniciando meu aprendizado em CSS, e vai me ajudar pra caramba, valeu mesmo cara, parabens por esta iniciativa tão legal.
    att
    iltonsimoes

  31. Fabio Almeida
    14 de agosto de 2009 at 16:56

    Boa tarde

    Velho muito bons esses tutoriais.
    Espero que muitas pessoas igual a vc apareçam ainda, pois isso ajuda e muito quem esta começando nessa area.
    Depois acho que nosso conhecimento tem q ser compartilhado de maneira clara e objetiva.

    Vlw ae

  32. Breno
    20 de setembro de 2009 at 16:03

    Carlos,
    Você pode disponibilizar os arquivos para download?
    Se puder me envie por e-mail ou então poste o link aqui mesmo.
    Aguardo resposta, desde já obrigado.

    • CarlosHPS Webdesigner
      21 de setembro de 2009 at 8:57

      Oi, Breno
      Esta e outras matérias estarão disponíveis para download a partir de novembro/09.
      Abraços.
      CarlosHPS

  33. Leonino
    21 de dezembro de 2009 at 9:02

    Cara, valeu mesmo pela força. Há muito eu queria aprender a fazer site e instalei o dreamweaver em minha máquina , mas não tinha ideia de como mexer com ele, mas graças a vc, consigo ver uma luz no fim do túnel.Valeu mesmo.

    • CarlosHPS
      3 de janeiro de 2010 at 18:20

      Rapaz, eu é que fico feliz com um comentário desses.
      Sucesso!
      CarlosHPS Webdesigner 8)

  34. Alexandre
    12 de fevereiro de 2010 at 16:23

    Olá, estou iniciando meu aprendizado sobre construção de sites e descobri esse site hoje, não tive tempo de ler todo o material, mas já estou achando ótimo. Queria primeiro agradecer pela generosidade em compartilhar seu conhecimento! Quero pedir uma coisa, não consegui achar o link para o “criando um site passo-a-passo” parte 1,2 e 3 , vc poderia passá-lo pra mim?

    Muuuito obrigado!

    Alexandre

  35. Derek
    3 de março de 2010 at 18:43

    ESPETACULAR! só isso que tenho a dizer, excelente profissional.. Meus Parabens! 😆

    • CarlosHPS
      4 de março de 2010 at 11:48

      Eita, Derek
      Falando assim eu até acredito…rsrs 😀
      Grande abraço e obrigado.

      CarlosHPS Webdesigner 8)

  36. Jonã Machado
    19 de março de 2010 at 16:39

    Carlos estou tendo problemas com as categorias que não consigo posicionar na barra, no local correto.
    Ps: o código html e css está digitado corretamente

    • CarlosHPS
      25 de março de 2010 at 9:07

      Oi, Jonã
      Se o código está correto e você está usando as mesmas versões de navegadores sugeridas no tutorial, não tem como dar erro, pois diversas pessoas já fizeram e deu tudo certo. Certamente existe algum erro em sua codificação.

      O que eu costumo fazer na prática mesmo quando começa a dar tudo errado é começar do zero. Eu ganho mais tempo refazendo, às vezes, do que tentando ver o erro.

      CarlosHPS Webdesigner 8)

  37. Leandro
    30 de março de 2010 at 13:01

    Olá,nossa esse blog é muito bom eu to adorando,ainda mais porque to começando nesse mundo de web.Agora gostaria que ver um tuto de css com position absolute em %,eu fiz mas fica tudo estranho o menu quando aumenta a resoluçao.A se nao for pedir muito coloca mais tutos de flash.Abs.

  38. wilson
    31 de março de 2010 at 16:35

    parabens, ha muito tempo procurava algo assim na net, enfim cara vc e o maximo, obrigado mesmo, nada como o arroz e feijao do inicio, pois agora tive uma base,e principamente organização, vc é o cara, que continue assim, hoje e raro alguem que quer dividir conhecimentos, pois com este tutorial bem mastigadinho e so estudar e continuar….. obrigado mesmo.. que DEUS lhe de em dobro.. muita sabedoria…

    • CarlosHPS
      4 de abril de 2010 at 10:35

      Que os anjos digam amém, Wilson 🙂

      CarlosHPS Webdesigner 8)

  39. Ana
    15 de julho de 2010 at 23:23

    Olá Carlos, Deus te abençoe por tão boa vontade de ensinar tão didaticamente as pessoas. Estou tentando montar um site evangélico; não entendo linguagens, nunca abri um dreamweaver, a não ser agora que me propus a passar minhas idéias para o editor. Até o momento havia criado com muito suor o topo e a barra de menu spry, tudo fuçando, parei aí, não conseguia fazer mais nada, tentava tabela para colocar imagens e textos, mas nada. Depois que estudei o seu tutorial, achei uma luz no fim do túnel. Que o Senhor te retribua esta imensa bondade, pois não encontrei na internet ninguem que tenha feito isso, e olha que eu procurei hein!
    E o curso, estou interessada, na net tem um monte, mas em retribuição gostaria de fazer o seu.
    Um abraço e fique com Deus.

  40. Paulo Roberto Rocha
    10 de dezembro de 2010 at 9:25

    Bom dia Carlos,

    Simplesmente demais !

    Parabéns !!!

    Segui o Passo a Passo e realmente ficou Show de Bola !

    Fiz algumas alterações mínimas…

    Show de bola mesmo !!!

    Estou começando agora na área de Web Designer e espero chegar longe e tornar um Profissional excelente…se Deus quiser…

    Assim que estiver com mais experiência vou acessar o seu Centro de Freelancers…

    Até mais e continue assim !

    Abraços,
    Paulo Roberto Design

  41. Karolina Rossi
    14 de janeiro de 2011 at 8:26

    Carlos.. Muito bom esse tutorial… me ajudou muito obrigada.,…

    • CarlosHPS
      16 de janeiro de 2011 at 10:06

      Opa, Karolina
      Fico feliz em saber 🙂
      Abraços.
      CarlosHPS Webdesigner 8)

  42. nataliarosa
    6 de fevereiro de 2011 at 21:27

    Um dos melhores tutoriais de css ! sério!
    Parabens pelo trabalho.

  43. bustafatso
    17 de março de 2011 at 12:38

    Navegando pela net encontrei esse belissimo site de tutoriais…
    Parabens pela iniciativa de ajudar pessoas que realmente querem aprender…
    Não tive dúvida me cadastrei para aprender cada vez mais e um dia poder ajudar tambem…

  44. futrika
    17 de março de 2011 at 14:54

    Ola Carlos, adorei este tuto…muito bom, estava procurando mas nem encontrava em site algum.
    Muito obrigado. Que Deus ti abençoe. Abraço.

  45. Marcos Motta
    4 de junho de 2011 at 8:43

    Olá, Carlos!!!

    Estou iniciando na área de webdesign, e essa matéria me ajudou muito nesse aprendizado inicial. Muito bom!!!

    Muito obrigado, e Parabéns pela iniciativa.

    Um abraço!!!

  46. Marcos Soares
    23 de julho de 2011 at 14:31

    É o melhor blog sobre site que já visitei. Estou há meses em busca de material tão claro e objetivo.
    Parabéns cara!
    Obrigado!

  47. Calleuyl Coelho
    2 de setembro de 2011 at 17:26

    Parabéns pelo tutorial e pelo site.

    Tudo bem explicado e rico em informações interessantíssimas. Precisamos de mais profissionais como você. Segue meu email junto com o comentário, se puder, avise-se sobre novas turmas do seu curso de Criação de Sites Profissionais.

    Aguardarei anciosa.
    Bjs