MX Masters

13/11/2008 - 0:08 > 20.795 Visualizações > 75 comentários

Background repeat

6 votos

Salve, salve rapaziada, Felipe Cardozo na área com mais uma super vídeo aula de Dreamweaver. Muita gente tem entrado em contato com dúvidas relacionadas a utilização de Backgrounds, então, decidi ajudar desenvolvendo uma  aula ensinando a trabalhar com o background repeat tanto com tabelas quanto com divs.

Espero que gostem.

Boa vídeo aula!

Posts relacionados

Felipe Cardozo

É sócio diretor do MX Masters, portal de desenvolvimento especializado em vídeo aulas. Trabalha com ferramentas OpenSource como Wordpress, Magento entre outros, além de ministrar palestras em universidades do Rio de Janeiro.

Outros posts deste autor

Este autor atualmente possui 281 posts

Veja todos os posts de Felipe Cardozo


Comentários / Deixe seu Comentário

75 respostas para 'Background repeat'

  1. Wallace AlmeidaNo Gravatar Diz:
    13/11/08 às 1:24

    Fala felipe ja estava com saudades das aulas de Dreamweaver, realmente os backgrounds estavam dando dores de cabeça hehe
    ótima aula.
    vlwww

  2. Denis Felipe Nunes Itai SPNo Gravatar Diz:
    13/11/08 às 7:55

    vlw felipones, cara fuçando fuçando eu acabei descobrindo isso ai na raça, putz fiquei mto contente *__* hauhauhaahua, mas a minha grande dúvida inclusive dei uma empacada no site q eu estava fazendo por isso é em relaçao as DIVs como colocar uma dentro da outra e principalmente como posicioná-las com perfeição, queria q vc abordasse esse assunto pois tenho certeza q tem mta gente q tbm passa apurasso nisso ai, por exemplo: eu criei la uma div de um box grande pra ser o corpo do site, mas foi feito em 100% ai eu queria saber como por outros boxes dentro dela sendo q vai depender da resoluçao neh vlw felipe muito obrigado pela video aula ai

  3. Márcia BardaroNo Gravatar Diz:
    13/11/08 às 7:55

    Olá Felipe. mt boa a vídeo aula sim!
    vc já havia explicado esse mecanismo anteriormente e funciona direitinho!
    Agora a sugestão é:
    Tabalhar outros backgraunds dentro de outras tabelas aproveitando esse template que vc fez, ou seja, para cada tabela um backgraund diferente!
    pode ser? rssss bjão

  4. André OrtizNo Gravatar Diz:
    13/11/08 às 8:58

    VAleu felipão, muito foda essas aulas, parabens, sempre que tiver pode deixar que irei assistir, precisa só postar mais neh.. hehe

    Abraço e novamente parabens !

  5. Ricardo MarangoniNo Gravatar Diz:
    13/11/08 às 9:15

    Puxa tirou muitas dúvidas minha sobre css..
    Axo que pelo fato de ate agora eu só usar tabelas!!

    axo esse lado de divs no css muito legal porém ainda tenho muitas dúvidas…

    hehe

    Felipe se voçê chega a fazer outro Dvd como crindo site completo V2, a colocação das “divs” iria esclarecer muitas dúvidas !!

    Show de aula como sempre..

    Abraçoo

  6. MonsterNo Gravatar Diz:
    13/11/08 às 9:24

    Bá Felipe muito boa mesmo a video aula, já aproveitando o embalo, gostaria de perdir uma video aula de um layout ou um site todo em divs por favor, pois só sei fazer com tabelas e isso já está ficando para trás.
    vlwwww Felipão

  7. Rodrigo LeninNo Gravatar Diz:
    13/11/08 às 10:16

    show de bola essa VA ,
    esse site é nota 1000!

  8. Marcos César Ventura MacielNo Gravatar Diz:
    13/11/08 às 11:24

    Maravilha Felipão, essa dica é muito maneira…
    Abração!
    FORÇA SEMPRE!

  9. HurryNo Gravatar Diz:
    13/11/08 às 12:11

    Muinto boa a video aula tirou varias duvidas parabens, mas gostaria de saber se é posivel usar fatias do fireworks só usando divs ou class e não tabelas ?
    Já que tabelas atualmente não se usa muinto, abraços t+.

  10. JoãoAlberto/pvh/RONo Gravatar Diz:
    13/11/08 às 12:16

    Quando usa uma imagem INTEIRA no topo!!, a página não vai ficar mais pesada?? o ideial não seria fátiar o imagem?? vc podria mostra como fazer para monta a imagem do topo usando o CSS??

  11. Ivan RezendeNo Gravatar Diz:
    13/11/08 às 12:28

    Aopiado Rodrigo, esse site eh fera XD, e a video aula tbm XD

  12. Adelson Souza / 17 anos / Salvador-BaNo Gravatar Diz:
    13/11/08 às 13:18

    Muito bom! grande Felipe Cardoso….
    gostei bastante da vídeo aula!!!! MX masters sucesso total !!!!!!!!!!!!

  13. Renan BelliniNo Gravatar Diz:
    13/11/08 às 14:24

    muito bom, mais eu to começando a achar q o felipe tá mudando de time

    virando MENGÃO!!

    Pq sempre ele trabalha com a cor vermelha e preta

    sei não em felipe tá virando FLAMENGUIStA!!!

  14. Filipe Goes - 13 anos - SPNo Gravatar Diz:
    13/11/08 às 19:04

    Bem útil, muito louco…
    Vlw Felipão
    Acho que eu entendi, mas, vou tentar fazer um aqui pra ver se consegui mesmo…

  15. Ivan RezendeNo Gravatar Diz:
    13/11/08 às 19:04

    Tu és time de tradição, raça, amor e paixão…
    Oh meu mengoo! RRN forever! Vamo vira mengoooo felipones!

  16. Leonardo Brissac - São Bernardo do Campo-SP - 15 AnosNo Gravatar Diz:
    13/11/08 às 19:27

    Muito legal mesmo parabéns felipe

  17. Julio CesarNo Gravatar Diz:
    13/11/08 às 20:12

    Nossa Felipão, cada dia melhor em… muito boa essa video aula…

  18. BritoNo Gravatar Diz:
    13/11/08 às 22:01

    Felipe eu adoro as suas video aula.

    Gostaria de saber se é possivel fazer as blend paths em fireworks 8..
    mande uma resposta.
    dede já um abraço e obrigado.

  19. Maick MattosNo Gravatar Diz:
    14/11/08 às 0:09

    salve felipao … já ajudo muito cara resolveu quase 100% da minha duvida mas vou esperar anciosamente pelas proximas videos aulas
    que são de grande ajuda para todos ae

    vlw

  20. AxealanNo Gravatar Diz:
    14/11/08 às 12:03

    Ola otima video aula …

    mais eu queria lhe pedir Felipe Cardoso se tiver como vc fazer uma video aula sobre CSS …

    vlw

  21. Denis Felipe Nunes Itai SPNo Gravatar Diz:
    14/11/08 às 14:19

    aew galera quanto ao topo em css é a mesma coisa, só q a img ou fatia de background do topo vcs definem ja no arquivo de estilo.css e as imagens fatiadas do topo são nas divs da pagina ou class ai fica a criério de cada um certo felipe? bom ao eu fiz assim, oprolema mesmo é como eu disse, na hora de uma div dentro da outra e posicioná-las isso q quebra.

  22. Diego GustavoNo Gravatar Diz:
    14/11/08 às 17:26

    Parabés pela video-aula, resolveu muitos dos meu problemas.

    Mas também fiquei interessado naquele efeito que você fez com a “Pen Tool”, onde consigo baixar aquela extensão e qual é o nome?
    Se puder responder fico no aguardo.

  23. DANILONo Gravatar Diz:
    21/11/08 às 10:59

    Daew pessoal, estou começandoa gora com essas paradas de web..
    Em uma das videos aula, o felipe cardozo fala de um download de imagens que ele disponibiliza pra download..
    alguém sabe me informar?
    desde ja obrigado

  24. RobertoGMJNo Gravatar Diz:
    21/11/08 às 13:47

    Valeu Felipe mais uma videoaula Show de bola…

    Diego vai na busca no topo lá e procura Blend… nas videoaulas de fireworks passadas ele mostrou esse efeito… Aqui tem um e a principal sobre isso na minha opinião…

    http://www.mxmasters.com.br/fireworks/fireworks-blend-paths-e-linhas-estilosas-multiplas/

    Espero ter ajudado ae…

    Valeu Brigadao ae Felipe…

    RobertoGMJ

  25. Willian Alves - Jaru RONo Gravatar Diz:
    27/11/08 às 1:22

    nossa…quantas vezes eu tinha que colocar uma imagem gingantesca como background ..ehehehehe
    é a vida….
    muito bacana a video aula..
    parabens..

  26. ThiagoNo Gravatar Diz:
    28/11/08 às 12:34

    E ai Felipao!! Muito Boa Essa Video Aulda de Dreamweaver…
    Vle MermOo!

  27. Abraão Levi // 17anos // São PauloNo Gravatar Diz:
    1/12/08 às 13:46

    =D boaa!

    Estou deixando de lado as antigas tabelas e migrando para o “mundo do Tableles (css)”, estou estundando por conta, mas essa video aula esclareceu minhas dúvidas sobre background… ^^

    ae Felipe bem que poderia ter mais algumas video aulas sobre tableles, desenvolvendo um layout só nas explicando passo-a-passo ^^

    Vlw!

  28. Abraão Levi // 17anos // São PauloNo Gravatar Diz:
    1/12/08 às 13:49

    desculpa ae pessoal! no comentari anterior eu quis dizer:

    …desenvolvendo um layout só nas DIV’s explicando…

  29. Jose CarlosNo Gravatar Diz:
    22/01/09 às 16:42

    ola felipe, as video aula de vcs são de + muito obrigado mesmo, to começando agora e ja aprendi muito com vcs. queria sugerir uma video aula com layout div, topo, 3 colunas e rodape, to com dificuldade de alinhamento.

    obrigado

  30. MartaNo Gravatar Diz:
    30/03/09 às 19:36

    Olá Felipe,

    Gosto ddd+++ de suas aulas!!
    Estou com um probleminha, fiz os botões em flash no Dreamweaver e também coloquei um swf na página (que seria o logo da empresa) … mas não está aparencendo.

    Lí em um forum que tem que ter:
    AC_RunActiveContent.js e
    AC_ActiveX.js

    Mas eu não sei como colocar, se é no head ou no body e como.

    Gostaria de uma dica sua.

    Muito obrigada
    Marta

  31. Felipe CardozoNo Gravatar Diz:
    30/03/09 às 22:44

    Oi Marta, tudo bem?

    Primeiramente, melhor, “Antes de tudo”, preciso saber qual a versão do seu Dreamweaver..rs

    No aguardo!

    []´s

  32. MartaNo Gravatar Diz:
    31/03/09 às 11:01

    Oi Felipe,

    CS3

    Obrigada

    (Eu consegui fuçando em algumas coisas, mas como não consegui colocar o flash coloquei em gif, mas não ficou tão bom quanto o flash) – veja minha página: http://www.schillings-diamondservices.ch

  33. macle b13No Gravatar Diz:
    2/04/09 às 9:17

    como faço pra fazer download dos videos???
    e sempre q eu entro clico nos links……………..vlw…..
    vlw…..
    vlw…..
    vlw…..
    vlw…..
    vlw…..
    vlw…..
    vlw…..
    vlw…..
    vlw…..
    vlw…..

  34. Felipe CardozoNo Gravatar Diz:
    2/04/09 às 12:25

    Olá Macle, beleza?

    Não está liberado o download dos vídeos.

    []´s

  35. claudemirNo Gravatar Diz:
    23/04/09 às 23:05

    e ai rapaz blz? mano to entrando aqui para tirar um dúvida minha e acho que de muitas outras pessoas.Como é que faço para inserir audio e video em sites? desde já agradeço
    claudemir de Pirassununga-sp

  36. JhonnyNo Gravatar Diz:
    25/04/09 às 9:30

    Parabéns pela videoaula, logo… logo… vou comprar o dvd de vocês, tem aulas inéditas no dvd Felipe? Bacana demais parabéns…

  37. eddyjNo Gravatar Diz:
    26/04/09 às 6:38

    ae felipe C,muito boa aula ,
    tô aprendendo muito valeu,
    um abraço,,,,

  38. AiltonNo Gravatar Diz:
    7/05/09 às 17:06

    Sou novo aqui e estou iniciando meus estudos para criar a minha pagina. Este site foi um achado mesmo. Parabéns pelas aulas, tenho certeza que irei aprender muito.

  39. NestorNo Gravatar Diz:
    11/05/09 às 13:31

    As Aulas de Dreamweaver são ótimas. Mas o que irrita são as travadas que essas aulas dão por conta de uma propaganda de “Videolog”.
    De resto está tudo ótimo.

  40. Cleber Tavares da SilvaNo Gravatar Diz:
    13/05/09 às 6:54

    pow felipe cardoso beleza? entao queria te faze duas perguntas se for possivel.. !
    a primeira e que assim eu faço meu layout no fireworks ai quando eu passo pro dreamweaver quando eu defino a o tamanho do site na tabela o fundo fica maior ai eu tenhu que centralizar a tabela pra ngm repara mais mesmo assim fica estranho .
    e a segunda é .. onde eu consigo axar esse flash cs3 ? se poder ajuda eu agradeço muitoo. obrigado

  41. Cleber Tavares da SilvaNo Gravatar Diz:
    15/05/09 às 1:21

    se poder responder eu ficaria muito gratoo . =x e que ta complicado mesmo

  42. alexNo Gravatar Diz:
    27/05/09 às 4:28

    kra no DW cs4 tem um grande problema q n tem o botao de inserir BG imagem em tabela como faço isso sem usar css tem como?

  43. ThiagoNo Gravatar Diz:
    4/06/09 às 16:44

    Muito boa video aula ! resolvi fazer mais estou com problema na minha idex as imagens naum aparec, pq ?

  44. SauloNo Gravatar Diz:
    9/06/09 às 13:59

    Cara muito bom !!! Realmente o que eu precisava, objetivo e claro !!! Valeu Felipão !!!

    Abraços…

  45. LeonamNo Gravatar Diz:
    13/06/09 às 15:53

    Olá Felipe.

    Muito boa a video aula, mas uma dúvida persiste: como fazer quando eu estiver trabalhando com um topo .swf?

    abraços!

  46. LeonamNo Gravatar Diz:
    14/06/09 às 10:16

    Olá Felipe,

    to sentindo falta de um vídeo aula que, na minha opinião é bastante interessante: “Indique este site para um amigo”.

    vlew, abraços!

  47. André AmorimNo Gravatar Diz:
    14/06/09 às 12:07

    Muito boa a aula,parabéns e obrigado por estar sempre nos trazendo conhecimento.

  48. FelipeNo Gravatar Diz:
    18/06/09 às 17:00

    Vixe broder massa sua aula…

  49. KelvinNo Gravatar Diz:
    20/06/09 às 23:21

    LoL Muito Bom!

  50. RicardoBragNo Gravatar Diz:
    26/06/09 às 12:59

    ” Maravilha “….

    muito bom memo, estava mesmo querendo aprender isso. show de bola…

    valeu

  51. AndréNo Gravatar Diz:
    27/06/09 às 1:44

    Nossa divino !

  52. carlos rochaNo Gravatar Diz:
    24/07/09 às 17:27

    Oi Felipe, muito massa esta aula.
    Surgiu uma dúvida. Como faço para o menu acompanhar o bg móvel?

    grato carlos rocha

  53. Célio LunaNo Gravatar Diz:
    6/08/09 às 10:08

    muito bom o video Felipe, porem, estou com uma dificuldade, não sei se estou fazendo certo.
    Na URl que enviei pra vc, observe que a imagem não está alinhada com o background.

    O que estou fazendo de errado?

    Aguardo pelo breve retorno.

    Abraço Felipe e parabens pelo site!

  54. FernandoNo Gravatar Diz:
    14/08/09 às 15:33

    Cara quando adiciono o background, abaixo dele fica um linha fina escura, e nunca fica alinhado certo com o topo.
    Se puder me ajudar, abraços.

  55. Braulio CalebNo Gravatar Diz:
    4/09/09 às 8:32

    Oi, gostei da video aula, so nao entendi como vc deu aquele efeito tipo “teia de aranha” usando o que vc chamou de “blain”, é isso? Se tiver uma video aula disso por favor me manda a link… valeu

  56. carlosNo Gravatar Diz:
    4/09/09 às 17:49

    gostei muito da sua aula simples e objetivo gostaria de saber mais sobre Dreamwaver muito interesante valeu espero mais aula

  57. Matheus Flauzino - 20 anos - Nepomuceno-MGNo Gravatar Diz:
    6/09/09 às 21:34

    Salve! Salve Felipe! Oh, que honra, minha primeira postagem no MX-Masters.
    Sempre acompanho suas vídeo aulas, excelente por sinal. Meus parabéns! Continuem assim!
    Adoro acompanhar as aulas de CSS+Tableless, e estou tirando muito aproveito delas, quero agradecer! E lógico, voltar a parabenizar vocês!

  58. Bruno nevesNo Gravatar Diz:
    8/09/09 às 20:41

    òtima vídeo aula felipe, como sempre nos ajudando a crescer, Mais tenho dúvida que gostária que você me desse uma simples dica que estou por fora, Qual é a diferença trabalhar class e id? Ficaria muito contente se me respondesse, valeu abraço…

  59. David CHCNo Gravatar Diz:
    9/09/09 às 10:16

    @Bruno neves, o id vc tem q colocar com o elemento será unico na página, exemplo, topo, rodape, eles esses elementos não irão se repetir, logo vc vai usar o id. A class vc usuará quando elementos terão a mesmas propriedades, ai vc pode usar class, pq a class ele pode repetir, não precisa ser única

  60. GuizzeNo Gravatar Diz:
    21/09/09 às 22:03

    Muito boa! Obrigado

  61. Eduardo AmorimNo Gravatar Diz:
    25/09/09 às 3:52

    Olá Felipe,
    Sempre acompanho suas aulas, muito boas…
    Tenho uma duvida em relação a “bg”, gosto de trabalhar com img como bg, a questão é a seguinte, como definir o melhor tamanho para resolução. No caso eu uso 1280×1024. o problema é que em 1024×768 a img bg estica…não sei como resolver …se você puder falar sobre bg com img eu agradeceria….
    Obrigado e parabéns pelo trabalho.

  62. Claudio EliasNo Gravatar Diz:
    1/10/09 às 16:35

    Cara vc está ajuda por d+ valeu mesmo. Eu queria saber se no Dreamweaver teria como fazer um sistema de busca de carros e motos de tal forma quando eu marca na ListMenu carro ou moto ele carregue as marcas do carro ou das motos e assim por diante.
    E como Fazer isso.
    Faleu.

  63. David CHCNo Gravatar Diz:
    3/10/09 às 11:35

    @Claudio Elias, vc terá q usar o javascript, tem uma video aulas minha sobre combobox dinamico dá uma olhada na seção de PHP

  64. Claudio EliasNo Gravatar Diz:
    5/10/09 às 9:09

    David, valeu mesmo esta vídeo aula vai me ajudar bastante.

  65. Danilo Sai do ChãoNo Gravatar Diz:
    26/10/09 às 22:08

    Felipe, show de bola suas aulas, estou acompanhando todas, parabéns.
    Agora vamos a dúvida, no caso de trabalhar com um Background com textura por exemplo:
    Do Pattern: Cloth-Blue do Fireworks
    Como eu corto este tipo de textura para fazer o repeat no caso de trabahar com o CSS da forma que vc fez??? Do tipo background total de tela.
    Obrigado,

    Danilo

  66. Hadji GuedesNo Gravatar Diz:
    22/12/09 às 16:03

    estou com o mesmo problema do Alex.. no DW cs4 n tem o botao de inserir BG imagem em tabela como faço pra inserir?

  67. MarceloNo Gravatar Diz:
    5/03/10 às 8:43

    Olá Felipe,

    Cara, adoro suas video aulas são muito completas bem explicadas e eu já assisti grande parte delas e me ajudou muito.

    Sei que esse comentário não tem nada haver com essa video aula, mas sou iniciante no Dreamweaver CS4 e estou tendo dificuldade para configurar os famosos CSS no CS4.

    No Dreamweave MX que eu tenho não tive dificuldades, não sei se devido ao fato de ele ser em português, mas no CS4 não to conseguindo.

    Se você puder montar uma video aula sobre o assunto ou me explicar por e-mail, cara você vai me ajudar muito não tem nem idéida do quanto.

    Obrigado

    Marcelo

  68. Geraldo AguiarNo Gravatar Diz:
    11/04/10 às 17:27

    Não vejo o video dessa aula pq será? gostaria de asssitila é uma grande duvida minha. mesmo que seja no youtube ou onde ela for hospedala…

  69. David CHCNo Gravatar Diz:
    11/04/10 às 19:06

    @Geraldo Aguiar, esse problema é com o videolog, deve ser momentâneo.

  70. OctávioNo Gravatar Diz:
    24/05/10 às 11:41

    bom dia.. acho perfeito seus videotutoriais. parabéns
    mas estou com uma dúvida. quando dou o repeat-x fica com uns riscos brancos como se a imagem bg tivesse uma borda branca. mass não tem!
    e a borda da tabela que aparece no dreamweaver quando eu aperto F12 ela aparece no browser, é normal?

    estou começando hoje com o Dreamweaver, se puder me falar por qual video tutorial começar eu agradeço. Obrigado!

  71. David CHCNo Gravatar Diz:
    24/05/10 às 12:32

    @Octávio, recomendo baixar o curso Completo. Veja também a seção de Tableless, que será muito importante para seu aprendizado.

    http://www.mxmasters.com.br/dreamweaver/video-aula-criando-um-site-completo-download-da-video-aula/

  72. RAFAEL FREITASNo Gravatar Diz:
    12/06/10 às 9:51

    bom dia, gostaria de saber se é possivel fazer uma imagem em background se ajusta ao tamanho da tela sem que ela se repita. por favor preciso muito dessa resposta

  73. David CHCNo Gravatar Diz:
    12/06/10 às 13:35

    @RAFAEL FREITAS acabei de lançar uma vídeo aula sobre isso. Veja na home

  74. Diego MartinsNo Gravatar Diz:
    23/07/10 às 21:38

    Ae Galera do MxMasters Beleza?
    estou com uma enorme dúvida na area de background, é que no Dreamweaver CS4 não tem aquela opção bg, inserir um background dentro de uma tabela,já tentei fazer isso pelo Page Properties porém o background aceita realmente como o background de fundo e não dentro da tabela.

    Se vcs puderem me dar um Luz no fim do túnel ae Serei eternamente grato a vocês.
    Boa Noite e Obrigado desde já!

  75. David CHCNo Gravatar Diz:
    23/07/10 às 21:41

    @Diego Martins, veja essa vídeo aula, q fala sobre esse assunto do background:

    http://www.mxmasters.com.br/dreamweaver/inserindo-background-no-dreamweaver-cs4/

Deixe seu Comentário

Publicidade

www.mxmasters.com.br - todos os Direitos Reservados : Desenvolvido com Wordpress

Desenvolvido por David CHC e Felipe Cardozo