Outro site onde explica como se criar um novo tema em 5 minutos. Mas é mesmo 5 minutos, ou seja, muito básico e não explica muito dos pequenos promenores…

Para quem não quer “sujar” as maõs e aprender HTML, JS, PHP, ou CSS, temos este site onde podemos gerar um tema para o nosso site.

Publicado em Iliquido

Desenvolvimento de Temas para WordPress

Algumas funcionalidades ou ferramentas disponíveis:

• Desactivar, consultar, validade, editar o código CSS e HTML
• Obter informações sobre todos os elementos de uma página
• Pre-visualizar a página para diferentes destinos, sejam PDA’s, ou outras resoluções.
• Utilizar uma régua para medir distancias e elementos
• etc.

Depois de instalada a extensão, iremos ter um novo menu e uma nova barra com várias ferramentas e opções.

Disable

No menu Disable podemos desactivar vários componentes do Firefox, como por exemplo a cache, javascript, java, as cores da página/site actual, etc..

Cookies

No sub-menu Cookies, encontramos várias funções relacionadas com as mesmas, tais como, visualizar cookies para uma determinada sessão num site, adicionar, apagar ou restringir cookies.

CSS

Um dos aspectos do webdesign que provoca maior dor de cabeças é os CSS(folhas de estilo) e a sua implementação pelos diversos browser/navegadores de Internet. Com estão extensão podemos ver directamente na página qual o CSS que está a ser utilizado e até podemos editar a folha de estilos no próprio Firefox e verificar imediatamente as alterações. Neste menu também podemos facilmente desactivar a folha de estilos CSS utilizada para verificar como o nosso site é visto por alguns bots, como por exemplo o GoogleBot…

Na imagem acima podemos verificar que um elemento do site foi seleccionado(1 a vermelho), neste caso o título de um artigo anterior, na barra do webdeveloper(2 a vermelho) temos o encadeamento dos vários elementos/secções do HTML, e na parte de baixo(3 a vermelho) temos o código CSS utilizado.

Forms

No menu Forms temos diversas funções disponíveis para os formulários. Podemos obter a informação e detalhes de todos os campos do formulário, mudar o método de GET para POST, ou vice versa, entre outras funções.

Images

Como nas outras secções anteriormente referidas, no menu Images temos várias funções relacionadas com imagens. Podemos desactivar a visualização de imagens, verificar as dimensões, o caminho onde se encontram, o texto alternativo utilizado, etc.. Esta opção permite verificar que não esquecemos de nada importante relativo às imagens quando as utilizamos num site.

Information

No menu Information podemos obter mais alguma informação da estrutura do/a site/página. Com as opções Display Id & Class Details e Display Element Information podemos ver as várias classes CSS e ID’s, que irá facilitar na edição do código CSS para correcção de algum detalhe.

Outra opção útil é a visualização da ordem das várias div’s utilizadas no código HTML(Display div order).

Podemos visualizar a palete de cores utilizadas ou visíveis na página(View Color Information), o tamanho dos vários ficheiros utilizados para construir a página(View Document Size), etc…

Neste menu podemos sobrepor guias para alinhar os vários elementos em grelhas(Display lines guides), utilizar uma régua(Display Ruler) para medir elementos, editar o código HTML e verificar imediatamente as alterações, verificar como fica o site/página em aparelhos portateis tipo pda(Small Screen Rendering).

As opções deste menu servem para destacar alguns elementos da página, como cabeçalhos, links externos, frames, tabelas, células de tabela, blocos, etc..

Resize

Aqui podemos redimensionar o browser/navegador para outras resoluções para verificar que o site/página funciona correctamente. Podemos utilizar a função de zoom para aumentar determinada secção.

Tools

Neste menu temos várias opções para validar o CSS, Feed, HTML, verificar os links, a consola do Java e Javascript.

View Source

Como o próprio nome indica, serve para visualizar o código fonte. Podemos associar um editor para visualizar o código fonte através do menu Opções

Opções

Podemos aqui alterar o comportamento desta extensão e acrescentar mais algumas funcionalidades.

Download

Web Developer

Publicado em Iliquido

Extensão Web Developer para Firefox

Publicado em Iliquido

Como criar temas para o WordPress

Como nem sempre temos acesso a vários PC’s e/ou browsers para fazer esta verificação podemos-nos socorrer do site browsershots.org. Neste site podemos testar o nosso design em diferentes navegadores/browsers e em diferentes sistemas operativos. O site funciona com capturas de ecran em diversos PC’s espalhados…digamos, por aí. Depois de terminado a tarefa podemos fazer o download das capturas em formato png para verificação do nosso design.

