Conceito: O que é Z-index?
5 de maio de 2009 às 10:34 | Publicado em Conceitos, CSS, JavaScript | 1 ComentárioTags: camada, conceito, CSS, DOM, JavaScript, profundidade, tridimensional, z-index, zindex
Z-index é uma propriedade muito interessante não só de JavaScript, mas de CSS também. Mas para que ela serve?
Quando queremos trabalhar com três dimenções usamos a altura, a largura e a profundidade. Para dar um efeito de profundidade na página ou organizar os elementos de forma que um fique sobre o outro, utilizamos essa propriedade.
z-index é a propriedade usada para definir a terceira dimenção da página, ou seja, a profundidade.
Para usá-la é muito simples. Como é do tipo inteiro, o elemento que tiver o atributo z-index com um número maior ficará por cima. Se dois elementos tiverem o mesmo valor, a ordem em que foram inseridos que importará.
Devemos prestar atenção ao usá-lo, pois só funcionará com elementos que tiverem o mesmo pai segundo o DOM.
Agora ficou mais fácil de criar páginas com 3 camadas. Até a próxima!
Fonte:
http://www.webreference.com/js/column28/zindex.html
Escrito por Luísa Pèret Moraes e Paula Pèret Moraes
Parent, Sibling e Child no DOM
3 de maio de 2009 às 18:03 | Publicado em Conceitos, HTML | 1 ComentárioTags: árvore, child, DOM, firstChild(), hierarquia, HTML, nó, parent, parentChild(), sibling, tag
Depois de explicarmos o que é DOM, iremos falar um pouco mais sobre sua hierarquia. Os nós da árvore do DOM se relacionam. Um exemplo de árvore DOM pode ser encontrada aqui. Um nó é chamado de pai ou parent, quando tem algum outro nó que está contido dentro dele(chamado de filho ou child).Quando um nó pai tem mais de um filho, cada um desses filhos é irmão(sibling) dos outros.
Por exemplo, as tags <BODY> e <HEAD> são filhas da tag <HTML>, pois estão contidas dentro dela.
Podemos ter nós de textos ou de elementos HTML, como é o caso das tags. Temos algumas funções para manipular esses nós. Uma delas é a firstChild(), função que retorna o primeiro filho de um nó. Temos também a parentNode(), que retorna o pai de um nó.
Podemos notar que utilizar DOM é muito simples e essencial para trabalharmos com desenvolvimento WEB. Uma vez dominado, DOM se torna uma ferramenta indispensável. Vale a pena estudar mais sobre ele.
Fonte:
http://www.w3schools.com/dom/dom_node.asp
Escrito por Luísa Pèret Moraes e Paula Pèret Moraes
Conceito: O que é DOM?
2 de maio de 2009 às 22:37 | Publicado em Conceitos, HTML | 3 ComentáriosTags: conceito, DOM, hierarquia, HTML, tag, objeto, document, W3C
Quando estamos programando para Web temos que estar sempre usando elementos da página, que são tags ou objetos do HTML. Para isso utilizamos o DOM.
DOM é a abreviação de Document Object Model, que representa a hierarquia da página, que nos permite mexer na estrutura do documento.
Criado pela W3C, o DOM nos permite ver qual atributo está associado a cada objeto e como manipulá-los. Com ele podemos acessar qualquer parte do documento usando funções.
Ele é independente da linguagem e da plataforma utilizadas. Um exemplo disso é quando queremos usar uma função chamando um text area que foi criado no HTML. Usamos essa hierarquia da página para chamá-lo.
Uma representação do DOM:
Para ler a continuação desse artigo, clique aqui.
Fonte:
http://www.webopedia.com/TERM/D/DOM.html
http://lists.evolt.org/archive/Week-of-Mon-20020218/103673.html
http://www.javascriptkit.com/domref/
Escrito por Luísa Pèret Moraes e Paula Pèret Moraes
Blog no WordPress.com. | Tema: Pool até Borja Fernandez.
Entradas e comentários feeds.
