22 replies to this topic

[Inglid]

Pessoal, como desenhar esse layout no fireworks www.hospedasul.com.br/ ^{link traqueado}

To em duvidas do background dele, não consigo fazer desse jeito. E as proporções tbm..... Como ficar desse tamanho na tela, não ocupando a tela toda ........

Alguém pode me ajudar?!

Valeu galera!!!!!!!!

[AN Web Designer]

Olá Inglid !!!

Quanto a dúvida no fireworks não entendi.

Quanto ao background segue:

body {
	background-color: #CAD0D5;
	background-image:url(img/bg2.gif);
	background-repeat:repeat-x;
		background-attachment:fixed;
}

AN

[Inglid]

Oi AN, deixa eu me expressar melhor... O site não fica ocupando toda a tela, vc consegue ver o background e o site está centralizado......... e com uma largura e altura boa. Quais são aquela dimensões?!

Espero ter melhorado a explicação.....

[AN Web Designer]

As dimensões são 764 pixels de largura (+ou-) com distancia no topo de 5 pixels.


AN

[Inglid]

oi AN de novo.....

Mais tipo, esse retangulo no meio, que é onde fica o conteúdo da página, como eu faço?! é um retangulo..... a questão do background eu entendi, só não estou sabendo fazer esse conteúdo?! Quando vou começar a fazer pelo fireworks qual a dimensão inicial do trabalho?! 800x600?! Ou outra configuração?!

Se puder me explicar passo a passo ou me indicar um tutorial?!

Muito Obrigada.......

[Kadu DG]

Inglid, é que é assim...o bg não é do layout e sim do body!

o que acontece é que tem um bg no body

BODY {
background: url(endereço da imagem);
}

o a div pai do layout está centralizado, assim:

#pai {
margin:0 auto;
}

qualuqer dúvida mais, só postar!

[AN Web Designer]

Inglid vc já conhece as ferramentas do Fireworks ?

O seu layout deve ser do mesmo tamanho que vc deseja no final... ou seja:

Abra o Fireworks e crie um documento de 776*800 e comece a criar seu layout.

Obs: 776 pixels é uma medida que eu uso, mas pode ser 778 ou menor... mas não foge muito disso não.


AN

[brunoXP]

O padrão do Internet Explorer e Firefox no Windows XP (na resolução 800x600) parece ser 778px. Mas eu sempre faço meus layouts em 770px.

Vale a pena lembrar que hoje muitos sites são otimizados para 1024x768, e utilizam layouts com 1.000 pixels de largura.

[helioth]

Mais tipo, esse retangulo no meio, que é onde fica o conteúdo da página, como eu faço?! é um retangulo.....

Opa beleza?

Em relação a esse lance do retangulos, no meio, com a divulgação dos planos dos servers é feito assim:

Clique na ferramenta Rectangle Tool, com ela selecionada vc desenha o retangulo. Depois vai nas Propriedades (propreties = Ctrl+F3) c/ o quadrado selecionado aumente seu arredondamento, ferramenta Round Rectangle Tool (Retângulo de Cantos Arredondados).

O resto é Sombra (> filters) e letras as vezes com transparencia (Alpha). O Icone em cima desses "retangulos" vc pode ou baixar em algum canto na internet, ou criar vc mesmo.

Abraços!

[Inglid]

Pessoas.........

Pra não abrir outro tópico vou usar esse, tá?!

Bom, fiz um layout no fireworks, tudo bonintinho.... mas ta vindo dúvidas na exportação....

Vamos lá........ No meu layout, no meio coloquei retangulos com bordas arredondadas e com uma cor dentro e obviamente o texto, o background dessa área é branco... como se faz pra exportar esse troço para o dreamweaver para que o texto fique em cima do fundo (cinza) e que o texto fique editável que se possa selecionar!!!!!!!!!?????????
Já li procurando, vi video aulas mais nunca consigo fazer.... Outra coisa, tenho feito testes aqui, mais sempre quando digito algum texto dentro desses retangulos, quando dou Enter o layout fica desorganizado.