Publicado em Iliquido

Verificar HTML/CSS com o BrowserShots

Para os iniciados em CSS existe um site CSS Sandbox onde podemos fazer uma primeira abordagem sem necessidade de escrever código nem alterar ficheiros. Neste site temos um exemplo de texto já feito com as algumas propriedades css pre-definidas. Podemos alterar vários elementos e para cada elemento temos várias opções. As alterações são automaticamente repercutidos no exemplo. Se quiseremos saber qual o código CSS correspondente ao nosso “tuning” do css bastará clicar em “CODE” para o podermos visualizar.

Publicado em Iliquido

CSS Sandbox – Experiências com CSS

No site hongkiat temos uma lista de recursos para icones de RSS gratuitos. Sendo gratuitos é preciso verificar se existe algum constrangimento na sua utilização por isso aconselho a lerem as licenças se as houver.

Publicado em Iliquido

Ícones de RSS

Os requisitos em termos de software necessário são:

• PHP 4.3 ou outra versão superior
• MySQL 4.0 ou outra versão superior,
• Apache or Litespeed(qualquer versão)

Em vez de instalar cada aplicação individualmente e configurar-la para as nossas necessidades, recomendo fazer o download do Xampp do Apache Friends. O Xampp instala e configura um servidor web(apache), um servidor de base de dados(MySQL 5.0), php 5, perl e mais algumas aplicações php, nomeadamente o phpAdmin. Existem versões para algumas distribuições Linux, Windows 98, NT, 2000, 2003, XP e Vista, Solaris Sparc e OS X.

O guia que se segue é para o Windows XP. Deduzo que os passos para os outros sistemas operativos sejam iguais ou praticamente idênticos. Para baixar o Xampp v1.6.5(recomendo a versão com instalador) carregue aqui ou pode verificar qual a última versão.

A lista completa de aplicações do pacote básico da versão 1.6.5 do Xampp:

• Apache HTTPD 2.2.6
• MySQL 5.0.51
• PHP 5.2.5 + 4.4.7 + PEAR + Switch
• Openssl 0.9.8g
• phpMyAdmin 2.11.3
• XAMPP Control Panel 2.4
• Webalizer 2.01-10
• Mercury Mail Transport System v4.52
• FileZilla FTP Server 0.9.24
• SQLite 2.8.15
• ADODB 4.96
• Zend Optimizer 3.3.0
• XAMPP Security

Instalar o XAMPP

A versão do Xampp com instalador é muito fácil de instalar.

Depois de executar o ficheiro temos que escolher a linguagem de instalação. Para o exemplo escolhi a língua inglesa.

Para continuar a instalação carregamos no botão “Next”.

Temos que escolher uma pasta destino onde temos permissões suficientes para criar ficheiros e pastas. O Xampp instala todas as aplicações para essa pasta. Para continuar carregar em “Next”.

Se pretende ter um uso intensivo do servidor web local podemos instalar Apache, MySQL e Filezilla como serviço. Depois de feitas as opções carregamos em “Install”. Se for para um uso casual podemos sempre utilizar o painel de controlo do Xampp para iniciar manualmente o servidor web e de base de dado.

Terminada a instalação podemos executar a aplicação de controlo do Xampp. Para iniciar o servidor Apache e MySQL carregamos os botões “Start” respectivos.

A Firewall do Windows XP ou outra firewall poderá bloquear o funcionamento do servidor apache por motivos de segurança. Para o apache funcionar correctamente devemos “Desbloquear” o seu acesso. Se o PC onde instalamos o Xampp tiver uma ligação à internet activa, convém recordar que o mesmo fica disponível para terceiros.

Para verificar a instalação do Xampp abrirmos o http:\\Localhost. Se tudo estiver correcto verá um janela idêntica à imagem. Podem obter mais informações sobre o significado do localhost no Wikipedia. Em termos simples refere-se ao endereço do PC local.

Por defeito o servidor MySQL instalado tem o utilizador administrador – root, sem palavra-passe atribuída. Devemos executar item “Segurança” do menu lateral para definir uma nova e segura palavra-passe.

Criar um novo domínio virtual

Temos acedido ao servidor através do endereço http://localhost, mas, por vezes temos necessidade de ter outro endereço para os testes que queremos fazer. Como queremos ter acesso a um site com wordpress temos, ou devemos, criar um novo domínio, chamado de domínio virtual. Podemos ter dominios virtuais ilimitados mas precisam de ser configurados.

