* You are viewing the archive for julho, 2009

Diferença entre id e class

marcus.carnevale julho 29, 2009 (x)html, Web 2 Comments

Quando desenvolvemos nosso código usamos muitos  id e class.

Para que servem eles?

Eles são muito importantes para editarmos as tags no css (na folha de estilo), mas também necessitamos para usarmos outras linguagens, principalmente a javascript.

Mas quais são as diferença entre elas?
“ID”

  • elas são únicas (exemplo: id”nav nav1″)
  • cada página pode ter apenas um elemento com aquele ID (se tiver mais de 2 ids iguais na mesma página, sua página não irá passar pelo validador W3C)
  • no CSS ela é identificada com um # antes do nome da id (exemplo: (no html <div id=”nav”></div>) no CSS (#nav{color:#fff;}))

É normal que os iniciantes no html usa-se … Continue Reading

Menu Drop Drow

marcus.carnevale julho 25, 2009 menu - html e css 2 Comments

Vou fazer um texto explicativo como fazer um menu drop drow, utilizando html, css e js.

Um exemplo dele : menu drop drow

vou começar colocando o html :

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<title>menu drop drow</title> — titulo do html – importante para os sites de busca

<script src=”jquery-1.2.3.pack.js” type=”text/javascript”></script> — jquery usado (js)

<link href=”style.css” rel=”stylesheet” type=”text/css” /> —– CSS

<script> —- script javaScript

//<![CDATA[
function topmenu(){
$(“.navegacao-menu li ul”).hide(); /* percebe que estamos colocando o nome da class da div – quando for class usa . e quando for id usa #, e chamando a segunda lista que … Continue Reading

Iniciando no HTML

marcus.carnevale julho 24, 2009 (x)html, Web 1 Comment

Vamos la galera, agora vamos começar a desenvolver o nosso html. Vou falar coisa boba, mas vou colocar tudo explicadinho. Vamos trabalhar com a ferramenta Adobe Dreamweaver CS4. Abrindo ela, coloca file – new, depois para começar vamos escolher html. Fazendo isso, vai abrir automaticamente um código como esse abaixo.

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />

<title>Untitled Document</title>

</head>

<body>
</body>
</html>

Vamos explicar um pouco disso…

Tag head – essa tag irá conter todas as informações do seu site, é nessa tag que os buscadores lêem seu site.

Coisas importantes que incluiremos nela:

- Untitled Document – esse tittle é o título … Continue Reading

Tableless

marcus.carnevale julho 21, 2009 (x)html No Comments

Já começamos falando um pouco sobre metas tags, explicando que elas são bastante importante para o seu site. Então vamos da uma recapitulada no ponto das metas tags, as principais são description, keywords, author e language. Cada uma serve para uma informação, description (para descrever o seu site, colocando slogan, entre outras informações que o convém), a Keywords (são as palavras chaves para o seu site, exemplo, se seu domínio for marcuscarnevale.com, você pode por marcus carnevela, carnevale marcus, pode por palavras ligadas ao site no singular ou no plural, entre outras, mas sempre lembrando que alguns buscadores não levam … Continue Reading

Metas Tags

marcus.carnevale julho 20, 2009 (x)html No Comments

“Meta” + “Tag” = Meta Tag

O termo meta tag é, na verdade, formado por 2 palavrinhas que se juntam para dar seu significado. E para entender este significado, é preciso entender as 2 palavras, em separado:

Meta é um prefixo grego que significa algo como “após, “que ultrapassa”, “que engloba”, “que está além”.

Tag é uma palavra do inglês que significa “etiqueta” ou “rótulo”. Tanto nos EUA, no Brasil ou qualquer parte do mundo, etiquetas servem para identificar, nomear e marcar algo ou alguma coisa para que possa ser identificado e/ou corretamenta catalogado – dentre outras coisas.

As meta tags servem para … Continue Reading

Meio-tom e Cor

marcus.carnevale julho 20, 2009 Meio-tom e Cor, Produção Gráfica 2 Comments

Impressão em P&B e monocromia

- É por meio de uma retícula que se geram os diversos tons de cinza nas impressões em preto-e-branco.

- Um impresso em P&B, não se produz com o uso de tintas de diversos gradações de cinza, e sim por apenas um aplicação de tinta – no caso, a preta. ( o cinza é determinado a partir da quantidade e do tamanho dos pontos pretos impresso no papel)

- Retícula mais fechada – ou seja, com mais e maiores pontos – obtêm-se os cinzas mais escuros, até chegar ao preto.
obs: áreas totalmente em preto, não utilizam retícula, … Continue Reading

Técnica CSS Reset

marcus.carnevale julho 14, 2009 CSS 1 Comment

Para começar a falar um pouco sobre HTML, vou começar falando de algumas técnicas.

Hoje vou falar da técnica de CSS Reset. Com a variedade de elementos HTML, é capaz de você poder passar por alguns problemas. Esses elementos possuem variedade de estilos em diferentes browsers (ie5, ie6, ie7, ie8, Firefox2, Firefox3, Chroma, Safari, Opera, entre outros, mas o que dá sempre muito dor de cabeça é o Internet Explorer). Com isso você pode passar por vários problemas ao tentar desenvolver o CSS, tirando assim muitas noites de sono.

Para evitar esse tipo de problema, o mais aconselhável … Continue Reading

Apresentação!

marcus.carnevale julho 09, 2009 Apresentação No Comments

Acabei de montar meu layout no wordpress, estou muito satisfeito e feliz, mas com certeza, devo aprender muito mais sobre essa ferramenta que no começo me dava medo, mas agora estou achando fantástica.

Agora falando um pouco sobre  mim …

faço faculdade de Design Digital no Instituto Infnet, estou cursando o décimo período, tenho 22 anos, e faço estágio a mais ou menos 1 ano no Videolog . Desenvolvo xhtml e css.  Trabalho com dreamweaver, fireworks, photoshop, indesign,  premiere, after, entre outros adobes … kkkkk e 3dMax, onde estou gostando muito de aprender essa ferramenta.

A finalidade desse blog é passar algumas dicas … Continue Reading