Web Como Um Todo!: iniciante

Mostrando postagens com marcador iniciante. Mostrar todas as postagens

3 de mar. de 2010

O que é W3C ?

W3C significa "World Wide Web Consortium" é um consórcio de empresas de tecnologia, atualmente com cerca de 500 membros. Fundado por Tim Berners-Lee em 1994 para levar a Web ao seu potencial máximo, por meio do desenvolvimento de protocolos comuns e fóruns abertos que promovem sua evolução e asseguram a sua interoperabilidade.

O W3C desenvolve padrões para a criação e a interpretação dos conteúdos para a Web. Sites desenvolvidos segundo esses padrões podem ser acessados e visualizados por qualquer pessoa ou tecnologia, independente de hardware ou software utilizados, como celulares (em Portugal, telemóvel), PDAs, de maneira rápida e compatível com os novos padrões e tecnologias que possam surgir com a evolução da internet.

Para alcançar seus objetivos, a W3C possui diversos comitês que estudam as tecnologias existentes para a apresentação de conteúdo na Internet e criam padrões de recomendação para utilizar essas tecnologias. Com a padronização, os programas conseguem acessar facilmente os códigos e entender onde deve ser aplicado cada conhecimento expresso no documento.

Padrões seus como HTML, XHTML e CSS são muito populares, contudo, em muitos casos são usados de forma errônea devido ao desconhecimento da especificação.

É um dever de todo desenvolvedor Web respeitar e seguir os padrões de acessibilidade do W3C, pois de outro modo poderá impor barreiras tecnológicas a diversas pessoas, desestimulando e até mesmo impedindo o acesso a suas páginas.

13 de out. de 2009

O que é CSS ?

CSS é a abriviação de Cascading Style Sheets (Folhas de estilos em cascata)
Definem como/onde mostrar os elementos HTML
Vieram com o HTML 4.0 para solução de alguns problemas
Estilos podem ser armazenados em arquivos separados

Porque foi inventado?

Pense em um site grande como R7.com, onde as seções (Notícias, entretenimento, vídeos, etc..) tem sua cor definida e quando se entra em uma seção todos os links e textos são da mesma cor. Imagine se o diretor de marketing resolve modificar a cor da seção "entretenimento" porque a cor atual não agrada aos leitores.

Até aí tudo bem, agora imagine-se no lugar do desenvolvedor responsável pela mudança (credo!), ter que alterar todas as tags font para alterar as cores das fontes de cada elemento. Imagine o trabalho e o tempo que isso iria levar.

Graças a pesadelos como este o CSS foi inventado para poder separar as camadas de conteúdo (HTML) e interface (CSS), ou seja, você atribui estilos para seus elemento HTML sem ter que modificar NADA no código HTML.

18 de ago. de 2009

Tabela de Acentuação e Caracteres Especiais em HTML

Bom dia!

No HTML não podemos/devemos colocar os acentos normalmente no código HTML, pois provavelmente não será interpretado pelo servidor, então devems usar os códigos HTML's devidos para isso...

ACENTOS

á	á	Á	Á	ã	ã	Ã	Ã
â	â	Â	Â	à	à	À	À
é	é	É	É	ê	ê	Ê	Ê
í	í	Í	Í	ó	ó	Ó	Ó
õ	õ	Õ	Õ	ô	ô	Ô	Ô
ú	ú	Ú	Ú	ü	ü	Ü	Ü
ç	ç	Ç	Ç

CARACTERES ESPECIAIS

	espaço
&	e comercial	&
>	maior que	>
<	menor que	<
ˆ	acento circunflexo	&circ;
˜	acento til	&tilde;
¨	acento trema	¨
´	acento agudo	&cute;
¸	cedilha	¸
"	aspas duplas	"
" e "	aspas duplas (esquerda e direita)	“ e ”
‘ e ’	aspas simples (esquerda e direita)	‘ e ’
‹ e ›	aspas angulares simples (esquerda e direita)	&lsaquo; e &rsaquo;
« e »	aspas angulares duplas (esquerda e direita)	« e »
º	ordenal masculino	º
ª	ordinal feminino	ª
–	travessão 'en'	–
—	travessão 'em'	—
	hífen oculto