Para configurar um novo domínio virtual temos que alterar dois ficheiros de texto. O primeiro ficheiro a alterar chama-se hosts(sem extensão) e localiza-se em c:\windows\system32\drivers\etc. Depois de abrir o ficheiro acrescentamos as seguintes linhas

127.0.0.1       localhost
127.0.0.1       wordpress

O segundo ficheiro a alterar chama-se httpd-vhosts.conf, e encontra-se em c:\xampp\apache\conf\extra. Neste exemplo vou criar uma pasta para o conteúdo do novo domínio virtual(c:/xampp/htdocs/wordpress ) dentro da pasta por defeito utilizada pelo apache para o http://localhost. Acrescentamos o seguinte ao ficheiro:

NameVirtualHost *:80

<VirtualHost 127.0.0.1:80>
ServerAdmin webmaster@wordpress-teste.com
DocumentRoot "c:/xampp/htdocs/wordpress"
ServerName wordpress
ErrorLog logs/wordpress_error.log
CustomLog logs/wordpress_access.log common
</VirtualHost>

A informação sobre a localização da pasta para o conteúdo do site(DocumentRoot) deve obedecer ao seguinte:

• Colocar a localização da pasta entre aspas
• Utilizar a barra vertical direita(/) e não a normalmente utilizada em sistemas Windows.

Testar novo domínio virtual

Precisamos de criar um simples ficheiro de teste para verificar o novo domínio. O nome do ficheiro deverá ser index.html e deverá estar gravado na pasta definida como DocumentRoot.

<html>
<head>
<title>Teste Apache</title>
</head>
<body>
<h1>Funciona...</h1>
</body>
</html>

Abrirmos uma nova janela do browser com o seguinte endereço http://wordpress e deverá ter:

Conclusões

Depois de estar tudo configurado e a funcionar podemos seguir para a instalação do WordPress

Guia de instalação do WordPress – parte I

Guia de instalação do WordPress – parte II

e o que fazer depois de instalado o wordpress

Publicado em Iliquido

Instalar o WordPress localmente em ambiente Windows XP

Alguns exemplos de aplicações FLOSS para serem utilizados como blogues:

