Vídeo aula: Criando um site completo (Download da vídeo aula)
Arquivo de (Dreamweaver, Imagens/PNG, Scripts, Spry, Tableless/CSS) por Felipe Cardozo em 31-03-2008 - 22,192 visualizações
Tags: Criando um site completo, css, Dreamweaver, Fireworks, Vídeo aulas

DOWNLOAD DA VÍDEO AULA:
Download parte 1
Download parte 2
Download parte 3
Vídeo aula: Criando um site completo - Arquivos utilizados
CONTEÚDO DA VÍDEO AULA
Fireworks
- Abrindo o documento
- Determinando dimensões e background
- Desenvolvendo o topo
- Trabalhando com Mask
- Combine Paths
- Trabalhando com Degradê
- Desenvolvendo o menu e o corpo do layout
- Fatiando o layout
- Exportando conteúdo fatiado
Dreamweaver
- Importando conteúdo fatiado
- Configurando margens
- Organizando layout
- Trabalhando com rollover image
CSS
- Definindo Background
- Definindo fontes
- Definindo Títulos
- Definindo bordas
- Definindo formato de links
- Definindo formato de formulários
O layout que iremos aprender a desenvolver, será como este abaixo, desenvolvido por Felipe Cardozo especialmente para a vídeo aula:
Clique na imagem para ampliá-la


