Webdesigning em 30 minutos Bruno Afonso 2 Setembro 2005 Comunicar Ciência 2005

O que é uma página web? Uma página web não é mais do que um ou mais ficheiros de texto, com ficheiros adicionais de suporte (eg imagens, etc) Uma página web não é mais do que um ou mais ficheiros de texto, com ficheiros adicionais de suporte (eg imagens, etc)

Páginas Web - ferramentas Uma página web não é mais do que um ou mais ficheiros de texto, com ficheiros adicionais de suporte (ex: imagens, etc) Uma página web não é mais do que um ou mais ficheiros de texto, com ficheiros adicionais de suporte (ex: imagens, etc) Existem ferramentas apropriadas consoante as necessidades das pessoas: Não é necessariamente complicado! Existem ferramentas apropriadas consoante as necessidades das pessoas: Não é necessariamente complicado! Hoje em dia é muito fácil criar um espaço na internet (ex: blogs) Hoje em dia é muito fácil criar um espaço na internet (ex: blogs)

Evolução da web Inicialmente apenas quem sabia bater código é que podia ter páginas pessoais sem pagar ou ajuda de outros Inicialmente apenas quem sabia bater código é que podia ter páginas pessoais sem pagar ou ajuda de outros HTML XHTML CSS1 CSS2 PHP ASP

CMS e a mudança de paradigma Content Management System apareceram com a mudança de paradigma que o conteúdo e o layout devem ser independentes Content Management System apareceram com a mudança de paradigma que o conteúdo e o layout devem ser independentes Possibilita a integração de equipas tendo em vista uma colaboração positiva entre creativos, técnicos e gestores de conteúdos Possibilita a integração de equipas tendo em vista uma colaboração positiva entre creativos, técnicos e gestores de conteúdos

CMS e a mudança de paradigma Exemplo: Exemplo:

CMS e a mudança de paradigma

Evolução da web Inicialmente apenas quem sabia bater código é que podia ter páginas pessoais sem pagar ou ajuda de outros Inicialmente apenas quem sabia bater código é que podia ter páginas pessoais sem pagar ou ajuda de outros Com o surgimento de CMS – Content Managemente System – qualquer leigo informático pode gerir conteúdos Com o surgimento de CMS – Content Managemente System – qualquer leigo informático pode gerir conteúdos O aparecimento de blogs (micro-CMS) permite qualquer pessoa ter o seu espaço pessoal ou colectivo O aparecimento de blogs (micro-CMS) permite qualquer pessoa ter o seu espaço pessoal ou colectivo

Blogs – web ao alcance de todos Um blog não é mais do que um micro- CMS em que apenas é preciso: Um blog não é mais do que um micro- CMS em que apenas é preciso: Escrever texto(s), praticamente como se fosse num editor de texto comum Escrever texto(s), praticamente como se fosse num editor de texto comum Saber editar imagens: Saber editar imagens: Reduzir até um tamanho aceitável Reduzir até um tamanho aceitável Formatos adequados: JPEG, GIF & PNG Formatos adequados: JPEG, GIF & PNG Fazer upload de imagens Fazer upload de imagens

Software pré-instalado em servidores Software pré-instalado em servidores Grátis ou comercial Grátis ou comercial Mais simples Mais simples Software instalado pela pessoa num espaço num servidor (alojamento) Software instalado pela pessoa num espaço num servidor (alojamento) Menos simples mas mais poderoso Menos simples mas mais poderoso Normalmente pago a menos que se tenha alojamento grátis Normalmente pago a menos que se tenha alojamento grátis Melhor solução a longo prazo Melhor solução a longo prazo Blogs – Diferentes opções

Existem vários pacotes que se podem instalar em servidores: Existem vários pacotes que se podem instalar em servidores: Movable Type (pago para uso não comercial) Movable Type (pago para uso não comercial) Wordpress (opensource) Wordpress (opensource) b2evolution (opensource) b2evolution (opensource) Blogs – Vários softwares...

Criando um blog - Exemplo

Criando um blog – Inserindo uma entrada

Criando um blog – Editando uma imagem

Criando um blog – Inserindo uma imagem

Criando um blog – finalizando a entrada

Criando um blog – A primeira entrada!

Blogs – A nova página pessoal?

Blogs – Um início simples para voos mais altos Primeiro passo para familiarização com: Primeiro passo para familiarização com: o conceito de CMS o conceito de CMS Edição de código para alterações simples (ex: alterar links) Edição de código para alterações simples (ex: alterar links) Primeiro passo para aprender técnicas para melhorar ou implementar novas capacidades no site: Primeiro passo para aprender técnicas para melhorar ou implementar novas capacidades no site: Layout (ex: CSS) Layout (ex: CSS) Multiplos editores Multiplos editores......

Ajustando o Blog...

Nomes e links úteis Hosted webloggers: Hosted webloggers: Blogger - (grátis) Blogger - (grátis) Blogsome - (grátis) Blogsome - (grátis) TypePad - ($-$$) TypePad - ($-$$) Weblog - (Português, $-$$) Weblog - (Português, $-$$) Edição de imagens: Edição de imagens: Paint Shop Pro ($) Paint Shop Pro ($) Adobe Photoshop ($$$) Adobe Photoshop ($$$) Gimp (grátis, opensource) Gimp (grátis, opensource)

Aprofundando o tema... HTML (linguagem web principal) HTML (linguagem web principal) Cascaded Style Sheets (CSS) – Layout das páginas Cascaded Style Sheets (CSS) – Layout das páginas

Thats all folks! Too much internet can be harmful...