¯	macron	¯
…	reticências	…
¦	barra vertical	¦
•	marcador (bullet)	•
¶	parágrafo	¶

CARACTERES COMERCIAIS

©	copyright	©
®	marca registrada	&reg
™	trade mark	™
£	libra esterlina	£
¢	centavo	¢
€	euro	€
¥	iene (yen)	¥
¤	símbolo monetário	¤

31 de jul. de 2009

HTML Básico - Reconhecendo o território

Neste artigo temos o básico do HTML para desenvover sua Primeira Web Page, comentando algumas tags do HTML e explicando um pouco sobre atributos...

HTML Break Lines (Pulos de Linha)

Pulos de linhas são definidos pela tag <br />

Esta frase continua na <br /> outra linha

HTML Rules (Linhas)

A tag <hr> cria uma linha horizontal.

Texto
<hr />
texto depois da linha

Tags de formatacao de textos

Tag	Description
<b>	Defines bold text
<big>	Defines big text
<em>	Defines emphasized text
<i>	Defines italic text
<small>	Defines small text
<strong>	Defines strong text
<sub>	Defines subscripted text
<sup>	Defines superscripted text
<ins>	Defines inserted text
<del>	Defines deleted text
<s>	Deprecated. Use <del> instead
<strike>	Deprecated. Use <del> instead
<u>	Deprecated. Use styles instead

HTML Paragraphs

Parágrafos são definidos pela tag <p>

<p>Este é um parágrafo</p>

HTML links

Links HTML são definidos pela tag <a>

<a href="http://www.wikipedia.org"> Clique aqui! </a>

HTML Headings ( cabeçalhos )

Cabeçalhos são definidos pelas tags <h1> até <h6>

<h1>Este é um cabeçalho</h1>
<h2>Este é um cabeçalho</h2>
<h3>Este é um cabeçalho</h3>

HTML Images

As imagens são definidas pela tag <img>

Comentários HTML

Os comentários são trechos que inseridos são visualizados apenas no código. Mas para que inserir algo que o usuário não vê?
Inserindo comentários você estará se ajudando na hora de fazer alguma manutenção na página, porém não se lembrava porque inseriu alguma tag.

Atributos

Perceba que existem atributos nas tags... ? ... Como assim atributos?

Veja na tag <img> existem 3 atributos src (caminho), width (largura) e height (altura), que possuem seus respectivos valores.

Atributos providenciam alguma informação para o elemento (que está entre a Tag), usa-se sempre nome="valor"

Por convenção também sempre coloque os atributos em letra minúscula e o valor entre aspas.

Existem diversos atributos que podem ser acrescentados as tags, confira aqui nesta lista todos eles caso esteja curioso.

Dúvidas? Comentem todas!

30 de jul. de 2009

O que é HTML ?

HTML é uma linguagem para descrição de Web Pages, acrônimo para a expressão inglesa HyperText Markup Language (Linguagem de Marcação de Hipertexto), ou seja, NÃO é uma linguagem de programação, é apenas uma "linguagem de formatação", e para isso utilizaremos as 'TAGS' (nome dado para as "etiquetas marcadoras" do HTML)

TAGs

'TAGs' são palavras chaves que vem entre os sinais de "<" (menor que) e ">" (maior que). Exemplo: <html>

As tags, devem aparecer em pares como <b> (indica o início) e </b>(indica o final) (<b> é a tag que indica que a palavra que estiver entre "<b>" e "</b>" será marcado com negrito.

Abaixo um exemplo bem básico de HTML para se entender melhor.

<html>
<body>

<h1>Meu primeiro h1</h1>

<p>Meu primeiro parágrafo</p>

</body>
</html>

Explicaçao do código:

O texto entre as tags <html> e </html> descrevem a página Web.
O texto entre as tags <body> e </body> é a área visível da página.
O texto entre as tags <h1> e </h1> é mostrado como um cabeçalho.
O texto entre as tags <p> e </p> é mostrado como um parágrafo.

Bibliografia

Wikipedia
W3c

Web Como Um Todo!