• Apache Roller (baseado em Java)
• b2evolution (PHP/MySQL)
• blosxom (Perl)
• PyBlosxom (Python)
• Dotclear (PHP/MySQL)
• Drupal (PHP/MySQL)
• Elgg (Linux, Apache, MySQL e PHP)
• Livejournal (Perl) (Também disponível em serviço gratuito próprio)
• LifeType (PHP/MySQL)
• Movable Type (Também disponível como serviço pago chamado de TypePad)
• Nucleus CMS (PHP)
• Pixelpost (PHP/MySQL)
• Serendipity (PHP/MySQL,PostgreSQL,SQLlite)
• Subtext (C#/ASP.NET)
• Textpattern (PHP/MySQL)
• Typo (Ruby on Rails)
• WordPress (PHP/MySQL) (Também disponível em serviço gratuito como wordpress.com)
• Mephisto (Ruby on Rails)

Aplicações sobre licença:

• ExpressionEngine
• Radio UserLand
• Traction TeamPage

A licença pode variar conforme os objectivos do blogue, por exemplo, para uso pessoal a licença pode ser gratuita mas poderá ter algumas restrições.

Serviço de blogues

• Battle Blog
• Blog.com
• Blogabond
• Blogger da Google
• Blogging Systems
• Blogonize
• Blue Kaffee
• DeadJournal
• GreatestJournal
• LiveJournal
• MySpace
• NooBlog.pl
• Open Diary
• Square Space
• TypePad(O serviço é pago)
• Typo
• Windows Live Spaces
• WordPress.com
• Xanga
• Vox
• Sapo.pt

Nos serviços de blogues o alojamento é gratuito menos nos casos assinalados. O nosso endereço será sempre um sub-domínio da empresa que presta o dito serviço. Em alguns casos existe a possibilidade de re-publicar o conteúdo num domínio nosso.

No próximo artigo vou escrever um guia para a instalação do wordpress num domínio próprio com alojamento próprio.

Publicado em Iliquido

Escolher um sistema de blogues

O preço é um factor importantíssimo em qualquer compra, no alojamento podemos ter desde o gratuito até algumas dezenas de euros por mês. As empresas de alojamento, em regra, tem variados planos de alojamento, variando algumas das suas características. Cabe a nós escolher a que melhor nos adequa. Os alojamentos gratuitos podem ter quase todas as características dos serviços pagos, a diferença poderá ser no suporte que não está incluído, por isso, o gratuito pode sair caro. Aquando da pesquisa de empresa para o serviço de alojamento ou webhosting, vão encontrar muitas empresas, nacionais e estrangeiras. Isto porquê? Porque um dos planos vendidos é o de revendedor, ou seja, se eu comprasse um plano de revendedor também eu podia vender o serviço de alojamento e o serviço de registo de domínios. Pode ser um bom negócio. Comprar um plano revendedor e vender a alguns clientes e temos o nosso alojamento pago.

Escolher uma empresa portuguesa ou estrangeira? A maior parte das empresas são revendedores, ou seja, mesmo escolhendo uma empresa portuguesa o alojamento físico poderá estar no estrangeiro. Aqui entra o suporte que pretendemos ter, em português ou língua estrangeira. Pelo menos em termos linguísticos sempre será mais fácil entrar em contacto com uma empresa portuguesa, e se o contacto for telefónico ficará mais em conta. Geralmente o suporte poderá ser efectuado por email, via IRC, via fórum, enviar tickets pela área de clientes ou por telefone. É de notar que se os servidores estiverem noutro país, irá ser contabilizado como tráfego internacional para os seus visitantes de Portugal. Outro nível de suporte, mas muito importante, é a política de backup’s feitas pela empresa de alojamento. Por vezes fazemos asneiras e só verificamos tarde de mais, com os backup diários podemos facilmente recuperar toda a informação do site.

Devido aos conteúdos que se pretende colocar online o espaço em disco fornecido pode ser importante. Os planos básicos fornecem geralmente entre 50Mb e 250Mb, que será suficiente para um site com um blogue, mas se prevê utilizar muitas de imagens ou outro elementos multimédia poderá ter que escolher um plano com mais espaço em disco ou comprar mais espaço quando a necessidade surgir.

Na escolha do plano temos que ter em conta o tráfego mensal incluído. Se este limite for ultrapassado o site poderá ficar indisponível até ao final do mês. Se o blogue tiver alguma exposição, como por exemplo, “O site do dia” da Sapo, ser Digged ou Slashdotted, poderá ter um aumento exponencial de visitas diárias ao site e assim facilmente ultrapassar o limite. Podemos fazer contas de cabeça para verificar se o tráfego vai servir ou não. Vamos imaginar que na página de abertura carrega 1Mb entre imagens e texto, e temos um limite de tráfego de 10Gb. Fazendo as contas, podemos ter 10Gb/1Mb =10000 visitas por mês, +/-320 visitas diárias. No início do nosso projecto poderá ser suficiente, mas se conseguimos alguma notoriedade talvez seja necessário adquirir mais tráfego ou mudar para um plano mais vantajoso.

Poderá existir um número máximo de caixas de correio que se podem criar. Dependendo do objectivo do site, esta característica pode ser uma questão menor. Associado às caixas de correio electrónico devemos ter acesso IMAP/Pop3/Smtp e por via webmail, servidores com anti-virús e anti-spam.

Alguns planos de alojamento já incluem a possibilidade ter vários domínios, subdomínios e domínios parqueados enquanto em outros poderá ser considerado um extra. Associado ao plano temos o nosso domínio principal, mas podemos aproveitar o espaço em disco e tráfego para alojar outro domínio, também chamado de “add-on domain” ou domínios adicionais, sem aumentar os custos. Os domínios parqueados são como o nome “indica”, trata-se de um domínio que ficará “estacionado” no seu site. Como vimos antes, o seu site tem um domínio principal, mas poderá ter outros domínios “parqueados” ou “estacionados”, que abrirão as mesmas páginas do site ou, se desejar, directorias existentes no site. Se forem ver o www.notícias.pt é um exemplo de um domínio parqueado. Podemos considerar os “add-on” domains como domínios parqueados, mas os primeiros geralmente tem mais conteúdo. Se tivermos mais que um domínio alojado o limite do tráfego terá que ser repartido pelos vários domínios, se exceder-mos o limite, todos os sites ficaram indisponíveis.

A configuração de domínios parqueados e domínios adicionais é feita pelo cliente directamente no painel de administração do site. Esses domínios poderão ter contas de e-mails diferentes do domínio principal e, ao serem configurados a apontar para pastas do site, poderão comportar-se quase como sites distintos. Para os domínios adicionais ou parqueados podemos criar contas de FTP independentes para aceder directamente às pastas e ficheiros de cada domínio.

Podemos criar subdomínios, como por exemplo, forum.demoura.eu, em vez de registar novos domínios. Será uma forma de criar mini-sites e que não acarreta custos. Com o painel de administração do alojamento podemos configurar vários aspectos do nosso plano, desde criar emails, verificar estatísticas, criar base de dados, configurar subdomínios e domínios adicionais, fazer cópias de segurança, gestor de ficheiros do site, instalar software via os scripts do Fantastico. Os scripts fantastico permite instalar várias aplicações no nosso servidor desde blogues, forums, gestores de conteúdos e algumas dezenas de aplicações web.

Se pretendemos alojar um sistema de blogues ou alguma aplicação web, precisamos de saber quais são as linguagens de programação e base de dados disponíveis para verificar se o plano serve os nossos objectivos. Na maior parte dos serviços de alojamentos podemos usar php, perl e base de dados MySQL. Para ter um blogue como este, precisamos de php e uma base de dados. O número de base de dados poderá ser limitada, podemos ter na mesma base de dados várias aplicações, mas em termos de organização convinha ter uma base de dados por aplicação.

Chegamos finalmente à última parte do artigo, vou falar nos termos de serviço implementados pelas empresas de alojamento. Como a aquisição do serviço de alojamento é um contrato entre duas partes, cada um tem direitos e obrigações. Nos termos de serviço ou termos de uso vamos encontrar algumas regras que temos que obedecer sobre eventual retirado do site. Estas regras puderam limitar o conteúdo do site de alguma forma. Por isso é conveniente ler as letras miudinhas para não termos dissabores mais tarde.

Publicado em Iliquido

Alojamento do site – parte II

No blogger : abrupto do Pacheco Pereira, Blasfémias de um conjunto de bloggers, Estado da Coisa e até o WallpaperOne.

No Sapo: Nuno Markl, A Origem das Espécies, Lost in Wonderland e Jonasnuts

No WordPress.com: A educação do meu umbigo e 7 Olhares

Como podemos comprovar pela lista de ilustres que utilizam os domínios partilhados não são menosprezar estes sistemas no seu alcance em termos de audiência. Estes sistemas alojam milhares, senão forem milhões de blogues, de artigos, de comentários, e em várias línguas, e são lidos por esse mundo fora.

Se pretendemos desenvolver uma actividade mais séria, o ideal será adquirir um domínio e alojamento próprio. É mais fácil criar uma marca com base num domínio próprio que num subdomínio nos blogues da sapo, por exemplo.

Afinal, o que é o alojamento?

Em termos simples, é o um espaço configurado num servidor, ligado 24 horas por dia à Internet, em que poderá colocar as suas páginas, imagens e outros ficheiros que serão depois consultados por qualquer pessoa, em qualquer parte do mundo, que esteja também ligada à Internet, escrevendo apenas o nosso domínio.

O registo de domínio e alojamento de sites são serviços diferentes, independentes mas também complementares. Podemos fazer uma analogia para o caso de uma empresa. Numa empresa temos que regista-lá no Registo Nacional de Pessoas Colectivas – o nosso domínio, e depois temos que alugar um espaço comercial para exercer a actividade – o alojamento do site. Podemos registar o nosso domínio e comprar o alojamento no mesmo fornecedor. Poderá até haver algumas promoções, como oferecer o registo do domínio subscrevendo um alojamento por determinados anos.

Existem muitas empresa de alojamento a operar em Portugal e por esse mundo fora. Não estamos limitados em adquirir esse serviço a uma empresa portuguesa, podemos contactar directamente empresas de outros países. O processo de compra de alojamento é quase fácil demais. Existem algumas considerações a ter em conta sobre as características do serviço de alojamento no acto de aquisição desse mesmo serviço.

• Preço
• Espaço em disco
• Tráfego mensal incluído
• Número de Emails
• Contas de FTP
• Linguagens
• Base de dados MySql
• Subdomínios
• Domínios parqueados
• “Addon domains”
• Backups diários
• Estatísticas
• Anti-spam e anti-vírus
• Suporte
• CPanel e fantástico
• Termos de serviço

No próximo artigo irei falar sobre cada um dos pontos mencionados atrás.

Publicado em Iliquido

Alojamento do site – parte I