O que é o CSS?

April 24, 2008 · Filed Under Geral, Webdesign · 1 Comment 

O que é o CSS

 

Quem começa agora na concepção de páginas WEB, depara-se muitas vezes com a sigla CSS (Cascading Style Sheets) que em português significa folhas de estilo em cascata. Basicamente este termo significa que é um conjunto de regras de formatação ou de estilos a serem publicadas aos elementos estruturais de uma página WEB.A finalidade do CSS prende-se com o facto de retirar ao HTML todo o tipo de declarações que visem a formatação ou seja, o HTML irá contribuir para a estruturação e o CSS para a formatação.
Assim, as vantagens da utilização do CSS serão:

  • Controle total sobre a formatação de um site disponível apenas num arquivo;
  • Maior facilidade na manutenção do site bem como na sua performance;
  • Redução do tempo de carga do site;
  • Adequação simplificada aos critérios de acessibilidade e usuabilidade;
  • Aumento da portabilidade dos documentos WEB;

As CSS estão de acordo com as práticas recomenadas pelo W3C (World Wide Web Consortium) para projectos WEB. Este organismo normalizador aponta neste momento para a elaboração de documentos WEB acessíveis, usáveis e portáteis fazendo assim que o CSS seja a solução para a obtenção destas 3 variáveis.

Para iniciar a programação em CSS é necessário um conheciméno prévio (básico) de HTML (Hyper Text Markup Language). Se ainda não está familiarizado com esta técnica, então visite este site que possuirá toda a informação necessária para aprender a usar HTML.

Para utilizar o CSS recomendo a visita deste site onde disponibiliza através de um tutorial as regras correctas (sintaxe) para um bom uso do CSS.

Por fim resta apenas dizer que ainda existem algumas limitações (temporárias) na utilização do CSS, sendo elas a incapacidade de alguns navegadores (Browsers) em dar suporte às especificações CSS definidas pela W3C. Aos poucos os fabricantes destes mesmos Browsers vão-se adequando às novas normas da W3C.

Para quem gosta de assistir a uma aulas em vídeo, deixo aqui um bom tutorial sobre CSS em Inglês:

Aqui vão alguns links espectaculares sobre sites de CSS:

http://www.cssbeauty.com/gallery/
http://www.webdesignerwall.com/
http://www.css-website.com/
http://www.csselite.com/ 

Bons Sites!

Pedro Santos

Tags: , ,

Criar a primeira página na internet…

December 23, 2007 · Filed Under Webdesign · Comment 

O que é necessário para fazer páginas na internet? Há uns meses atrás fiz esta pergunta, precisava de fazer um site e nunca tinha trabalhado a sério nesta área. Assim, apás algum tempo de pesquisas apresento um resumo para quem está interessado em conceber um site e tem ainda muitas dúvidas.

Em primeiro lugar gostaria de apresentar algumas fontes de pesquisa bastante úteis. Um dos sites mais interessantes no ponto de vista de Informação em Português é o http://www.apostilando.com/ , este site aborda através de Tutoriais/Sebentas (apostilas denominação Brasileira) os diversos temas para quem pretende fazer um site. Estes Tutoriais encontram-se bastante bem descritos e aplicam-se a todos aqueles que se iniciam bem como para os utilizadores mais avançados. Outra maneira de aceder a informação de um modo diferente (e-learning) é através de aulas virtuais ou video aulas (designação Brasileira). Estas encontram-se espalhadas pela net entre eles no youtube.com , exemplo disso é esta aula: http://www.download-de-videos.com/ver.php?video=d76PlbaeRZM

Agora passo a descrever quais as ferramentas necessérias para construir um site:
1.Editor WEB
Dreamweaver(Pago) Frontpage(Pago) KOMPOZER(Gratuito)
2.Editor de imagens
Photoshop(Pago) ou GIMP(Gratuito)
3.Cliente de FTP
FILEZILLA(Gratuito)
4.WebServer (Apache+PHP+MySQL)
XAMMP(Gratuito)

Os requisitos para fazer uma página são:
1.Saber um pouco da linguagem HTML
2.Edição de imagem utilizando programas tipo Photoshop
3.Saber utilizar um cliente de FTP (File Transfer Protocol)

Começando com o HTML
Para começar é necessário editar um ficheiro em html (texto), esse ficheiro irá conter todo um conjunto de instruções que farão que o conteúdo de uma página apareça no seu Browser. Para mais informações acerca desta linguagem consulte este ficheiro: Primeiro arquivo HTML
É claro que se possuir o Dreamweaver ou o Frontpage esta tarefa poderá ser muito simplificada pois poderemos editar este ficheiro em modo Gráfico e construiremos uma página como se estivessemos editar um documento tipo no MS Word. Neste exemplo seguite é mostrado como se constroi um site em Dreamweaver em modo gráfico. TUTORIAL DE DREAMWEAVER

Edição de Imagem
Para utilizar um editor de imagem é preciso praticar umas quantas vezes até conseguirmos estar a vontade com este software. Existem muitos tutoriais na net sobre este tipo de software por isso não será difícil ficar à vontade para utilizar este programa. Aqui vai um link de um vídeo a exemplificar a utilização do GIMP e do PHOTOSHOP. GIMP TUTORIAL
PHOTOSHOP TUTORIAL

Publicação do Site
Um site para estar visível necessita de estar instalado num servidor. Assim, podemos publicar o nosso site em dois tipos de servidores, servidores locais ou servidores remotos. Um servidor local é por exemplo o nosso computador com uma aplicação tipo APACHE em que permite transmformar o nosso computador num servidor de HTML. Para isso devemos instalar essa aplicação e instalar a nossa página numa directoria dentro da aplicação Apache. Ao executar o Apache temos a nossa aplicação disponível no nosso servidor.
Se quiseremos ter a nossa página disponível para toda a WEB temos que alugar um espaço num servidor remoto. Existem montes de empresas a disponibilizarem os seus serviços de modo a permitirem que os utilizadores possam disponibilizar as suas páginas na net. Neste blog ALOJAMENTO-WEB temos referência de várias empresas de alojamento de sites que permitem efectuar esse serviço. Na minha opinião tenho trabalhado com a WEBHS e tenho tido boa impressão do seu serviço. Ter em atenção que estas empresas oferecem vários pacotes consoante o tipo de utilização do cliente, estes diferem entre si do tráfego, capacidade, serviços prestados etc…
Para colocar o nosso site num servidor remoto precisamos de um cliente de FTP (File Transfer Protocol), no meu caso utilizo o Filezilla, para mim é o melhor software gratuito de FTP disponível na net.
Nestes seguintes links estarão alguns tutoriais de ajuda para a utilização do Filezilla:
Como enviar arquivos para o servidor via FTP
Video Tutorial FTP (FileZilla)
Vários Videos Tutoriais do Filezilla

Espero que este Post tenha ajudado quem esteja iniciar-se nesta área, claro que tudo aqui que foi escrito foi tratado de uma forma muito superficial pelo que estou aberto a dúvidas e questões que possam ser tratadas ao meu nível.
Bons Sites!

Pedro Santos

Tags: , , , , , ,