O que entendi sobre isso: Quando vc faz um layout no fire e exporta pro dreamweaver ele vai do jeito que vc exportou, em uma tabela única. O que leio nos tutoriais é que tem que fazer uma tabela para cada fatia, certo?! Então, vamos supor que eu não faça as fatias básicas, tipo (topo, menu, conteúdo, rodapé) faça fatias de um monte de coisas (não sei se é aconselhado). Como definir a tabela para esses casos?! E se não, como fatiar corretamente?! Assim, sempre que vc faz um layout vc não faz somente o (topo, menu....) vc coloca outras coisas, coloca efeitos em alguma letra e tal.....

Pessoal, desculpem tantas duvidas, mais com certeza essa é a dúvida de muitos. Queria muito aprender a fazer essa etapa corretamente, pois é a mais importante na minha opnião.

Valeu mais uma vez pela atenção de todos.

[AN Web Designer]

Então Inglid o lance está no Dreamweaver.

No Fireworks devemos exportar normalmente com as fatias e tudo mais.

Ao abrirmos o layout no Dreamwever na área onde desejamos inserir textos, devemos deletar a imagem desta área e inseri-la no mesmo local, como um background fixo e sem repetição a partir deste momento poderemos inserir texto, banners e o que for necessário.


Obs: Procure trabalhar com a montagem do seu layout no Dreamweaver, ao invés de fatiamento.


AN

Edição feita por: AN Web Designer, 02/05/2008, 07:54.

[_mcl_]

http://www.dynamicdr...s/category/C13/

Acho que este site pode lhe ajudar bastante.

Sobre o fundo gradiente da página, você pode usar o mesmo do site como referência.

Use este código entre as tags <head> </head>

<style type="text/css">
<!--
body {
	background-attachment: fixed;
	background-image: url(imagem.gif);
	background-repeat: no-repeat; //assim a imagem não ira se repetir
}
-->
</style>

Como foi dito ja. Monte sempre o layout separadamente para facilitar o seu trabalho e não ter problemas futuramente na edição. O layout sempre deve ser 770px a 778px, pois o publico em média usa a configuração do monitor em 800x600 pra acima. Procure conhecer tambem tabless pois é muito interessante.

Dê uma olhada nesse link que passei que com certeza ira lhe ajudar bastante!

Até +!

Edição feita por: _mcl_, 07/05/2008, 18:01.

[Kadu DG]

inglid, a questão é...hoje não se usa mais tabelas para montagem de sites, a não ser para conteúdos que vem de um banco de dados e necessitam das tabelas, ou seja, esses conteúdos são tabulares! ^^

para montar seu layout em html, vc deve usar o css + (x)html, ou tableless...como preferir...

vc tem que definir as div's, com suas respectivas medidas, com backgrounds sendo eles cores ou imagens. com isso vc vai montando seu layout com padrões web e assim eles funcionariam bem em qualquer navegador...seria interessante dar uma olhada no link que o mcl passou e depois visitar esses sites para entender melhor o assunto:

http://www.maujor.com
http://www.tableless.com.br/

[RonsisM]

Acquisto Levitra Gratis cialis online Buy Nexium Online Pharmacy Amoxicillin 200 Mg accutane buy online canada
Canadian Pharmacy 24h Order Confirm Php Primatene Tablets Discontinued online pharmacy Viagra Generique (Sildenafil Citrate) 100mg
Amoxicillin Clavulanate Assium Viagra Ohne Rezept Review Confronto Viagra Levitra cialis buy online Buy Priligy Online Nz Lexapro Generic Without Prescription Zithromax Used To Treat Chlamydia

[RonsisM]

Renova Creambuy Silagra 100 Viagra Going Generic Pharmacy Canada Cialis viagra Cialis Generique Tunisie