Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Talvez seja uma pergunta meio boba para quem é profundo conhecedor da área, ao contrário de mim que sou conhecedor de programação.
Existe a possibilidade de, através de um layout semelhante a este (http://image.shutterstock.com/display_pic_with_logo/236386/236386,1314181229,1/stock-vector-origami-website-elegant-design-for-business-presentations-template-with-a-lot-of-design-elements-83608645.jpg) desenvolvido no photoshop, cria-lo 100% em CSS? Há algum tempo um cliente veio com um template que ele comprou para instalar no wordpress dele, junto com o template veio o psd com o formato do site, semelhante ao que mostrei no link. Porem, procurando nas pastas do template não consegui encontrar as imagens recortadas.
Então, o designer desenhou no photoshop somente para ter o projeto e saber como faze-lo ou ele efetivamente e obrigatoriamente teve que recortar e usar as imagens junto com o CSS?
Se eu tiver um layout assim em psd ou fireworks, qual caminho a seguir para transforma-lo efetivamente em um site utilizando as divs e css? o que terei que estudar para fazer isso com qualidade aceitavel?
Obrigado.
esse site da foto parece que foi feito pra flash nao pra html.
nao da pra se 100% em css uns 80% no maximo, da pra rotacionar divs usando css3 e criar os feitos de luz, mas nao vai roda no ie9 pra baixo.
nesse caso vc corta o fundo e coloca os textos por cima , mas no caso do menu vc pode girar o texto com css mas no IE ele nao vai suporta isso entao teria que corta o menu ta bem.
depois que se paro de usar flash esses design doido pra site nao sao mais usados, e agora e possivel fazer site usando 100% de css(claro que exceto pra icones e fotos), por exemplo esse tamplete vc monta ele sem usar imagens so codigo a te os feitos de sombra pra fazer com css3.
unica coisa que tem que aprender mesmo e html5 pq com isso vai usar menos divs e seu codigo fica mais bonito e css3 pro design da pagina.