imgdstzero

Dreamweaver CS5 -Criando um site do zero

Neste curso vamos aprender a criar um site do zero , usando o Dreamweaver CS5

Dreamweaver-CS5
Neste curso vamos aprender a criar um layout no photoshop e passar para html com a ajuda do Dreamweaver CS5, vamos construir cada parte do site inclusive um formulario na parte final vamos implementar o jQuery no nosso site.

 

Se você é um usuario premium basta fazer o login para ver o curso. Subscribe or Login.

[sws_toggle1 title="Aula 1"]  [/sws_toggle1]

[sws_toggle1 title="Aula 2"]  [/sws_toggle1]

[sws_toggle1 title="Aula 3"][/sws_toggle1]

[sws_toggle1 title="Aula 4"][/sws_toggle1]

98 respostas
  1. sergio augusto
    sergio augusto says:

    parabens pela video aula ! me ajudou muito,eu gostaria de sabe qual o photoshop que o cara usa no video.

    parabens continuem com os tutoriais

    Responder
  2. A.A.
    A.A. says:

    Nao estou consequindo visualizar os videos. Fica somente carregando. Poderia resolver este problema.Desde ja agradeço. Site muito bom.Se tiver o link para baixar, melhor.

    Responder
  3. Mr. Boris Draven
    Mr. Boris Draven says:

    Parabéns!
    Estava vasculhando a internet atráz de algo realmente rico em conteúdo e aprendeizagem, me deparei com este aqui!
    Vídeos tutoriais de primeirissíma categoria, ñ me lembro de ter encontrado algo tão rico a respeito de webdesigner e suas vertentes! Obrigado pela iniciativa e pro-atividade em compartilhar com os "leigos" de platão a respeito de uma web mais inteligente e "clean". Parabéns!

    Responder
  4. A.A.
    A.A. says:

    Na segunda vídeo aula. Quando estamos fazendo o menu . quando coloco uma imagem de background para ele , no google chrome nao aparece , somente no Mozilla Firefox tem solução? desde ja agradeço as ótimas videos aula.

    Responder
  5. A.A.
    A.A. says:

    E uma terceira pergunta.Sem querer te atrapalhar.Quando terminei meu site, as layers (divs) ficaram na posição certa no Mozilla Firefox, já no Chrome nao.Tem soluçao?No seu site, do video ficou assim?Desde ja agradeço.

    Responder
  6. Mr.Boris Draven
    Mr.Boris Draven says:

    Flávio, tem feito todo o processo de desenvolvimento do site conforme explicado nestas vídeo-aulas, mas ñ consegui fazer o efeito do menu, Segue: #menu li a e #menu li a:hover ñ funciona de jeito nenhum. Tentei usar a img de funda e sem somente alterando a cor da fonte, mesmo assim ñ funciona, o que pode ser?

    Obrigado!

    Responder
      • Mr. Boris Draven
        Mr. Boris Draven says:

        Oi, estou testando no IE9, Firefox 4, Chrome, Safari, Opera 11…….qdo tiro a "li" do "#menu li a:hover", este funciona….qdo volto a colocar a imagem c fundo ela funciona, mas a anterior ainda fica aparecendo, e tbm ñ consigo alinhar o texto com a imagem, p q estes fiquem centralizados. Caso tenha um tempo e possa ver no link q segue, a coisa fica melhor explicada….. .www.tester3o.hd1.com.br……estou a dois dias tentando só resolver o menu…rsrsrsrs…..fico no aguardo…..obrigado!

        Responder
  7. Mr.Boris Draven
    Mr.Boris Draven says:

    Oi, estou testando no IE9, Firefox 4, Chrome, Safari, Opera 11…….qdo tiro a "li" do "#menu li a:hover", este funciona….qdo volto a colocar a imagem c fundo ela funciona, mas a anterior ainda fica aparecendo, e tbm ñ consigo alinhar o texto com a imagem, p q estes fiquem centralizados. Caso tenha um tempo e possa ver no link q segue, a coisa fica melhor explicada….. .www.tester3o.hd1.com.br……estou a dois dias tentando só resolver o menu…rsrsrsrs…..fico no aguardo…..obrigado!

    Responder
  8. JORGE CAMPOS
    JORGE CAMPOS says:

    Flávio, me tornei usuário incondicional de seus trabalhos. Não há se quer um so post que não seja importante e interessante. Parabéns.
    A exemplo do Karlos, gostaria que vc liberasse links para baixar esse material, pois aqui na minha cidade (interior RN) a velocidade e muito baixa, com isso fica difícil e assistir seus videos. Grato.

    Responder
  9. Julio Cezar
    Julio Cezar says:

    Cara, Excelente post.
    Me ajudou pra caramba.
    Só gostaria de saber como faço pra baixar esses vídeos e guardar no meu PC.

    Mas enfim, parabéns! não encontrei vídeo-aulas deste tipo.

    Obrigado!

    Responder
  10. Adilson B Liporage
    Adilson B Liporage says:

    Cara, estou usando as aulas na criação de um site com css, só que existem algumas diferenças entre o firefox e o safari. No safari consigo mudar a cor dos textos no menu, mas ele não muda de cor.Já no safari ele continua como se nada tivesse mudado(azul e grifado)
    Também conforme o ajuste da janela, o texto(menu) e a foto aplicada se movimentam.
    Mesmo assim obrigado pelas aulas….

    Responder
  11. Alexandre
    Alexandre says:

    Boas,

    Antes de nais muito obrigado pela qualidade com que apresentam as video aulas.

    gostaria de saber o porquê do “li a:hover{” ou li a{ não serem aceites,
    so consegui avançar com a respectiva alteração:
    li:hover e a:

    obrigado pela vossa ajuda

    Responder
  12. Marcos
    Marcos says:

    Curso simplesmente fantastico, mas estou com alguns problemas estou usando o DW cs5.5 e percebi algumas deferenças em relação ao q vc usa no curso, o comando “li a{ ou
    li a:rover” nao funcionou no meu mas sim ” li:hover “, minhas caixas de texto nao tem a barrinha de rolagem nas laterais, entre outras coisas, gostaria de saber se eh preciso configurar o DW depois da instalação,

    Obrigado, e continue com o otimo trabalho

    Responder
  13. Thiago
    Thiago says:

    estou com o mesmo problema acima, tudo ocorre bem até a a hora de tirar o sublinhado dos links,,, depois não consigo nada, nem mudar a cor dos links, nem #menu li a:{ e nem
    #menu li a:hover{, o que poderá ser Flavio????

    obrigado….. suas video aulas são demais…..

    Responder
  14. Thiago
    Thiago says:

    Consegui pessoal, troquei o #menu li a:{ e nem
    #menu li a:hover{, por apenas

    #menu{
    background:red;
    clear:both;
    margin-left:120px;

    }

    #menu a {
    display:block;
    float:left;
    color:#000;
    font:16px “Trebuchet MS”, Arial, Helvetica, sans-serif;
    margin-top:70px;
    margin-left:50px;
    text-decoration:none;

    }
    #menu a:hover{
    background:url(../images/btn.jpg);

    Responder
  15. Michael
    Michael says:

    ai galera , eu nao conssegui coloca o Fundo do menu, quando passa em cima dele , nao aparece o fundo , e tambem nao conssegui coloca a letra das cores pretas Aki ta a Style.css do meu Site ,

    #menu{

    background:black;
    clear:both;
    margin-left:92px;
    font-size:19px;

    }

    #menu li{
    display:block;
    float:left;
    margin-top:60px;
    margin-left:80px;

    }

    #menu{
    text-decoration:none;
    color:black;

    }

    #menu a :hover;{
    background:url(../images/btn.png);

    }
    Se alguem poder me ajudar , Avise , Msn:panico_floresta@hotmail.com
    Vlw galera !

    Responder
  16. Manoel
    Manoel says:

    Uma perguntinha !! Então, ao concluir um menu no Dreamweaver CS5, barra de menu vertical, ao sair da brincadeira ele pediu para salvar o menu e eu distraidamente entendi salvar o arquivo, agora não posso mais utilizar o recurso pq só abre aquele danado menu salvo. Pegunto como ajustar a configuração padrão do menu vertical do Dream ?Alguém sabe ? Setup Default ?

    Responder
  17. Wefton
    Wefton says:

    Olá , tenho uma pergunta : você pode colocar os videos em dowload por otro site? pois akeles lá expiraram ; ce você tiver o link no youtube de todos os videos seriam melhor pois tenho progama para dowload ou 4shared tbm axo bom enfim passa em otro site para dowload .E também mi mostra um site feito com esses videos aew pra min tirar uma base:D.
    Desde já agradeço;)

    Responder
  18. Fragil-43
    Fragil-43 says:

    estou com o mesmo problema acima, tudo ocorre bem até a a hora de tirar o sublinhado dos links,,, depois não consigo nada, nem mudar a cor dos links, nem #menu li a:{ e nem
    #menu li a:hover{, o que poderá ser Flavio????
    algue me ajuda?

    Responder
  19. Mauricio Guedes
    Mauricio Guedes says:

    Tenho muito o que agradecer com as videos aulas, fiz um site. pesadissimo que me fez
    desistir do projeto…. e reiniciar um novo com as dicas de css…
    em breve posto o meu site aqui qndo estiver no ar! não vejo a hora de termina-lo
    Atenciosamente Mauricio.

    Responder
  20. Thiago Santiago
    Thiago Santiago says:

    Este foi o único site que que consegui “fazer alguma coisa”, digo sem medo que o melhor que já vi, quando melhorar um pouco minha situação vou até te fazer uma doação. Porque este trabalho que você está fazendo é um dos melhores que já vi.

    Responder
  21. destaque
    destaque says:

    É show! raridade na forma de explicar.O curso é complexo.Ainda bem, que chegou o tabless, dw.cs5.
    Parabéns! Se for possivel, um tutorial com div.será tudo de bom.

    Responder
  22. Jan_csn
    Jan_csn says:

    Olá
    Amigo eu fiqui realmente surpreendido com seu site.
    Realmente não esperava encontrar um conteúdo assim, e ainda de graça.
    Seu conteudo é bem atualizado, de facil entendimento, excelente qualidade dos video.
    Realmente assustadora a qualidade.
    Ganhou um fã.
    rsrs
    Um Abraço.

    Responder
  23. Daniel Silveira Xavier
    Daniel Silveira Xavier says:

    olá! Estou muito satisfeito com o conteúdo apresentado em suas video aulas.
    confesso que depois de assistir algumas delas me despertou a vontade e o interesse em seguir nesta profissão.Parabéns pelo seu trabalho! Vou continuar colaborando com você e divulgar o seu site aos meus amigos com interesse em comun

    Forte Abraço!

    Daniel Xavier

    Responder
  24. Davidcorrea
    Davidcorrea says:

    Para a galera q esta com problema, em colocar a imagem do botao, no menu, aqui do modo do video tbm nao funcionou, mas eu fiz assim em vez de por #menu li a:hover{ }
    eu coloquei só #menu a:hover { ] e funcionou normal….
    espero ter ajudado…

    Responder
  25. vando luiz dos santos
    vando luiz dos santos says:

    Estou com o mesmo problema com o menu, principalmente na parte em que é necessário colocar os comandos de cor, posição e digitei tudo certinho, veja:

    #menu{
    background: red;
    clear: both;
    margin-left: 120px;
    }

    é aí que está o problema, chega aqui e ele para de funcionar, o que faço?

    Responder
  26. Tatiana
    Tatiana says:

    Olá. Parabéns pelo belo trabalho desenvolvido aqui! Estou com um problema no meu site, você poderia me ajudar, por favor? Tenho duas imagens na página inicial que servem de link para outras páginas, porém existe uma linha azul ao redor destas imagens que eu não consigo tirar de jeito nenhum! Já tentei em page properties etc, nada parece funcionar. O que posso fazer?
    Veja esse é o código da minha página, tem algo errado?

    %%TITLE%%

    body {
    background: #A52D2F url(Abre2HTML680_1.jpg) top center no-repeat;
    font-family: arial, sans-serif;
    font-size:12px;
    height: 100%;
    margin:0;
    padding:0;
    }
    #content{margin-top:490px;margin-left:auto; width: 340px; height::60; margin-right:auto;}
    a:link {
    text-decoration: none;
    }
    a:visited {
    text-decoration: none;
    }
    a:hover {
    text-decoration: none;
    }
    a:active {
    text-decoration: none;
    }
    a:hover {
    text-decoration: none;
    }

     

    Responder
  27. Lucas
    Lucas says:

    Primeiramente, Parabéns pelo Vídeo!Aprendi Muito!
    Gostaria de pedir uma vídeo aula de como criar um template pra blog(blogger), já que precisa de área para posts, gadgets etc…E como adicionar uma propaganda no cabeçalho…Como a que há no do seu site!Obrigado!Parabéns!

    Responder
  28. Thiego
    Thiego says:

    cara gostei muito, mais na hora d fazer o menu, na parte do veideo 2, a partir do “menu li” no “style.css” nãos esta funcionando vc saberia o porque? ate a parte dos comandos do #menu esta funcionando mais do #menu li em diante não funciona se puder me ajudar eu ia ficar agradecido obrigado

    Responder
  29. Danilo Borin
    Danilo Borin says:

    Olá, queria sabe sobre espaçamento de texto como na aula 3; queria que o lado esquerdo do texto ficasse 20px do lado esquerdo da caixa, e o lado direito 50px do lado direito da caixa;

    queria fazer um tanto de pixels diferente para cada linha, obrigado pela ajuda

    Responder
  30. edson
    edson says:

    Amigo eu fiz tudo que se falo na aula 2 na parte do menu só que quando xego na parte de fazer

    #menu li a{

    eu coloco tudo normal como se fala mais a linha naum some e nem a cor muda o que podi se ? e quando eu tiro o a a cor muda mais a linha não some tbm kk como que arrumo isso ?

    Responder
  31. Sergio
    Sergio says:

    Continua assim voce explica profundamente principalmente os codes, gostaria de ver mais aulas, ja adicionei vc aos meus favoritos.
    OBRIGADO MESMO A TODA EQUIPE.

    continuareiiiiiiiiiii. falo.

    Responder
  32. Daniela
    Daniela says:

    Parabéns Flávio pela iniciativa! Gostei mto das aulas. Gostaria de tirar uma dúvida quanto ao rodapé, o meu não vai automaticamente para o final da página. Vc sabe o que pode ser? Obrigada! Abs!

    Responder
  33. ronaldo lemos
    ronaldo lemos says:

    olá estou com uma pequena dificuldade aki, fiz tudo certo no header mas quando chega no logo mesmo com todos os codigos certinhos, a imagem fica repetida até o final da pagina. entendeu? não fica só uma imagem ela vai repetindo até o final. tem como vc me explica ai?o codigo é:
    }

    #logo{
    margin-top:30px;
    margin-left:6px;
    weidth:29px;
    height:41px;
    background:url(../Images/logo.jpg);

    }

    Responder
  34. Gisele
    Gisele says:

    Me ajuda? Estou na 2 aula, 5:17 no vídeo.. mas o meu só está ficando rosa e não azul. Será que é por isso que não aparece o header do lado? Obrigada desde já.

    Responder
  35. Pablo
    Pablo says:

    olá, são ótimas as suas aulas, mas eu fiquei com duvida com relação ao select list:
    gostaria de saber como faço, para que cada seleção, seja como um menu, ou seja como colocar links no select list?

    Responder
  36. Ivonete
    Ivonete says:

    Olá, tudo bem?

    Meu #menu li a:hover{ tabém não está funcionando em nenhum navegador, pra falar a verdade todo o código CSS depois do #menu li{ não funcionou. Reescrevi, avancei e voltei o vídeo e só cheguei a conclusão de que tudo aqui está IDÊNTICO ao seu.

    Obrigada, abraços.

    Responder
    • admin
      admin says:

      cada navegador funciona de um jeito, por isso nao funciona.as vezes por um simples erro nao funciona em nenhum tem que testar em cada um deles, infelizmente é assim.

      Responder
  37. jonathan
    jonathan says:

    ola…. to fazendo um site assim tbm.. mas to com um problema
    fiz ele todo no photoshop… mas ai quando passo pro dreamweaver fasso tudo certinho como voce fez.. mas quando vou visualizar no navegador nao aparece nada.

    Responder

Deixe uma resposta

Quer participar da discussão?
Fique a vontade para contribuir!

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>