27/11/2008 - 1:17 > 20.133 Visualizações > 97 comentários
Desenvolvendo um layout – Final – Fatiando
Salve, salve rapaziada do MX masters. Emerson Almeida na área com mais uma super vídeo aula de photoshop. Nessa etapa final de nossa sessão “Desenvolvendo um layout” finalizaremos fatiando e exportando o conteúdo para o HTML.
Boa aula!
Posts relacionados
Admin
A equipe MX é composta por administradores completamente qualificados responsáveis pela atualização diária do portal MX masters e seus sites afiliados.
Siga o autor
Comentários / Deixe seu Comentário
97 respostas para 'Desenvolvendo um layout – Final – Fatiando'
Deixe seu Comentário
Publicidade
Nossos cursos
-
Curso Sony Vegas 8 PRO
por R$ 34,90
Comprar -
Curso de Dreamweaver CS4 Completo
por R$ 99,00
Comprar -
Criando e gerenciando lojas virtuais com magento E-commerce
por R$ 80,00
Comprar -
Tableless – Padrões web
por R$ 39,90
Comprar -
Curso de ActionScript
por R$ 89,00
Comprar -
Curso completo de PHP
por R$ 99,00
Comprar -
Curso de Efeitos Digitais
por R$ 39,90
Comprar -
Curso de Photoshop CS4
por R$ 39,90
Comprar -
Curso de lógica de programação
por R$ 75,00
Comprar -
Curso de CorelDraw X4
por R$ 79,90
Comprar -
Curso Pacotão MX
por R$ 24,90
Comprar -
Curso de Indesign CS4
por R$ 55,00
Comprar -
PHP e Mysql com Dreamweaver
por R$ 65,00
Comprar -
Criando um site completo V.2
por R$ 39,90
Comprar -
Curso de Fireworks CS4
por R$ 39,90
Comprar -
Curso de Flash CS4
por R$ 45,00
Comprar -
Wordpress V1
por R$ 39,90
Comprar -
Dreamweaver CS4 avançado com PHP e Mysql
por R$ 80,00
Comprar -
Wordpress V2 – criando portais
por R$ 39,90
Comprar
Últimas atualizações
-
/CSS3
Utilizando Fontes estilizadas com CSS
-
Iluminação de Três Pontos com 3D Max – Parte 2
-
Curso de Magento lançado com promoção de 50%
-
/Java
Java para Web – Criando um CRUD – parte 4
-
/Java
Java para Web – Criando um CRUD – parte 3
-
Iluminação de Três Pontos com 3D Max – Parte 1
-
/PHP
Criando Newsletter – parte 3
-
/Java
Java para Web – Criando um CRUD – parte 2
27/11/08 às 2:54
Amei a video-aula “Emerson Letix gol”
Teve uma hora que você falou:
“Aqui você pode editar com um editor de HTML, como FLASH”
Flash? o.O
De coração para coração: Eu te amo! Valeu pela video-aula
Continue assim =]
Abraços
27/11/08 às 7:08
Philipe Cardoso. Valeu pela aula tiro muitas duvidas. O orgulho do profesor não é ser melhor que o aluno mas é sentir utio para o aluno. valeu e tenha uma boa semana.
27/11/08 às 7:12
Muito bom mesmo Emerson …..valeu CONTINUE ASSIM PARABÉNS !!!
27/11/08 às 7:45
Vlw meu querido show de bola, vlw continue assim..
Bela aula vlw!
27/11/08 às 8:42
Muito bom Emerson.
Ta de parabens valews
27/11/08 às 9:29
Olá, vocês poderiam colocar o layout para vizualização. Seria uma ajuda e tanto, eu não teria que ver toda a video aula para ver se o layout ficou bom…
27/11/08 às 10:41
Boa Emersom, to sempre aprendendo contigo, coloquei uma sujestão de cortar o fundo da foto no Illustrator, para aprender mais contigo.
Obrigado por ensinar com calma e passo a passo, valew pela força
Ab
Marcio
27/11/08 às 10:43
éee finalmentee ..
.. vamoo fatia tudo agora.. apesar de meu site do tutorial estar pronto .. kkk
)
vlww Emerson Almeida (primo
agora vo ve a video aula!
27/11/08 às 10:49
Parabens otima video aula
tudo bem explicado
vlw
27/11/08 às 11:03
Opaa muuito importante isso
27/11/08 às 11:49
Emerson Muito legal, gostei muito dessa sessão de video aulas… hehe!
Um forte abraço espero que sempre continue dando essa super força para o site, e que sempre eu possa aprender muito com vc!
FORÇA SEMPRE!
27/11/08 às 12:10
Muito boa a video aula
falow
27/11/08 às 12:28
Pois é. Agora só falta para os usuários do MXmasters unir os conhecimentos adquiridos em vídeo aulas dispostas aqui para conseguir resultados belíssimos.
27/11/08 às 12:35
Let’s Go!
Muito bom cara!
Legalzão esse layout… foram 4 aulas certo?
Abrass
27/11/08 às 13:24
Seguinte.. eu ja vi totalmente esse metodo de fatiamente porém sou contra ele, não que eu esteja criticando Emerson, porém tipo Ok que é pra iniciante e talz.. , mas acho que ja mesmo do começo é importante entender que esse metodo de fatiamente e exportação faz com que o HTML fico muito “lixo”
mas ok. abs.
27/11/08 às 13:48
Cara, muito boa essa aula! =D
O único ruim dela é código bem mal feito do Photoshop.
Forte abraço e até a próxima!
27/11/08 às 14:24
Parabéns cara,
acompanhei todas as etapas e gostei do resultado.
27/11/08 às 16:11
Muito boa essa aula
Estava querendo ver uma video aula dessa
vlw um abraço
27/11/08 às 16:13
Opa cara
vlw ai em
ajudo muitoooooo
tava procurando isso
sera que o MXmasters podia passa isso como exportar pro dreamweaver, colocar animação em flash ficarai muito legal isso =)
27/11/08 às 16:36
GOSTEI MUITO DA AULA ABRAAAAAAAAAAÇOS
27/11/08 às 22:42
mt bom vlw
continue assim amigo
28/11/08 às 11:14
Parabens Emerson Let’s Go!
É sempre ótimo saber fatiar o layout pra passar pro Dreamweaver e talz…. muito bom
28/11/08 às 17:38
# Tomer Simis: Pis é kra..só dou mancada…mas a intenção foi outra =p
vlw pelo coment
# Ricardo : Concordo contigo kra,mas a intenção da aula foi o proprio fatiamento para obter as imagens,ate porque o html que é gerado é feito com tabelas,que não esta em desuso.mas vlw pelo coment,e se tiver de fazer criticas e talz,sendo elas contrutivas,não tenha duvida que vc ira ajudar bastante,flw?!
abraço.
#Peoples: vlw pela força rapaziada,abraçoa todos.
28/11/08 às 17:40
ops..eu quis dizer ” QUE AS TABELAS ESTAO EM DESUSO” =D
28/11/08 às 19:13
Emerson Almeida, ficou muito bom as aulas e me ajudou bastante!!
mas como as Tabelas estão em desuso, fico na duvida: posso montar esse site todo com CSS??
Grande abraço!
28/11/08 às 22:10
Grande emersom show o layuot é isso té mais
29/11/08 às 20:29
Muito obrigado! valeu mesmo continuem assim!
30/11/08 às 9:27
caraaaaaaa muinto bom…
vlw msm…
1/12/08 às 0:34
Poww !
Videoo aulaaa Incrivel !
Muito Bem Explicado !
1/12/08 às 7:35
Muito bom …
Ta simplismente inpressionivel!
Abs!!
1/12/08 às 18:16
Emerson Almeida, parabens pelas videos aulas!!! aprendi e ri muito com voce falando em ingles tambem!! muito bom! agora me tira uma duvida, quando voce vai salvar como html eu reparei que voce salva imagens como GIF, eu nao sou muito fã de GIF eu poderia estar salvando como JPG ou da algum problema, e outra coisa voce nao mostrou os botoes funcionando. coisas minimas ja me deu muita idea essas 3 video aulas!! abração
2/12/08 às 14:29
Emerson, essa aula foi muito boa!!! valeu mesmo!!!
10/12/08 às 16:03
muito bom
11/12/08 às 2:25
Muito bom, parabens Emerson!
12/12/08 às 12:01
Parabéns Emerson cada dia to aprendendo mais!! obrigado pela dicas!!
eo MXMasters tbm!!
isae galera!
12/12/08 às 16:10
Parabéns, fantástico.
Valeu mesmo as horas de empenho
Um abraço
14/12/08 às 0:06
uahhh ._. muito bom mesmo !! *enfim intendi algo*
3 coisas a respeito dos tutoriais (coisas boas claro =D)
1°tutorial limpo (boa qualidade na imagem)
2° direto (da pra intender 100% o que está acontecendo)
3°Centrado ( nao sai do tema principal )
irei acrecentar a 4°
4° nao posso esperar pelo proximo
obrigado mesmo
abraços =D
22/12/08 às 10:02
Gostaria que colocasse uma video aula como fazer páginas da web com corel Draw x4 – criar link de uma página pra outra.
7/01/09 às 21:47
Emerson…
Tem como através desse codigo que é gerado, programar em cima ? usando php e até action script caso use animações ??
Poderia ter uma aula falando dessa parte, pegando o seu layout e a partir da ai, programar, será que é possível ?
9/01/09 às 10:25
muito bom .. vlw
15/01/09 às 0:26
Fala emerson a aula é muito boa mais o editor de html nao é o flash pois sim i dreamweaver ok.
Correção só ai valeu
17/01/09 às 1:09
Muito bom ….. parabéns
20/01/09 às 8:45
Valeu cara,
Parabens a todos vcs pelo excelente trabalho que a equipe MXmasters vem desenvolvendo, tirando duvidas da galera, as vezes são coisas bem simples que com as video-aulas acabam desvendando e até nos ensinando sem querer outras coisas…
Parabens!
Vcs realmente são o numero 1…
Abraços
3/02/09 às 21:23
Aeeeee cara, parabéns pela disposição em passar o seu conhecimento. Lembrando que quem compartilha conhecimento está mais apto a receber também!
Flw grande abraço!
9/02/09 às 21:48
ADD eu msn por favor tenhu algumas duvidas
By_Hideki@hotmail.com
9/02/09 às 21:50
Gostei mto da video aula : D
E queria q vcs me adicionacen no msn porque nunca fiz curso mas ja consegui criar algumas layout obrigado
abrax
Msn By_Hideki@hotmail.com
14/02/09 às 21:29
vlw
muito bom
so não entendi a do flash e a de vc tenta salva em meu computador (/peroladoano)
fora isso
foi show
vlw mesmo
ficou muito boa a video aula
continue assim,to aprendendo + que pagasse um curso (n adianta nada,e uma merda)
assim e 100% melhor,adorei,so não tente salva em meu computador dinovo ta? /zuerata?
19/02/09 às 13:10
Valeu Emerson…..valeu mesmo kra…show de bola essa video aula!!!Parabéns…;)
4/03/09 às 11:43
perfeitooO!!!
12/03/09 às 22:08
cara, parabéns pela aula… muito bom…
13/03/09 às 11:36
Caraca velho muito bom suas vídeo aulas, eu tenho esta porcaria de site acima todo desenvolvido em html puro mas é um saco, tem sugestões de layout ai? Pode me presentear com um? rs… Tipo muito louco saber fazer layout assim que nem tú, eu nem sabia que depois de fatiar, salvar para web e tals poderia abrir no bloco de notas que é onde eu escrevo os códigos do meu site, agora uma pergunta: Se eu abrir no bloco de notas será que rola de eu escrever toda a formatação do texto sem danificar o posicionamento do layout? Só me explicar isso pode ser? O meu e-mail é filho_das_sombras@hotmail.com
Bom é só isso. Um abração cara e muito sucesso pra vc.
19/03/09 às 18:09
Cara, mto bom! Tenho aprendido mto com essa familia MX masters.
Mto boa essa sua video aula!
Valeu..
Abraço.
21/03/09 às 15:35
valeu heim,gostei muito dessa vídeo aula…como eu faço pra linkar essas fatias no dreamweaver…um abraço…
4/04/09 às 2:03
ola boa noite, estou montando o site da loja do meu namorado graças as video aulas de voces que por sinal sao otimas, mas eu fiquei com algumas duvidas, gostaria de saber se teria como vcs montarem uma video aula disso ou me mandar por e-mail mesmo explicando como faz o mais rapido possivel pois estou precisando com urgencia pra terminar o site e por no ar, minhas duvidas sao: como faço pra montar os botoes?? pois qd passo o mouse nele ele nao me da opção de clica-lo, como faço isso??? como faço tb pra fazer gifs girarem??? e como faço pra colocar aqueles brilhinhos que ficam piscando no layout??? vcs estam de parabens pelas video aulas, de coraçao é o melhor site que tem pra se aprender…. PARABENS, aguardo uma resposta de vcs
Obrigada
Atenciosamente,
Tábata
10/04/09 às 18:22
Ae cara ! Valeu por esta vidseo aula, estava procurando a tempos, super bem explicada !
Parabéns Emerson e MX Masters
17/04/09 às 9:39
Hey valeu mesmo cara
Seu tutorial me tirou uma dúvida que ja tava virando um Tabu hahahaah
Valeu!
14/05/09 às 15:51
brigadaoo o site que botei e do meu paii mas agora seu Desenvolver um layout
vlww
nota 1000
27/05/09 às 17:20
Vlw cara. Esse tipo de iniciativa ajuda muito a galera que está iniciando. Parabéns!
30/05/09 às 3:02
Você é FERAAA!!!
muito boa mesmo…queria que voce pudesse desfrutar da minha felicidade hehe
muito bom mesmo!
Muitissimo obrigado!
até mais!
6/06/09 às 14:56
Emerson,muito obrigado!!Ajudou muito!fiz o meu aqui e na minha opinião ficou muito bom!Aguardarei mais tutoriais seus.
10/06/09 às 2:05
Você é demais! sua vídeo aula foi muito útil…abração cara.
10/06/09 às 20:09
MUITO BOM ESTE SITE, EMERSON DE ALMEIDA, ALGUMAS VIDEO AULAS SUAS E ME AJUDARAM BASTANTE, VC E A EQUIPE MXMASTERS ESTÃO DE PARABÉNS!!!
VCS SÃO FEEEEEEEEEEERAS………
11/06/09 às 20:55
Como faço para usar este layout e colocar os links e fazer ele funcionar???
Valeu Emerson!!!
abraço
17/06/09 às 22:37
Boa cara! Aprendi bastante com essas aulas!
23/06/09 às 12:37
Olá Emerson, muito boa sua aula!
Gostaria de saber se esta aula se aplica ao blogger também… estou tentando criar um blog, mas não está ficando do jeito que eu quero, por isso queria fazer o meu layout pelo photoshop, como você nos ensinou!
Obrigada!
29/06/09 às 3:23
Olá Emerson,
Tô adorando todas as aulas, sou iniciante vc tem me ajudando muito !!!
Continue postando mais e mais aulas … EU agradeço … rs … Obrigada de verdade
Abraços
6/07/09 às 17:27
Muito bacana essa vídeo aula, é muito importante saber que tem gente que pensa dessa forma. Se isso continuar assim o Brasil será uma referência mundial em design.
6/07/09 às 23:02
Fodástica a aula!!! aliás.. AS aulas!!!! Parabéns!!!
7/07/09 às 23:46
Muito vbom cara, tava cassando esse tutorial,nao estava conseguindo cortar, e nois e valeu pela video aula >.<
26/07/09 às 9:09
valeu amigo otimo video, e parabens ao MXmasters
estou de volta ao Site e estou sentindo falta da WebTVMX abraços.
6/08/09 às 23:33
Ótimo! muito bem explicado.
Ta de Parabéns!!!
11/08/09 às 18:57
otimo
11/08/09 às 20:29
Vlw kara boa video aula
12/08/09 às 0:43
Muito bom cara….claro e objetivo…fiz cursos e não tive essa clareza na explicação…muito obrigado pela iniciativa parabéns Emerson.
12/08/09 às 20:42
doidao !!! Muito bom ! Da hora ! Matrix total!
Deus Abençoe o SPFC e o MXMASTERS
15/08/09 às 23:19
Noss o melhor site que vi!! sinceramente , já olhei muitas sites , sobre Photoshop,HTML e Corel Draw e nenhum ´da a explicação como eu queria .. Muito bom mesmo o trabalho de vocês !!
23/08/09 às 13:59
Valew! O Mxmasters tem me ajudado muito
muito obrigado
1/09/09 às 16:38
Muito fera!! parabens Emerson! valeu mesmo, mto bom! Aprendi bastante com essas aulas. Deus Abençoe
4/09/09 às 20:43
muito boa video aula. valeuuu
21/09/09 às 21:36
Vlw ae galera do mxmasters
video show de bola!!!
abrço
4/10/09 às 21:25
Muito bom carra parabem fwl obrigado !!!!!!!!!!!!!!!
8/10/09 às 21:40
Olá Emerson, quero parabeniza-lo pelo trabalho valeu mesmo pela iniciativa.
grande abraço
17/10/09 às 15:56
Cara.. eu nem ia comentar.. mas quando eu ouvi no finalzinho da aula vc dizendo que os comentários são o que motivam vcs.. eu não poderia deixar de dar meu apoio.. valeu mesmo cara.. excelente aula.. essa é uma dúvida que eu tenho a um bom tempo já.. alias tinha!! vc ja me esclareceu..
mais um vez.. brigadão ae fera!!
um abração..
20/10/09 às 10:16
Muito obrigado, eu não sabia que tinha essa arma no meu computador. Abração!!!
21/10/09 às 11:52
cara muito boua sua video aula nela aprendi tudo q queria agora sei como criar um site bonito e muito facil, e tbm aprendi a colocaar tbls arredondadas
parabens sucesso pra vcs do mxmasters
24/10/09 às 0:44
Parabens pela video aula! muito boa msm, vlw cara
7/11/09 às 21:09
cara brigadão tava com muita dúvida nisso valeu irmão!
4/12/09 às 23:28
Vlw me ajudou muito
OBS: Achei que ele ia chorar no final de tao emocionado que estava
10/12/09 às 7:35
valeu ! cara vo tenta fazr da mesma forma q vc fez com meu site ^^
18/01/10 às 18:58
Muito bom cara, tá de parabéns!
Esse site é demaaaaaais!
22/01/10 às 9:08
Amigo, muito bom seu layout, porem esse esquema de exportação e meio ruim, pois o PhotoShop exporta tudo em Tabelas, que e não e o adequado para se desenvolver a estrutura de um bom layout.
“Salvar em meu computador” kkkkkkkkkkkkkk eu ri ^^
mais amigo, show suas videos aulas, seu layout esta muito bom mesmo. Voce e fera em PS cara ^^
16/02/10 às 14:15
Manooo muito bom aprendi muitoooo msm eu to fazendo curso de Web
e eles disserao que n usa mais o Fireworks usam o PS CS3 ++
resolvi aprender mais muito bomm
24/02/10 às 14:38
depois que fiz meu template como coloco ele no meu blog como meu template?
24/04/10 às 11:24
Tipo eu sei fazer o template no phostoshop
mas quando eu recorto e mando pra php (eu to tentando fazer um site de jogo) eu coloco o conteudo ele desfigura o site as imgs sai do lugar eu queria aprender cortar sertinho para php.
24/04/10 às 11:37
@Jeferson, veja as aulas da seção de tableless, tem varias video aulas q te ajudaram nesse processo
17/06/10 às 0:52
cara muito obrigado, eu to largando o fireworks pra mexer com o ps e minha maior duvida era como exportar um site depois de pronto. Valew!!!!
Brigado mesmo!
20/08/10 às 7:32
muito bom esse portal eu sou fã de vcs galera.
vcs estão de parabens.