No link para exemplo do resultado final, o layout do site foi montado em tabelas, o da vídeo aula também foi?
Abraço.
Sim, foi feito com tabelas. Como comentei na vídeo aula, o correto é criar o site com tableless, mas recebi inúmeros e-mails e o pessoal têm dúvidas sobre tabelas. O interessante é ter uma base com tabelas, para depois aprender Tableless, que é mais complexo. Além disso, a grande maioria dos iniciantes, trabalha com tabelas, ainda.
Mas sempre deixo a mensagem de que o ideal é aprender a trabalhar com tableless.
Realmente é importante ter a base das tabelas, pois não quer dizer que é tableless que você não usa tabelas. Elas ainda são muito importantes para tabular dados.
Mas também acredito que o pessoal tem que começar a aprender tableless na marra… rs
Aguardo ansiosamente o fórum ;D
Abraço
Acompanho todas suas video aulas, e é de grande aprendizado para mim, como para todos nós! Agora estou esperando anciosamente para finalizar o download dessa video aula…heuehueu =D
Abraçoooo!!!
Obrigado e espero que o conteúdo seja de grande valia.
Abçs
Obrigado!!!
gostaria de saber se isso é só comigo…=D
Abraçoo!!!
Nem aceita esses coments..xD
Abraço!
o conteúdo ficou show de bola, parabéns pela iniciativa.Agora eu acho que poderia ter mais um conteúdo de CSS ensinando a criar os links de cima e como podemos replicar a pagina inicial para as outras paginas EX:(HOME)(EMPRESA)(FALE CONOSCO).
Grato!
e mais uma vez, parabéns pela iniciativa.
Irei colocar para download essas vídeo aulas em Flash tb.
Assim, resolve os problemas para quem não consegue visualizar com vídeo AVI.
GCLunatic, eu fiz o teste aqui e está normal. Pode ter sido alguma instabilidade do servidor.
Sobre o fato de eu ter feito em DW CS3, é uma pura questão de acompanhar as atualizações da Adobe. É sempre bom se atualizar.
Renato, deixei o comentário pro pessoal ver que basta reiniciar o computador após a instalação dos codecs. Mas deixo claro, que não precisa chutar a tomada (rsrs)
Leandro, obrigado! Eu ia colocar esses dois ítens, mas um projeto assim é um pouco complexo. A vídeo aula em um todo, já ficou muito extensa com este conteúdo. Também não posso colocar conteúdo muito pesado ou dividido em muitas partes pra galera baixar. Quanto mais fácil e rápido, melhor.
Mais pra frente, irei abordar estes ítens!
Abçs
Adorei a video aula, muito bem explicada, brigado mesmo por compartilhar esse material conosco!!!
Ahh, e mais uma coisa, ta afim de tomar um choop aqui em Campinas??? hsuahsuau
Abraçooo!!!
vídeos e o projeto ta muito bom mesmo, to treinando os estilos css,
e queria saber se vai ter mais video aulas de css, tomei gosto pelo css falou fote abraço té mais.
Valeu!!!
Valeu ae pelos elogios!
Eu irei preparar uma vídeo aula, a próxima de preferência ensinando a criar as subpáginas, incluindo a opção include em PHP.
Israel, iremos aprender CSS nas próximas vídeo aulas tb, mas dê uma olhada nas vídeo aulas de Tableless postadas no mx.
Abçs
Pessoal.
To mandando as vídeo aulas como SWF (arquivo Flash) para o servidor e ainda hoje disponibilizarei para download.
Desta forma, resolveremos o problema de todos.
A partir de hoje, todas as vídeo aulas para download serão disponibilizadas em SWF para que todos possam assisti-las sem problemas.
Abçs
Perfeito o trabalho, realmente você está de parabéns.
Parabéns Felipe Cardozo pela dedicação a este trabalho.
Você sabe dizer se ler o conteúdo de ajuda, que vem junto com os programas da Macromedia auxilia? Poque nesse “Usando Fireworks”(exemplo) que vem agregado ao programa, tem uma lista de muitos tópicos, e dentro desses tópicos existem subtópicos, é uma imensidade de texto e imagem ensinando como usar desde o básico até algo mais amplo. Você sabe dizer se esse é um bom meio de se aprender a usar os programas da Macromédia?
Muito obrigado.
André, infelizmente como a vídeo aulas iria ser disponibilizada para download, não pude perder tempo no ensino, pois quanto maior a vídeo aula, mais pesada ela seria.
Sobre o “ajuda” da Ferramenta, é claro que dá uma forcinha, mas nada comparado a uma vídeo aula. Qualquer ajuda é bem vinda, mas dê sempre preferência às vídeo aulas (sem querer fazer um marketing do mx).
Sem dúvidas, é a maneira mais dinâmica para aprender
Vlw Felipe!!!
vou conferir todos
Abraço
uma pergunta vc tem material mais completo para enviar por correio? (pago é claro!)
obrigado.
Obrigado pelos elogios..
Tenho recebido vários e-mails com o pessoal interessado em adquirir algum DVD com as vídeo aulas, mas isso ainda é uma coisa que pelo menos neste momento não me passa pela cabeça.
Ainda tem muita coisa a ser melhorada e projetada, mas lá pra frente, se for o caso, iremos fazer um curso completo.
Mas o conteúdo que tem no site é totalmente FREE.
Abçs e obrigado pela idéia!
Em relação ao aprendizado a videoaula, concerteza é muito mais dinâmico de se aprender mesmo, até mesmo para aprender a pronúncia correta de ferramentas, comandos, etc…
Deveria ser feito uma videoaula só das pronúncias corretas das ferramentas e tudo mais hehe, ja pensou? =P
Mais uma vez parabéns pelo empenho neste trabalho.
Bom, finalmente consegui baixar todos os Episódios dessa Vídeo Aula. Meu, tá muito massa, e parabéns pela iniciativa. De fato, é o primeiro site que eu vi com esse tipo de conteúdo. Levei quase 5 horas para baixar a uma velocidade de 5KB/s. Mas valeu apena. Hey, os Vídeos em AVI estão perfeitos. Sem dúvida um dos melhores. Pra quem está tendo problemas para assistir, é só procurar no Google ou no Baixaki o programa “K-Lite Mega Codec Pack”, e instalá-lo na opção “A Lot of Stuff”. É um dos pacotes de codecs mais copletos que existe. Fora ele, há o “ACE Mega Codec Pack”, esse é tão profissional que eu não recomendo, é mais para quem realiza trabalhos de MultiMídia no Computador, instala uma porrada de Codecs de Audio e Vídeo no computador, aonde até vídeos corrompidos você consegue assistir numa boa usando o Windows Media Player, no entanto quem está louco para assistir, pode instalar. Bom, é isso. Está de parabéns, e continue sempre assim. Mas tenho uma pergunda. Até quando vai ficar fazendo isso de graça??? Tipo, nem ganha nada??? Parabéns.
Eu também fiquei sabendo desse pacote de codecs e coloquei pra download aí no post.
Bom, sobre o fato do conteúdo se gratuito, pode ser que mais pra frente façamos algum conteúdo em DVD, mais completo. Aí neste caso é inevitável a não cobrança de taxas. Mas nosso objetivo principal é mesmo ajudar!
Abçs
TPO ESTOU COMEÇANDO A MEXER COM WEB A POUCO TEMPO. ADEI FAZENDO UMAS PESQUISAS NA NET E ENCONTREI O SEU SITE.
PRETENDO DOMINAR AREA MUITO BEM, MAIS
ESTOU COM DIFICULDADE NA PARTE DO DREAMWEAVER.
ATUALMENTE ESTOU TRABALHANDO EM UMA EMPRESA E O MEU SUPERIOR QUER QUE EU APRENDA A LINGUAGEM ASP PARA CONTROLAR O SISTEMA QUE OPERA NA EMPRESA POIS FUTURAMENTE ELE VAI SAIR E ME DEIXAR NO SEU LUGAR COM ESSA RESPONSABILIDADE.
TERIA COMO VC FAZER UM MATERIAL ESPECIAL PARA INICIANTES.
ATUALMENTE ESTOU TRABALHANDO EM UMA EMPRESA E O MEU SUPERIOR QUER QUE EU APRENDA A LINGUAGEM ASP.
DESDE JA AGRADEÇO
ATT.
PAOLO TANCREDO DESLANDES.
Seja bem vindo ao mxmasters!
Fazer uma vídeo aula ensinando ASP ou qualquer outra programação é uma tarefa complexa, mas não impossível.
Em breve, iremos ter colaboradores de programação preparando vídeo aulas especiais.
Se você quer mesmo aprender a linguagem de programação ASP, tente estudar bastante lógica de programação.
abçs
Obrigado.
Realmente as visitas do site têm crescido imensamente.
Onde você visualiza esse page rank?
obrigado.
Abçs
Este efeito é Flash mesmo.
abçs
Parabéns pelo site, sou um novo membro da conunidade mxmasters, e espero apreender muito com você!
Que Deus te ilumine pois precisamos de pessoas como você para dar uma mão a todos.
E viva o google por te achar
Valeu!!!!!!!!!!!!!!! abraços………
Seja bem vindo ao mxmasters!
Abraços!
Baixei os videos e queria dizer que show aquelas aulas de css, tirou o que tava me dando uma verdadeira dor de cabeça, aquele fundo, o blackground
Agora sim!
E olha que ja comprei videos aulas mas ninguém explicou com tanta clareza
Amigo posta ai algumas Video Aulas de PHP desde a Administração no Dreamweaver
Quando resolver vender estamos ai pra adquirir
Abraços!!!
Estamos preparando novidades!
Aguarde…
Abçs
MAIS NELES TUDO EH PAGO
EH SOH VC MESMO QUE NOS PRESTA AJUDA 0800
RSRSRSRSRSRS
TPO… AXA QUE DEMORA MUITO PRA VC COMERCIALIZAR O MATERIAL
COMPLETO DE VIDEO AULAS?
ASSIM QUE TIVER DISPONIVEL ME AVISE POIS SEREI O PRIMEIRO A
ADIQUIRIR
FLW!!!!!!!!!!!
Isso é um projeto que estamos planejando mais pra frente, até porque tem que ser bem projetado.
Mas quando lançarmos, colocaremos chamadas no site…
abçs
Infelizmente, já compactamos ao máximo. Como você pode ver, tivemos que cortar a vídeo aula em 6 partes.
Por esse motivo, que colocamos sempre as vídeo aulas no youtube e disponibilizamos no site.
Na próxima vídeo aula especial que estamos preparando, teremos que enviar em DVD.
abçs
Os passos são os mesmos sim!
Essa vídeo aula é ensinado a estruturação do design com a diagramação, mas ali você pode incluir a programação facilmente.
abçs
As vídeo aulas estão disponibilizadas em arquivos SWF (arquivos Flash).
Você atualizou o Shockwave ou o Flash player?
Recomendo o site,
Se prescisar de um Colunista para Delphi posso ajudar tambem.
Obrigado pelas gentis palavras e disponibilidade!
Estamos montando uma equipe legal e se formos colocar Delphi, te sinalizo
Abçs
.naorepetir {
background-repeat:repeat-x;
background-position:top;
}
O código da tabela que utilizo está da seguinte forma:
Agora quando acrescento conteúdo na tabela,o background não repete,mas passar a ficar na cor branca.Há algo que esteja fazendo de errado?Como posso resolver isso?O outro erro é que entre o menu e o conteúdo fica uma risca preta,já fatiei o menu e o conteúdo diversas vezes,mas o erro persiste,o que pode ser?Desde já agradeço a sua ajuda.
Você esta com o site publicado? Se não estiver, dê um print e envie para contato[@]mxmasters.com.br para eu verificar.
Fiquei abismado como é fácil e indispensável!
Valeu mesmo!
Belo trabalho q vem fazendo, descobri o site essa semana 20/4 e estou adimirado!!!
Gostei muito da aula onde ensina a fazer um menu dropdown porem estou com dificuldades de de exportar pro Dream. Meu nemu e Horizontal se pudesse bolar uma aula ficaria grado ou mesmo tirar minha duvida por aki.!!
Além disso, irei colocar um espaço no mxmasters para sugestão de vídeo aulas…
Abçs
no mais e so isso estarei sempre por aqui kra vlw pela iniciativa.
Obrigado pela visita e pelos elogios…
Abçs
Eu fiz o teste aqui e consegui assistir a todas as vídeo aulas!
O que acontece é que este servidor está um pouco pesado, o que pode dificultar o download ou acontecer algum problema com o arquivo.
Mas, consegui assistir perfeitamente.
Tente baixar novamente.
Abçs
Para criar meu site, eu uso o Fireworks eo Dreamweaver.
Eu tenho uma dúvida. Eu faço o meu layout no Fireworks, mas quando eu abro ele no Dreamweaver, para começar a fazer o site eu não consigo escrever texto ou colacar alguma coisa dentro dele.
Por Favor, ajude-me.
E por final, só por curiosidade. Quais os programas foram usados na construção desse site?
Você está assistindo as vídeo aulas até o final?
Ambiente sério, agradável. Passa muita confiabilidade e interação.
Obrigado, Felipe, por sua contribuição valiosa.
Sei o quanto deve dar trabalho, manter, atualizar e gerir um site como este.
Parabéns pela Boa Vontade.
Nem terminei de baixar a vídeo aula.
Mas, aproveito para lhe desejar Sorte e Sucesso!!!
Quando postei o primeiro coment, não tinha navegado ainda pelo MX. Rapaz… Vendo agora o conteúdo dos arquivos Dez, Jan, Fev, etc, até hoje, tendo assistido às vídeo aulas(só as primeiras de muitas)…
Me pergunto: Esse cara não faz outra coisa na vida não, além de exercer sua Generosidade. Pô, é muita coisa boa, massa mesmo!
Porém, a Grande “Aula” que é ensinada aqui, é mesmo a que diz respeito à Atitude, ao nosso ilimitável Poder de Escolha pelo que é Bom, pelo que é Bem!
Olha, muito, muito obrigado mesmo, Felipe! Que sirva de exemplo pra nós, que sempre, de uma forma ou de outra, detemos algum tipo de conhecimento em qualquer modalidade profissional.
Tenho umas duvidas por aqui (pg linkadas através dos itens de menu, por expl.). Mas sei que o conteúdo é vasto e eu acabo encontrando as respostas navegando pelo site. E, também, o grande mestre, na minha opinião, é aquele que sempre deixa algo para que o aprendiz descubra pelo seu próprio empenho e curiosidade.
Abraço de Estímulo. Ótimas Vibrações pra Vc.
(Prometo que não posto mais textos tão longos, rss.)
Obrigado pelas gentis palavras!
Continue conosco
Abçs
O curso pode ser uma boa base, mas a maioria você aprenda praticando.
Com vídeo aulas, você terá uma boa base para aprender.
Eu, por exemplo, fiz um curso há muito tempo, mas 90% do que sei, aprendi na web.
No curso você aprende a entender o que cada ferramenta faz! e na prática, você aprende a utilizá-las
abçs
pois estou tento dificuldade em criar uma galeria de fotos no dreamweaver cs3
pois eu queria colocar uma galeria de fotos no corpo da pagina, aquela que vc fez na video aula e nao dando conta se vc pode dar uma força, pois eu queria que a foto fosse aberta na mesma pagina usando apenas o meio do site assim eu nao teria que modificar a pagina pois ela abrindo na mesma eu acho que tornaria o site mais leve.
se poder dar uma força eu agradeço.
ate chegar o dvd 2 vou quebrar um pouco a cabeça ainda
Com o decorrer do tempo iremos preparar mais vídeo aulas falando de galerias de fotos.
Existem várias maneiras de se fazer uma..
Abçs
se poder me ajudar com videos aulas ficarei feliz.
obs,mora nos estados unidos .
Vamos supor que ai voce ensine a fazer a HOME da pagina ne ? e como fica as outras páginas ?
é so clickar em cima de “fale conosco”(exemplo) que vai redirecionar para esse outra pagina ?
ou teremos q fazer 1 novo layout e criar um novo conteudo ??
unfortunately we do not video lessons in English.
I hope that this content in any way can help you!
hugs
Dê uma olhada nessa vídeo aula que talvez tire suas dúvidas: http://www.mxmasters.com.br/2008/04/04/dreamweaver-cs3-criando-sub-paginas-e-ancoras-de-links/
abçs
tenho outra duvida, você tem alguma aula ensinando a colocar scrips de publicidades, bannner e animação ??
Gostaria de te agradeçer tambem pelo seu trabalho e desculpa nao ter agradecido no comentario anterior.
Bom, ensinando a incluir banner com algum sistema não, mas na vídeo aula de dreamweaver anterior, ensinei a fazer atualização dinâmica de objetos e para quem quer usar banners, isso facilita muuito..
Abçs
Não podia deixar de passar esta oportunidade, para agradecer toda a ajuda, que as suas aulas me têm proporcionado ao longo dos ultimos dias. Os comentários conjugados com o video, são muito bem coseguidos, e garantem uma aprendizagem rapida.
obrigado por tudo
António
Portugal
Obrigado pelas palavras!
Abraços para todos aí em Portugal.
Descobrir vcs a pouco tempo,pois fiz um curso básico,pois precisava criar um site pra mim,e como nao concluí o modulo do flash e tb nao peguei facilmente os macetes,resolvo procurar na net e graças a Deus encontrei vcs,ainda estou em acompanhamaento das videos-aulas,mas assim que eu obtiver um resultado mandarei o retorno a vocês sobretudo para que seja feita uma avalia ção.Gostaria de sugerir,videos aulas acerca de como nserir audios de boas vindas na pagina inicial do site(se é que é aconselhavel..rs..)e audios no geral,pois trabalho com áudio.
Um grade abraço pra vcs e sucesso sempre
FUI !!!!!!!!!!
Obrigado pelas palavras!
Sobre colocar o áudio no site, há duas maneiras.
A primeira seria através de uma animação no Flash. A segunda, seria um código inserido no seu html:
Se você quiser que amúsica se repita várias vezes, acrescente loop=”infinite”.
Ficaria dessa forma
Abçs
heh..
vlw
ESPERANDO RESPOSTA???????
Ensinamos a manusear as ferramentas Fireworks, Flash e Dreamweaver. Falamos um pouco sobre hospedagem, dominios, etc…
Abçs
abração
O download esta normal. Fiz o teste aqui e deu certo. Não precisa estar cadastrado no site.
Abçs
O erro já foi resolvido!
Abçs
tudo bem com vocês?
Gostaria de agradecer e elogiar o trabalho
belíssimo que vocês vem promovendo na
internet. Em breve vou adquirir todos os
DVD´s de vídeo aulas de vocês.
Gostaria de saber sobre o Fireworks: Na vídeo aula Criando um topo em curvas com a pen tool como faço
para jogar a imagem pra trás?
Meu e-mail : djernanifusion@yahoo.com
Jogar para cima: CTRL+ SHIFT+ ? (Seta para cima)
Jogar para baixo: CTRL+ SHIFT+? (Seta para baixo)
Obrigado pelos elogios.
Forte abraço!
sem problemas ok.
Você foi muito legal.
Não estou conseguindo me cadastrar no newsletter.
Esta aparecendo esta mensagem.
Ocorreu um erro. Tente novamente depois.
No mais muito obrigado.
Abçs