Photoshop Express, versão web

30, Março 2008 at 7:56 pm | In Curiosidades, Ferramentas | Leave a Comment
Tags: ,

Como estão dizendo por ai, tudos os software vão ter suas versões on-line, isso ajuda na hora de atualizações mudanças e versão e tal, pq todo mundo sempre vai usar a mesma, rs..

Mas agora chegou a vez do Photoshop, achei d+

Faça o teste driver

https://www.photoshop.com/express/landing.html

Leitor de arquivo XML (RSS) em PHP

20, Março 2008 at 4:28 am | In PHP / MySql | 5 Comments
Tags: , , , ,

Para hoje um simples leitor de arquivo XML, com ele será possível ler FEED de noticias, é apenas um exemplo que cada um poderá modifica-lo as suas necessidades, neste exemplo vou pegar uma URL de um FEED e mostrar na tela em uma tabela com PHP.

Segue o código:

<?php

$xml = simplexml_load_file(“http://maurocesarsl.wordpress.com/rss“);

echo “<table>”;
foreach($xml->channel->item as $item){
echo “<tr><td>” . “<a href=’” . $item->link . “‘ target=’blank’ >” . utf8_decode($item->title)  . “</td></tr>”;
echo “<tr><td>”. utf8_decode($item->description).”</td></tr>”;
}
echo “</table>”;
?>

O endereço que estou usando de teste e o RSS do blog http://maurocesarsl.wordpress.com/rss nele tem um arquivo XML.

As informações estão em uma hierarquia, por exemplo cada notícia e um item do RSS, e os itens estão dentro do channel. Por este motivo q uso $xml->channel->item estou pegando cada item do RSS, e estou chamando em uma variável $item, desta maneira para exibir um link uso $item->link, assim por diante.

Para ver o arquivo XML puro veja em http://maurocesarsl.wordpress.com/rss, no arquivo vc percebe a hierarquia das informações.

Segue o código em txt, Leitor de RSS.

Qualquer dúvida, maurocesarsl@uol.com.br

Por que usar CSS?

17, Março 2008 at 5:01 am | In CSS | Leave a Comment
Tags: ,

Por que usar CSS?

Com CSS vc tira do HTML todos os comandos de cores, tamanhos entre outras coisas do seu site, todas as configurações ficam centradas em um único arquivo.

Isto ajuda na hora de mudar as cores de todos os textos ou do menu por exemplo, vc altera em um único local e todas as paginas do seu site “herdam” as configurações.

- Agiliza na hora da manutenção e alteração de layout;
- Você tem um único HTML para vários tipos de dispositivos;
- Seu código HTML fica com uma maior clareza;
- Reduz o tempo de carga dos arquivos HTML;

Títulos e Subtítulos em XHTML

14, Março 2008 at 4:59 am | In XHTML | Leave a Comment
Tags: , , ,

As paginas web como os livros tem Títulos e subtítulos, que nos da uma idéia de seu conteúdo, mesmo muitas vezes estes títulos e subtítulos não são visíveis aos usuários.

As TAGs de Titulos de paginas pertencem ao corpo do site, sendo assim elas ficar entre a TAG <body> e </body> .

No desenvolvimento web é muito importante a colocação de títulos da pagina, mesmo muitos desenvolvedores não se importando, por exemplo, o próprio buscador do Google da uma melhor colocação no Rank do seu site se o texto buscado pelo usuário consta no seu titulo de site e de pagina.

Vamos ao que interessa.

Exemplo de TAG <h1>

Usada para o titulo da pagina, muitas vezes o mesmo texto colocado dentro da TAG <title>

Exemplo de TAG <h2>

Usada para subtítulo de <h1>.

Exemplo de TAG <h3>

Usada para subtítulo de <h2>.

Exemplo de TAG <h4>

Usada para subtítulo de <h3>.

Exemplo de TAG <h5>

Usada para subtítulo de <h4>.

Exemplo de TAG <h6>

Usada para subtítulo de <h5>.

E como quase todas as TAGs em HTML funcionam, vc abre o <h1> e escreve o texto que será o titulo, no final e insere a </h1>, por exemplo:

<h1>Titulo da pagina</h1>

Para informar ao browser quando ler o comando, onde inicia o titulo e onde termina, assim por diante com as outras TAGs de subtítulos.

E lembresse toda TAG que abre tem que ser fechada.

A principio as TAGs <h1> a <h6> parece uma TAG besta, mas ele ajudará seu site a entrar nas listas de RANK na procura feita por buscadores.

Para medir o RANK de um site o Google usa uma técnica curiosa quando olhando apenas o site em si, se um usuário busca a palavra Carro, o seu site tem textos sobre carro, porem outro site por exemplo de venda de peça automotivas tem em seu titulo peças para Carros, tanto no titulo do Site como no da Pagina, e o seu tem apenas no titulo do site, o Google dará uma melhor colocação ao site de vendas de peças.

TAGs HTML bem definidas garantem o sucesso do seu site, porem são poucos os desenvolvedores que se importam com este assunto.
“A TAG <h1> deixa o texto em tamanho grande e com negrito, posso usa-la para escrever textos grandes???”
R: Apenas se o seu texto para o titulo da pagina, em desenvolvimento temos que usar cada tag para que a mesma foi feita, e a tag <h1> existe para definirmos o nome do titulo da página

Obs: As TAGs ficarão diferente no html de vocês, pelo fato do blog conter um CSS de configuração, a diante estarei fazendo posts sobre CSS.

Espero ter ajudado, qualquer dúvida ou sugestão: maurocesarsl@uol.com.br

O que é XHTML?

14, Março 2008 at 4:45 am | In XHTML | Leave a Comment
Tags: , ,

O XHTML, ou eXtensible Hypertext Markup Language, e nada a mais do que um “novo” padrão de escrever HTML baseando-se no XML.

Mas para que vou usar XHTML se tem o bom e velho HTML? A resposta e simples, com o XHTML o código tem um padrão da web, que por sua vez aumenta a acessibilidade, visualização de sites em dispositivos moveis, portabilidade e diz à lenda que garante uma melhor colocação no sistema PageRank do Google.

E com códigos no padrão nem se fala na manuteabilidade, né?!??! Segundo o PMI 70% de um projeto e manutenção, tanto corretiva quanto evolutiva…

Então, se vc trabalha com padrões seus códigos tem uma manutenção mais facil, com isso pode ter uma redução de custos de 70% do projeto, isso e muita coisa.

Diferenças entre XHTML e HTML:

1. Todas as tags devem ser escritas em minusculos;

2. Os documentos necessitam estar bem formatados, Exemplo:

<html>
<head>
<title>Titulo</title>
</head>
<body>

..

</body>
</html>

3. TODAS as tags devem estar fechadas, exemplo a <br> ficará <br />

4. As tags devem estar alinhadas, por exemplo:

<div><span style=”font-weight:bold”>texto</span></div>

um exemplo simples, mas se estivesse da forma errada seria assim, a tag <div> fecha antes da tag <span>

<div><span style=”font-weight:bold”>texto</div></span>

E isso…
Qualquer coisa, maurocesarsl@uol.com.br
T+++

Internet Explore 8, no padrões web?

13, Março 2008 at 12:54 pm | In Curiosidades | Leave a Comment
Tags:

Existem boatos sobre o novo Internet Explore 8, estão dizendo que terá suporte a padrões web, será o fim de ficar testando códigos tableless em IE e Firefox??? Quer dizer, o fim não, pois sempre será necessário testar em IE 6, pois não podemos excluir ninguém em nossas aplicações.

Mas afinal, ate hoje não entendo como a Microsoft foi fazer um produto para WEB que não segue o padrão WEB, mas enfim, fica uma pergunta ate um pouco estranha, rrsrs…

A versão beta pode ser baixada do site da Microsoft, segue o link:
http://www.microsoft.com/windows/products/winfamily/ie/ie8/default.mspx

Mas o que eu estou esperando mesmo e a versão full do Firefox.

Revista Engenharia de Software

11, Março 2008 at 2:57 pm | In Curiosidades | Leave a Comment
Tags: , ,

A DevMedia está lançando um nova revista, a Engenharia de Software Magazine
 a primeira edição está disponível no site para download…

Segue o Link:

http://www.devmedia.com.br/articles/viewcomp.asp?comp=8028

Inserindo imagem em XHTML

3, Março 2008 at 1:22 pm | In XHTML | Leave a Comment
Tags: , , , ,

A tag IMG, usada para inserirmos imagens em documentos XHTML, ela por sua fez e diferente da tag <p> que tem um inicio e um fim, a tag img e única, porem todas as tags devem ser fechadas. Exemplo de tag IMG:

<img src=”imagens/logo.jpg”  alt=”Logo” />

Dentro das aspas do SRC e a localização do arquivo, como neste exemplo a imagens esta dentro de uma pasta chamada “imagens” e o nome do arquivo é “logo.jpg”, o ALT e padrão do W3C, e muito usado por leitores de deficientes visual, o leitor de tela de um deficiente visual lê o que esta escrito no ALT para o usuário, o informando sobre seu conteúdo, com isso garantimos a acessibilidade nas imagens da nossa página.

Como a tag img e única e necessitamos que todas as tags sejam fechadas usamos /> no final da tag para informamos o seu fechamento.
Qualquer dúvida: maurocesarsl@uol.com.br

Parágrafo e quebra de linha em XHTML

3, Março 2008 at 12:51 pm | In XHTML | Leave a Comment
Tags: ,

Para fazer parágrafos use a TAG <p> e </p>

Por exemplo:

<p>Aqui está iniciando um parágrafo, com texto, imagens e vídeos, tudo em XHTML.</p>

O Exemplo acima mostra um parágrafo simples.

Para inserirmos uma quebra de linha usamos a TAG <br />.
Por Exemplo:

HTML está sendo muito fácil.<br /> Quando iniciar CSS irá ficar mais interessante.

O exemplo acima mostrará o texto da seguinte forma:
 
HTML está sendo muito fácil.
Quando iniciar CSS irá ficar mais interessante.

Fácil né???

Qualquer duvida entre em contato: maurocesarsl@uol.com.br

Blog no WordPress.com. | Theme: Pool by Borja Fernandez.
Entries and comments feeds.