Saudações pessoal,
Vou escrever um tutorial com os comandos básicos do apt-get, que é uma ferramenta usada por muitas distribuições linux para adicionar e remover programas via linha de comando.
Essa ferramenta é muito interessante e bem mais útil do que parece, procure explorá-la.
Com ela você consegue, com apenas um comando, baixar e instalar um programa da internet já adaptado a sua distribuição do linux.
O vídeo a seguir mostrará um exemplo utilizando os comandos básicos para instalar e remover um programa (tuxpaint), os quais serão explicados no texto abaixo.
Permissão de root
O apt-get é um programa que deve ser executado por um usuário que possa fazer alterações no sistema operacional, na maioria das vezes, o root.
Para isso uma boa opção é utilizar o comando #sudo ou #su para obter acesso de root.
Para obter acesso pelo comando #sudo (geralmente disponível em distribuições originadas do Debian):
#sudo -s
E a partir daí todos os comandos que você der no shell será efetuado com permissões de administrador.
Se você achar melhor, você pode escrever todos os comandos precedidos da palavra sudo, exemplo (#sudo apt-get update, #sudo apt-get install tuxpaint).
Atualizando os repositórios
O apt-get tem uma lista de endereços repositórios e cada um deles tem uma série de pacotes (programas) disponíveis para baixar.
A primeira coisa a se fazer é atualizar os repositórios do apt-get, para garantir a maior quantidade (e mais atualizada) possível de pacotes.
Para isso utilize o seguinte comando:
#apt-get update
Localizando pacotes
Uma coisa que eu sempre tive dúvida em relação ao apt-get era: Como o pessoal do linux decora o nome enorme de cada pacote para poder instalá-lo? Como eles adivinham como se chama o pacote?
Na verdade, para isso você pode utilizar o apt-cache, que te ajudará a consultar os pacotes e lhe dará o nome correspondente a cada um.
Atravéz do comando:
#apt-cache search palavra_a_ser_consultada
Você informa uma palavra a ser consultada nos repositórios (ex. amsn, jedit) e ele te lista todos os pacotes que apresentam aquela palavra no nome ou na descrição.
Instalando o programa
Após localizar o pacote desejado utilize o comando abaixo para baixá-lo (se necessário) e instalá-lo.
#sudo apt-get install nome_do_pacote
Atenção pois o nome_do_pacote é case sensitive (diferencia maiúsculas de minúsculas).
Após instalado você provavelmente encontrará o programa na lista de menus de sua distribuição, ou poderá executá-lo escrevendo seu nome no shell.
Caso mesmo assim não consiga, pode tentar localizá-lo a partir do comando:
#whereis nome_do_pacote
Removendo um programa
Para remover um programa instalado pelo apt-get você pode usar o comando:
#apt-get remove nome_do_pacote
Finalizando
O apt-get possui muitas outras opções, para consultá-las utilize o comando:
#man apt-get
Para finalizar o #man basta digitar "q".
Espero ter ajudado, como foi dito, no começo do tópico há um vídeo com um exemplo da utilização do apt-get (para instalar o programa tuxpaint).
[]s.
Links relacionados:
terça-feira, 30 de setembro de 2008
sábado, 27 de setembro de 2008
Utilizando domínio personalizado em seu blog
Saudações pessoal,
Antes de mais nada gostaria de avisar que o blog agora atende pelo endereço www.brunograsselli.com.br, mas o endereço blogdograsselli.blogspot.com continua funcionando.
Vou aproveitar a situação para ensinar como se faz para utilizar um domínio personalizado em um blog feito no Blogger.
Registrando um domínio.
O primeiro passo é obter um domínio. Existem vários sites que disponibilizam esse serviço, vou listar alguns abaixo:
A maioria cobra em torno de R$20 ou R$30 por ano e você pode efetuar o pagamento por boleto bancário ou cartão de crédito.
Se você utiliza o Blogger do google, ele também te dará a opção de registrar o domínio por um site parceiro dele no próprio menu de configurações por US$10 por ano.
Eu escolhi pelo site da locaweb, então vou dar os exemplos a partir dele, mas você pode escolher por qualquer um.
Configurando o domínio.
Após o domínio registrado, agora vamos configurá-lo para redirecionar as solicitações ao endereço do seu host na internet. No nosso caso, o site está hospedado no blogger, então daremos o endereço do dns do google.
Vou descrever como se faz no locaweb, mas todos devem ser bem parecidos.
Primeiro acesse o site do locaweb e efetue seu login.
Ele listará os seus domínios (no nosso caso, só tem um), clique sobre o link com a imagem de um lápis que está ao lago dele (
).
Abrirá uma nova tela, clique sobre o sinal de + ao lado do domínio para expandir as opções. Depois disso clique no botão "Edição de DNS's" e depois em "Edição da Zona de DNS".
Abrirá uma página na qual adicionaremos dois CNAMEs com informações sobre o host de nosso site.
Clique no botão CNAME conforme a figura abaixo:
Um deles com a entrada . (ponto) e o conteúdo ghs.google.com e outro com a entrada www e o conteúdo ghs.google.com.
O cname ponto é para quando acessarem seu site pelo endereço http://seudominio.com.br e o www é pra quando acessarem por http://www.seudominio.com.br.
Configurando o Blogger.
Por enquanto se você tentar acessar o endereço de seu domínio ainda não irá funcionar.
Agora vamos configurar o nosso blog para trabalhar com o novo domínio.
Acesse o site do seu blog, efetue login e acesse em painel -> configurações -> publicação.
Selecione a opção "Alterar para domínio personalizado" e depois "Já tenho um domínio? Ir para configurações avançadas".
Insira o endereço de seu domínio no campo respectivo (sem o "www") e clique em "Salvar configurações".
Ele retornará uma página dizendo que as configurações foram salvas com sucesso.
Agora selecione a opção de "Redirecionado www.seudominio.com.br para seudominio.com.br".
E clique em "Salvar configurações" novamente.
Pronto, agora tudo deve estar funcionando!
Alguns sistemas de domínios demoram algumas horas para se adptarem as alterações (principalmente domínios internacionais).
Bom é isso, espero que tenham conseguido, qualquer coisa podem enviar perguntas pelos comentários.
[]s.
Ps. agradecimentos a Douglas Baldan que foi quem me passou a lista de sites confiáveis que oferecem o serviço de registro de domínios.
Antes de mais nada gostaria de avisar que o blog agora atende pelo endereço www.brunograsselli.com.br, mas o endereço blogdograsselli.blogspot.com continua funcionando.
Vou aproveitar a situação para ensinar como se faz para utilizar um domínio personalizado em um blog feito no Blogger.
Registrando um domínio.
O primeiro passo é obter um domínio. Existem vários sites que disponibilizam esse serviço, vou listar alguns abaixo:
A maioria cobra em torno de R$20 ou R$30 por ano e você pode efetuar o pagamento por boleto bancário ou cartão de crédito.
Se você utiliza o Blogger do google, ele também te dará a opção de registrar o domínio por um site parceiro dele no próprio menu de configurações por US$10 por ano.
Eu escolhi pelo site da locaweb, então vou dar os exemplos a partir dele, mas você pode escolher por qualquer um.
Configurando o domínio.
Após o domínio registrado, agora vamos configurá-lo para redirecionar as solicitações ao endereço do seu host na internet. No nosso caso, o site está hospedado no blogger, então daremos o endereço do dns do google.
Vou descrever como se faz no locaweb, mas todos devem ser bem parecidos.
Primeiro acesse o site do locaweb e efetue seu login.
Ele listará os seus domínios (no nosso caso, só tem um), clique sobre o link com a imagem de um lápis que está ao lago dele (
).Abrirá uma nova tela, clique sobre o sinal de + ao lado do domínio para expandir as opções. Depois disso clique no botão "Edição de DNS's" e depois em "Edição da Zona de DNS".
Abrirá uma página na qual adicionaremos dois CNAMEs com informações sobre o host de nosso site.
Clique no botão CNAME conforme a figura abaixo:
Um deles com a entrada . (ponto) e o conteúdo ghs.google.com e outro com a entrada www e o conteúdo ghs.google.com.
O cname ponto é para quando acessarem seu site pelo endereço http://seudominio.com.br e o www é pra quando acessarem por http://www.seudominio.com.br.
Configurando o Blogger.
Por enquanto se você tentar acessar o endereço de seu domínio ainda não irá funcionar.
Agora vamos configurar o nosso blog para trabalhar com o novo domínio.
Acesse o site do seu blog, efetue login e acesse em painel -> configurações -> publicação.
Selecione a opção "Alterar para domínio personalizado" e depois "Já tenho um domínio? Ir para configurações avançadas".
Insira o endereço de seu domínio no campo respectivo (sem o "www") e clique em "Salvar configurações".
Ele retornará uma página dizendo que as configurações foram salvas com sucesso.
Agora selecione a opção de "Redirecionado www.seudominio.com.br para seudominio.com.br".
E clique em "Salvar configurações" novamente.
Pronto, agora tudo deve estar funcionando!
Alguns sistemas de domínios demoram algumas horas para se adptarem as alterações (principalmente domínios internacionais).
Bom é isso, espero que tenham conseguido, qualquer coisa podem enviar perguntas pelos comentários.
[]s.
Ps. agradecimentos a Douglas Baldan que foi quem me passou a lista de sites confiáveis que oferecem o serviço de registro de domínios.
sábado, 20 de setembro de 2008
Instalando PHPMyAdmin manualmente no Linux
Saudações,
Para instalar o PHPMyAdmin (script em php utilizado para ajudar no gerenciamento do banco de dados MySQL) em seu linux sem apt-get faça o download do arquivo no site oficial http://www.phpmyadmin.net.
Você pode baixá-lo também a partir do comando:
# wget http://ufpr.dl.sourceforge.net/sourceforge/phpmyadmin/phpMyAdmin-2.11.9.1-all-languages-utf-8-only.tar.gz
Vá até a pasta onde você o salvou, descompacte-o, e copie (ou mova) os arquivos para a pasta:
/var/www/phpmyadmin
Ps. Pode ser que, dependendo do seu Linux, esta pasta esteja em outro local.
Após copiar os arquivos entre na pasta /var/www/phpmyadmin, crie uma cópia do arquivo config.sample.inc.php (que se encontra dentro dela) e a renomeie para config.inc.php.
Abra o novo arquivo por um editor de texto (config.inc.php) e procure pela linha:
$cfg['blowfish_secret'] = '';
Escreva alguma senha dentro dos apóstrofes, por exemplo:
$cfg['blowfish_secret'] = 'php1234';
Agora basta salvar o arquivo e acessar o phpmyadmin pelo endereço:
http://localhost/phpmyadmin
Bom, esse foi o jeito que eu consegui instalar aqui em casa (estava tendo problemas com a instalação pelo apt-get). Qualquer dúvida postem aí, espero ter ajudado.
[]s.
Para instalar o PHPMyAdmin (script em php utilizado para ajudar no gerenciamento do banco de dados MySQL) em seu linux sem apt-get faça o download do arquivo no site oficial http://www.phpmyadmin.net.
Você pode baixá-lo também a partir do comando:
# wget http://ufpr.dl.sourceforge.net/sourceforge/phpmyadmin/phpMyAdmin-2.11.9.1-all-languages-utf-8-only.tar.gz
Vá até a pasta onde você o salvou, descompacte-o, e copie (ou mova) os arquivos para a pasta:
/var/www/phpmyadmin
Ps. Pode ser que, dependendo do seu Linux, esta pasta esteja em outro local.
Após copiar os arquivos entre na pasta /var/www/phpmyadmin, crie uma cópia do arquivo config.sample.inc.php (que se encontra dentro dela) e a renomeie para config.inc.php.
Abra o novo arquivo por um editor de texto (config.inc.php) e procure pela linha:
$cfg['blowfish_secret'] = '';
Escreva alguma senha dentro dos apóstrofes, por exemplo:
$cfg['blowfish_secret'] = 'php1234';
Agora basta salvar o arquivo e acessar o phpmyadmin pelo endereço:
http://localhost/phpmyadmin
Bom, esse foi o jeito que eu consegui instalar aqui em casa (estava tendo problemas com a instalação pelo apt-get). Qualquer dúvida postem aí, espero ter ajudado.
[]s.
sexta-feira, 19 de setembro de 2008
Instalar Apache + PHP + MySQL no Ubuntu 8.04
Pessoal, um post rápido que pode ser muito útil.
Para instalar o famoso lamp (Linux + Apache + MySQL + PHP) no seu Ubuntu 8.04 e transformar o seu micro em um servidor de internet com suporte a php e banco de dados, basta digitar os seguintes comandos no Shell (Aplicativos -> Acessórios -> Terminal):
# sudo apt-get install apache2
# sudo apt-get install php5 libapache2-mod-php5
# sudo apt-get install mysql-server
# sudo apt-get install libapache2-mod-auth-mysql php5-mysql
# sudo /etc/init.d/apache2 restart
Após a instalação basta acessar a partir de seu navegador web o endereço:
http://localhost
Para começar a criar seu site basta trabalhar com os arquivos dentro da pasta:
/var/www
O PHP é uma poderosa linguagem para programação de sites dinâmicos com suporte a orientação a objetos. Para quem não domina ainda, vale a pena pesquisar a respeito.
Vale a pena também pesquisar a respeito da classe "SMARTY" que facilita bastante o trabalho com o PHP separando totalmente a programação do HTML.
[]s a todos, espero ter ajudado.
Sites relacionados:
Para instalar o famoso lamp (Linux + Apache + MySQL + PHP) no seu Ubuntu 8.04 e transformar o seu micro em um servidor de internet com suporte a php e banco de dados, basta digitar os seguintes comandos no Shell (Aplicativos -> Acessórios -> Terminal):
# sudo apt-get install apache2
# sudo apt-get install php5 libapache2-mod-php5
# sudo apt-get install mysql-server
# sudo apt-get install libapache2-mod-auth-mysql php5-mysql
# sudo /etc/init.d/apache2 restart
Após a instalação basta acessar a partir de seu navegador web o endereço:
http://localhost
Para começar a criar seu site basta trabalhar com os arquivos dentro da pasta:
/var/www
O PHP é uma poderosa linguagem para programação de sites dinâmicos com suporte a orientação a objetos. Para quem não domina ainda, vale a pena pesquisar a respeito.
Vale a pena também pesquisar a respeito da classe "SMARTY" que facilita bastante o trabalho com o PHP separando totalmente a programação do HTML.
[]s a todos, espero ter ajudado.
Sites relacionados:
sábado, 13 de setembro de 2008
Configurar aMSN para minimizar na bandeja
Saudações,
Esses dias instalei o aMSN e, na primeira vez em que eu o fechei, ele me perguntou se eu queria que ele ficasse minimizado na bandeja do sistema (system tray) ou se eu queria fechar ele de vez.
Escolhi por fechá-lo e, sem querer, marquei a opção para ele não me perguntar isso novamente.
Dias depois tentei mudar essa configuração e não havia conseguido de forma nenhuma, até que encontrei a solução no FAQ do site oficial do aMSN.
Solução:
Na janela principal do aMSN pressione as teclas:
"CTRL + SHIFT + C"
Ele irá abrir uma tela de console, nessa tela digite o comando abaixo e pressione enter:
::config::setKey closingdocks 1
Pronto, está configurado!
Se você deseja configurá-lo para fechar quando você clicar no "X" basta utilizar o comando:
::config::setKey closingdocks 0
[]s!
Ps. para quem não está familiarizado, aMSN é um software para linux onde você consegue conversar com seus contatos do MSN Messenger da Microsoft. Com ele você tem acesso até a algumas opções extras que você não encontra no MSN original.
Links relacionados:
Esses dias instalei o aMSN e, na primeira vez em que eu o fechei, ele me perguntou se eu queria que ele ficasse minimizado na bandeja do sistema (system tray) ou se eu queria fechar ele de vez.
Escolhi por fechá-lo e, sem querer, marquei a opção para ele não me perguntar isso novamente.
Dias depois tentei mudar essa configuração e não havia conseguido de forma nenhuma, até que encontrei a solução no FAQ do site oficial do aMSN.
Solução:
Na janela principal do aMSN pressione as teclas:
"CTRL + SHIFT + C"
Ele irá abrir uma tela de console, nessa tela digite o comando abaixo e pressione enter:
::config::setKey closingdocks 1
Pronto, está configurado!
Se você deseja configurá-lo para fechar quando você clicar no "X" basta utilizar o comando:
::config::setKey closingdocks 0
[]s!
Ps. para quem não está familiarizado, aMSN é um software para linux onde você consegue conversar com seus contatos do MSN Messenger da Microsoft. Com ele você tem acesso até a algumas opções extras que você não encontra no MSN original.
Links relacionados:
sexta-feira, 12 de setembro de 2008
Um pouco sobre W3C e CSS
Saudações pessoal,
Vou continuar a falar sobre o assunto "Como criar um site na internet".
No último tópico sobre o assunto abordamos o básico: criar um arquivo no formato de página web (html), criar uma conta em um site com serviço de hospedagem, enviar o arquivo por ftp e acessá-lo pelo navegador.
Agora vamos falar um pouco mais sobre escrever páginas com qualidade, seguindo as novas tendências da internet.
W3C
A W3C é um consórcio entre várias empresas de tecnologia que desenvolvem padrões para que se desenvolva conteúdo para a web. Seguinte esses padrões teremos várias vantagens, como um código mais limpo e melhor estruturado, um código comum entre vários programadores diferentes de fácil interpretação e facilitamos também no desenvolvimento de navegador e ferramentas para a web que, com essa padronização, ganham mais liberdade para desenvolverem seus produtos.
Então se você for começar a aprender a criar páginas na internet, procure seguir desde o início esses padrões, para criar com qualidade desde o princípio.
No final do tópico você encontra links onde você poderá saber mais a respeito.
Um exemplo desses padrões estipulados pela W3C é o fechamento das tags únicas.
No HTML existem tags que você precisa abrir e fechar, por exemplo:
(Tag "b", negrito)
<b>TEXTO EM NEGRITO</b>
e existem também tags únicas, que não é necessário abrir e fechar, por exemplo:
(Tag "br", quebra de linha)
TEXTO DA PRIMEIRA LINHA<br>
TEXTO DA SEGUNDA LINHA
Uma recomendação da W3C é que se feche com "/" todas as tags do arquivo HTML, inclusive os comandos de uma única tag.
O código ficaria da seguinte forma:
(Tag "br", quebra de linha)
TEXTO DA PRIMEIRA LINHA<br />
TEXTO DA SEGUNDA LINHA
Essa é apenas umas das várias recomendações existentes, você consegue facilmente encontrar textos a respeito pesquisando no google ou nos links no final do tópico.
Serviço de validação
O site oficial da W3C te oferece um serviço de validação em que, você entra com a URL de seu site, e ele te trás várias informações importantes a respeito de seu código e diz se ele passou na validação ou não. Caso tenha obtido sucesso você pode colocar um link em seu site que, ao usuário clicar no link, ele lhe confirma que o site está de acordo com os padrões da W3C.
Você já deve ter visto esses certificados de validação em vários sites, são links como esses:
CSS (Cascading Style Sheets)
Outro hábito recomendado pela w3c é a utilização de CSS, folhas de estilo.
O objetivo do CSS é separar a estrutura de um site de sua formatação (layout). Você consegue colocar no arquivo HTML só o que diz respeito à estrutura do site e, num arquivo css separado, tudo o que diz respeito a formatação. Você pode ainda, criar vários arquivos css e disponibilizar vários estilos de formatação diferentes para um mesmo site.
Com a utilização do CSS fica muito mais fácil fazer manutenção em seu site ou alterar seu layout.
Exemplo de css:
<html>
<head>
<title>Exemplos de CSS</title>
<style style="text/css">
body {
background-color: #ccc
}
span.exemplo {
font-weight: bold;
color: #00f
}
</style>
<body>
<span class="exemplo">Exemplo de CSS</span>
</body>
</head>
</html>
O exemplo abaixo faz com que o fundo do corpo da página fique com a cor cinza e com que o texto entre as tags <span> de classe "exemplo" fiquem azuis e em negrito.
Faça um teste colocando o arquivo em um txt, salvando em extensão HTML e abrindo pelo seu navegador.
Notem que as separações entre os comandos CSS são feitas entre ";" (ponto e vírgula).
Código de cores simplificados
Outra coisa interessante é que, como fiz no código, podemos utilizar no CSS cores com códigos simplificados, por exemplo.
Se tivemos uma cor em que todos os 3 hexadecimais são letras ou números repetidos, podemos escrever apenas a primeira letra de cada um, por exemplo:
Os comandos CSS podem ser escritos dentro de uma tag <style> no próprio HTML.
Podem ser escritos dentro de qualquer tag a partir do parametro "style" (atenção, cada tag aceita determinados tipos de CSS, vou deixar um link de referência CSS no final do tópico) por exemplo <b style="color: #00b">Texto de teste</b>
E também podem ser salvos em arquivos a parte (com a extensão CSS) e importados no arquivo html que deseja utilizar.
Finalizando
Isso foi apenas uma básica introdução ao assunto, CSS vai muito além disso e você pode encontrar textos a respeito de forma muito fácil em sites de buscas.
Essa é uma técnica que lhe trará muitos privilégios na construção e estruturação de seu site.
Por enquanto é isso, mais adiante posso colocar alguns tópicos com exemplos interessantes de CSS e, também, a respeito de padrões de desenvolvimento a serem seguidos.
[]s!
Links relecionados:
Vou continuar a falar sobre o assunto "Como criar um site na internet".
No último tópico sobre o assunto abordamos o básico: criar um arquivo no formato de página web (html), criar uma conta em um site com serviço de hospedagem, enviar o arquivo por ftp e acessá-lo pelo navegador.
Agora vamos falar um pouco mais sobre escrever páginas com qualidade, seguindo as novas tendências da internet.
W3C
A W3C é um consórcio entre várias empresas de tecnologia que desenvolvem padrões para que se desenvolva conteúdo para a web. Seguinte esses padrões teremos várias vantagens, como um código mais limpo e melhor estruturado, um código comum entre vários programadores diferentes de fácil interpretação e facilitamos também no desenvolvimento de navegador e ferramentas para a web que, com essa padronização, ganham mais liberdade para desenvolverem seus produtos.
Então se você for começar a aprender a criar páginas na internet, procure seguir desde o início esses padrões, para criar com qualidade desde o princípio.
No final do tópico você encontra links onde você poderá saber mais a respeito.
Um exemplo desses padrões estipulados pela W3C é o fechamento das tags únicas.
No HTML existem tags que você precisa abrir e fechar, por exemplo:
(Tag "b", negrito)
<b>TEXTO EM NEGRITO</b>
e existem também tags únicas, que não é necessário abrir e fechar, por exemplo:
(Tag "br", quebra de linha)
TEXTO DA PRIMEIRA LINHA<br>
TEXTO DA SEGUNDA LINHA
Uma recomendação da W3C é que se feche com "/" todas as tags do arquivo HTML, inclusive os comandos de uma única tag.
O código ficaria da seguinte forma:
(Tag "br", quebra de linha)
TEXTO DA PRIMEIRA LINHA<br />
TEXTO DA SEGUNDA LINHA
Essa é apenas umas das várias recomendações existentes, você consegue facilmente encontrar textos a respeito pesquisando no google ou nos links no final do tópico.
Serviço de validação
O site oficial da W3C te oferece um serviço de validação em que, você entra com a URL de seu site, e ele te trás várias informações importantes a respeito de seu código e diz se ele passou na validação ou não. Caso tenha obtido sucesso você pode colocar um link em seu site que, ao usuário clicar no link, ele lhe confirma que o site está de acordo com os padrões da W3C.
Você já deve ter visto esses certificados de validação em vários sites, são links como esses:
CSS (Cascading Style Sheets)
Outro hábito recomendado pela w3c é a utilização de CSS, folhas de estilo.
O objetivo do CSS é separar a estrutura de um site de sua formatação (layout). Você consegue colocar no arquivo HTML só o que diz respeito à estrutura do site e, num arquivo css separado, tudo o que diz respeito a formatação. Você pode ainda, criar vários arquivos css e disponibilizar vários estilos de formatação diferentes para um mesmo site.
Com a utilização do CSS fica muito mais fácil fazer manutenção em seu site ou alterar seu layout.
Exemplo de css:
<html>
<head>
<title>Exemplos de CSS</title>
<style style="text/css">
body {
background-color: #ccc
}
span.exemplo {
font-weight: bold;
color: #00f
}
</style>
<body>
<span class="exemplo">Exemplo de CSS</span>
</body>
</head>
</html>
O exemplo abaixo faz com que o fundo do corpo da página fique com a cor cinza e com que o texto entre as tags <span> de classe "exemplo" fiquem azuis e em negrito.
Faça um teste colocando o arquivo em um txt, salvando em extensão HTML e abrindo pelo seu navegador.
Notem que as separações entre os comandos CSS são feitas entre ";" (ponto e vírgula).
Código de cores simplificados
Outra coisa interessante é que, como fiz no código, podemos utilizar no CSS cores com códigos simplificados, por exemplo.
Se tivemos uma cor em que todos os 3 hexadecimais são letras ou números repetidos, podemos escrever apenas a primeira letra de cada um, por exemplo:
- Ao invéz de #CCCCCC pode se usar #CCC.
- Ao invéz de #FF00FF pode se usar #F0F.
- Para se usar #ECECEC é preciso escrever o código completo.
Os comandos CSS podem ser escritos dentro de uma tag <style> no próprio HTML.
Podem ser escritos dentro de qualquer tag a partir do parametro "style" (atenção, cada tag aceita determinados tipos de CSS, vou deixar um link de referência CSS no final do tópico) por exemplo <b style="color: #00b">Texto de teste</b>
E também podem ser salvos em arquivos a parte (com a extensão CSS) e importados no arquivo html que deseja utilizar.
Finalizando
Isso foi apenas uma básica introdução ao assunto, CSS vai muito além disso e você pode encontrar textos a respeito de forma muito fácil em sites de buscas.
Essa é uma técnica que lhe trará muitos privilégios na construção e estruturação de seu site.
Por enquanto é isso, mais adiante posso colocar alguns tópicos com exemplos interessantes de CSS e, também, a respeito de padrões de desenvolvimento a serem seguidos.
[]s!
Links relecionados:
segunda-feira, 8 de setembro de 2008
Instalar Skype no Ubuntu 8.04
Saudações,
Passei por aqui para fazer um post rápido.
Um pouco fora do escopo do prometido para os próximos tópicos (desenvolvimento web) mas só porque pode ser útil:
Encontrei num site pela web uma maneira muito fácil e eficaz de instalar o Skype no Ubunto 8.04.
Basta abrir o console e digitar:
# sudo apt-get install libqt4-gui
# wget -c -O /tmp/skype.deb http://www.skype.com/go/getskype-linux-ubuntu
# sudo dpkg -i /tmp/skype.deb
Ps. Lembrando que os "#" são apenas para indicar que tratam-se de comandos, você não deve digitá-los.
Quanto terminar de executar todos os comandos basta ir em:
Aplicações -> Internet -> Skype
E ele está pronto para usar!
O texto original encontra-se no endereço:
http://beginlinux.com/desktop_training/ubuntuhardyheron_cat/1021-install-and-configure-skype-on-ubuntu-804
[]s!
Passei por aqui para fazer um post rápido.
Um pouco fora do escopo do prometido para os próximos tópicos (desenvolvimento web) mas só porque pode ser útil:
Encontrei num site pela web uma maneira muito fácil e eficaz de instalar o Skype no Ubunto 8.04.
Basta abrir o console e digitar:
# sudo apt-get install libqt4-gui
# wget -c -O /tmp/skype.deb http://www.skype.com/go/getskype-linux-ubuntu
# sudo dpkg -i /tmp/skype.deb
Ps. Lembrando que os "#" são apenas para indicar que tratam-se de comandos, você não deve digitá-los.
Quanto terminar de executar todos os comandos basta ir em:
Aplicações -> Internet -> Skype
E ele está pronto para usar!
O texto original encontra-se no endereço:
http://beginlinux.com/desktop_training/ubuntuhardyheron_cat/1021-install-and-configure-skype-on-ubuntu-804
[]s!
domingo, 7 de setembro de 2008
Como criar um site na internet?
Saudações a todos,
Nesse e nos próximos tópicos começaremos a discutir sobre como criar um site e colocá-lo na internet. Falaremos sobre o básico e depois iremos aprofundando aos poucos a partir dos próximos tópicos.
Um site básico funciona da seguinte maneira:
Existem muitas linguagens que permitem que criemos sites da web dinâmicos, que se alteram junto a interação com o usuário ou por inúmeros outros motivos. Algumas dessas linguagens montam partes do documento html dinamicamente pouco antes de ele ser exibido por completo pelo navegador (como cgi, asp, php), ainda no servidor web. Outras conseguem montar / alterar o html dinamicamente no micro que está tentando acessar a página (cliente) após ele ter sido exibido pelo navegador (como javascript, vbscript).
Mas primeiro nos preocuparemos em criar um site estático na internet, para começarmos a entender como isso funciona.
Criando uma página simples em HMTL.
Para começar abra algum editor de textos que tiver em seu micro (pode ser o bloco de notas do windows ou o gedit do linux).
Insira nele o seguinte texto:
<html>
<head>
<title>Aqui eu coloco o titulo do meu site</title>
</head>
<body>
Aqui eu coloco o texto que aparecera no meu site!
</body>
</html>
Salve o arquivo com o nome "minha_pagina.html", ou o nome que preferir portanto que a extensão seja ".html" ou ".htm".
Procure o arquivo salvo no seu micro e execute ele pelo navegador (na maioria dos micros é só dar dois cliques, mas se não der certo você pode abrir o navegador e selecionar o seu arquivo a partir do item "Abrir" do menu de seu navegador.
O conteúdo do seu site já deve começar a aparecer no navegador. Para editá-lo você deve abrir o arquivo salvo de novo pelo editor de texto, alterar o conteúdo da forma que desejar, salvar o arquivo e atualizar a página no navegador.
Para a edição do arquivo HTML você precisará saber como escrever sites no padrão HTML. Ainda não entraremos em detalhes sobre isso neste primeiro post, mas você pode aprender a respeito em sites como:
Criando uma conta em um site de hospedagem.
Agora que já temos uma página vamos colocá-la em um servidor web para ela poder ser exibida na internet.
Não iremos instalar um servidor web em nosso micro, utilizaremos um site que ofereça esse serviço gratuitamente (você se cadastra e eles reservam para você um diretório em que você pode enviar seus arquivos).
Você pode encontrar muitos sites que oferecem o serviço de hospedagem web gratuitamente consultando em um site de busca como o google. Nos próximos posts poderei criar uma lista de sites gratuitos que oferecem esse serviço (se alguém souber de algum pode nos mandar via comentário).
Para a nossa página de teste poderemos usar o site http://www.angelfire.com
Não é um servidor tão bom de se usar (ele enche a página de propagandas) mas é só pra podermos fazer nosso teste e ele da suporte a FTP, que mais pra frente iremos discutir.
Acesse o site que preferir e crie uma conta no serviço de hospedagem.
Fazendo o "upload" do arquivo.
Agora temos que colocar o arquivo que criamos (minha_pagina.html) no servidor de hospedagem que escolhemos (isso se chama upload). Para isso, geralmente, existem duas formas.
Ps. no linux (Ubuntu) eu baixei o programa gftp-gtk e parece funcionar muito bem (para instalá-lo no linux: #sudo apt-get install gftp-gtk). No windows um bom programa é o WS FTP.
Ao executá-lo ele deverá lhe mostrar algum campo para que você entre com as seguintes informações:
Selecione o arquivo minha_pagina.html que criamos e utilize o botão de upload para enviá-lo (geralmente é uma seta ou algo escrito "upload" ou "enviar").
Acessando a página criada pelo navegador.
Após enviado o arquivo, abra o seu navegador de internet (recomendo o uso do Firefox 3) e digite na barra de endereços da seguinte forma:
http://dominio_do_seu_servidor/seu_usuario/seu_arquivo.html
Por exemplo:
http://www.angelfire.com/bgrasselli/pagina.html
Pressione "Enter" e pronto, seu primeiro protótipo de site na internet deverá aparecer!
Domínios.
Geralmente além do serviço de hospedagem, solicitamos também o serviço de registro de domínio, para criar um endereço mais amigável e profissional para o nosso site.
Escolhemos um endereço disponível com o final de acordo com a atividade do site (por exemplo, se é um site comercial no brasil ".com.br").
Nesse domínio registramos o endereço real onde estão hospedados os arquivos fontes de nosso site, então, toda vez que alguém acessa o nosso endereço de domínio ele é redirecionado (de forma oculta) para o endereço de nosso servidor web (que pode ser o domínio do nosso servidor de hospedagem ou até mesmo seu ip).
Finalizando.
Bom, por enquanto é isso pessoal.
Espero que agora já de para ter uma noção básica sobre o assunto.
Se forem pesquisar a respeito de criação de página em HTML, pesquisem também a respeito das normas do W3C e do uso de CSS.
[]s.
Nesse e nos próximos tópicos começaremos a discutir sobre como criar um site e colocá-lo na internet. Falaremos sobre o básico e depois iremos aprofundando aos poucos a partir dos próximos tópicos.
Um site básico funciona da seguinte maneira:
- Eu crio uma página web em formato html, que é uma espécie de documento texto mas escrito de uma forma específica (mais para frente discutiremos a respeito).
- Coloco ela em um micro que tenha um servidor web instalado (pode ser o micro da minha casa ou eu solicito os serviços de um servidor de hospedagem de sites).
- Quando acesso pelo meu navegador de internet o endereço do micro onde está hospedado meu site ele retorna ao navegador o meu site (que monta ele na tela para que eu possa vizualizá-lo).
Existem muitas linguagens que permitem que criemos sites da web dinâmicos, que se alteram junto a interação com o usuário ou por inúmeros outros motivos. Algumas dessas linguagens montam partes do documento html dinamicamente pouco antes de ele ser exibido por completo pelo navegador (como cgi, asp, php), ainda no servidor web. Outras conseguem montar / alterar o html dinamicamente no micro que está tentando acessar a página (cliente) após ele ter sido exibido pelo navegador (como javascript, vbscript).
Mas primeiro nos preocuparemos em criar um site estático na internet, para começarmos a entender como isso funciona.
Criando uma página simples em HMTL.
Para começar abra algum editor de textos que tiver em seu micro (pode ser o bloco de notas do windows ou o gedit do linux).
Insira nele o seguinte texto:
<html>
<head>
<title>Aqui eu coloco o titulo do meu site</title>
</head>
<body>
Aqui eu coloco o texto que aparecera no meu site!
</body>
</html>
Salve o arquivo com o nome "minha_pagina.html", ou o nome que preferir portanto que a extensão seja ".html" ou ".htm".
Procure o arquivo salvo no seu micro e execute ele pelo navegador (na maioria dos micros é só dar dois cliques, mas se não der certo você pode abrir o navegador e selecionar o seu arquivo a partir do item "Abrir" do menu de seu navegador.
O conteúdo do seu site já deve começar a aparecer no navegador. Para editá-lo você deve abrir o arquivo salvo de novo pelo editor de texto, alterar o conteúdo da forma que desejar, salvar o arquivo e atualizar a página no navegador.
Para a edição do arquivo HTML você precisará saber como escrever sites no padrão HTML. Ainda não entraremos em detalhes sobre isso neste primeiro post, mas você pode aprender a respeito em sites como:
Criando uma conta em um site de hospedagem.
Agora que já temos uma página vamos colocá-la em um servidor web para ela poder ser exibida na internet.
Não iremos instalar um servidor web em nosso micro, utilizaremos um site que ofereça esse serviço gratuitamente (você se cadastra e eles reservam para você um diretório em que você pode enviar seus arquivos).
Você pode encontrar muitos sites que oferecem o serviço de hospedagem web gratuitamente consultando em um site de busca como o google. Nos próximos posts poderei criar uma lista de sites gratuitos que oferecem esse serviço (se alguém souber de algum pode nos mandar via comentário).
Para a nossa página de teste poderemos usar o site http://www.angelfire.com
Não é um servidor tão bom de se usar (ele enche a página de propagandas) mas é só pra podermos fazer nosso teste e ele da suporte a FTP, que mais pra frente iremos discutir.
Acesse o site que preferir e crie uma conta no serviço de hospedagem.
Fazendo o "upload" do arquivo.
Agora temos que colocar o arquivo que criamos (minha_pagina.html) no servidor de hospedagem que escolhemos (isso se chama upload). Para isso, geralmente, existem duas formas.
- Alguns servidores oferecem alguma ferramenta que possibilita o envio dos arquivos pelo própio site principal do servidor.
- E alguns oferecem o serviço de envio de arquivos via FTP (File Transfer Protocol) que, na minha opinião, é a melhor forma de envio.
Ps. no linux (Ubuntu) eu baixei o programa gftp-gtk e parece funcionar muito bem (para instalá-lo no linux: #sudo apt-get install gftp-gtk). No windows um bom programa é o WS FTP.
Ao executá-lo ele deverá lhe mostrar algum campo para que você entre com as seguintes informações:
- Servidor: ftp.angelfire.com
- Usuário: nome de usuário que você informou na hora do cadastro
- Senha: também informada no cadastro
Selecione o arquivo minha_pagina.html que criamos e utilize o botão de upload para enviá-lo (geralmente é uma seta ou algo escrito "upload" ou "enviar").
Acessando a página criada pelo navegador.
Após enviado o arquivo, abra o seu navegador de internet (recomendo o uso do Firefox 3) e digite na barra de endereços da seguinte forma:
http://dominio_do_seu_servidor/seu_usuario/seu_arquivo.html
Por exemplo:
http://www.angelfire.com/bgrasselli/pagina.html
Pressione "Enter" e pronto, seu primeiro protótipo de site na internet deverá aparecer!
Domínios.
Geralmente além do serviço de hospedagem, solicitamos também o serviço de registro de domínio, para criar um endereço mais amigável e profissional para o nosso site.
Escolhemos um endereço disponível com o final de acordo com a atividade do site (por exemplo, se é um site comercial no brasil ".com.br").
Nesse domínio registramos o endereço real onde estão hospedados os arquivos fontes de nosso site, então, toda vez que alguém acessa o nosso endereço de domínio ele é redirecionado (de forma oculta) para o endereço de nosso servidor web (que pode ser o domínio do nosso servidor de hospedagem ou até mesmo seu ip).
Finalizando.
Bom, por enquanto é isso pessoal.
Espero que agora já de para ter uma noção básica sobre o assunto.
Se forem pesquisar a respeito de criação de página em HTML, pesquisem também a respeito das normas do W3C e do uso de CSS.
[]s.
sábado, 6 de setembro de 2008
Ativar num lock na tela de login do Ubuntu
Saudações,
Vou iniciar os assuntos do blog com um negócio que estava me incomodando esses dias e eu já descobri como resolver.
Instalei recentemente o Ubuntu 8.04 no micro la de casa e coloquei a senha do meu usuário inteira numérica. Quando reiniciei o micro e fiz login no Ubuntu pela primeira vez percebi que minha senha numérica seria um problema pois o Ubuntu inicia com o num lock desligado.
Pesquisei pela internet e a solução que encontrei em um fórum foi a seguinte:
Primeiramente digite no console do seu linux o comando:
# sudo apt-get install numlockx
Ele instalará um programa que permite que você ligue e desligue o num lock por ele.
Após isso é preciso fazer com que, na hora que ele ligar a tela de login, ele confira se o num lock está desligado e, caso contrário, ligue-o.
Para isso é necessário editar um arquivo que se encontra em:
/etc/gdm/Init/Default
Obs. em algumas versões do Ubuntu ele pode estar em:
/etc/X11/gdm/Init/Default
Antes de alterar o arquivo é recomendável fazer um back-up dele, para isso você pode usar o comando:
# sudo cp /etc/gdm/Init/Default /etc/gdm/Init/Default_bkp
Agora vamos abrir o arquivo para editá-lo:
# sudo gedit /etc/gdm/Init/Default
Após o arquivo ser aberto pelo gedit (Editor de texto em modo gráfico), localize a linha que contém o texto "exit 0" (geralmente é a última) e insira, antes dela, o texto:
if [ -x /usr/bin/numlockx ]; then
/usr/bin/numlockx on
fi
Salve o arquivo e reinicie o computador.
[]s, espero que a dica tenha ajudado!
Vou iniciar os assuntos do blog com um negócio que estava me incomodando esses dias e eu já descobri como resolver.
Instalei recentemente o Ubuntu 8.04 no micro la de casa e coloquei a senha do meu usuário inteira numérica. Quando reiniciei o micro e fiz login no Ubuntu pela primeira vez percebi que minha senha numérica seria um problema pois o Ubuntu inicia com o num lock desligado.
Pesquisei pela internet e a solução que encontrei em um fórum foi a seguinte:
Primeiramente digite no console do seu linux o comando:
# sudo apt-get install numlockx
Ele instalará um programa que permite que você ligue e desligue o num lock por ele.
Após isso é preciso fazer com que, na hora que ele ligar a tela de login, ele confira se o num lock está desligado e, caso contrário, ligue-o.
Para isso é necessário editar um arquivo que se encontra em:
/etc/gdm/Init/Default
Obs. em algumas versões do Ubuntu ele pode estar em:
/etc/X11/gdm/Init/Default
Antes de alterar o arquivo é recomendável fazer um back-up dele, para isso você pode usar o comando:
# sudo cp /etc/gdm/Init/Default /etc/gdm/Init/Default_bkp
Agora vamos abrir o arquivo para editá-lo:
# sudo gedit /etc/gdm/Init/Default
Após o arquivo ser aberto pelo gedit (Editor de texto em modo gráfico), localize a linha que contém o texto "exit 0" (geralmente é a última) e insira, antes dela, o texto:
if [ -x /usr/bin/numlockx ]; then
/usr/bin/numlockx on
fi
Salve o arquivo e reinicie o computador.
[]s, espero que a dica tenha ajudado!
Objetivos do blog
Saudações pessoal,
Resolvi criar esse blog para falar sobre assuntos relacionados à informática, como desenvolvimento de sistemas / programação, sistemas operacionais, e o que mais for aparecendo que seja útil para ser postado.
Quase sempre quando estamos desenvolvendo alguma coisa ou tentando utilizar algum sistema novo surgem dúvidas e saímos procurando por soluções pela internet ou então tentamos inúmeras vezes de diversas formas até conseguir.
Isso ocorre muitas vezes comigo e deve acontecer com a maioria do pessoal que utiliza a internet, principalmente pelos apaixonados por informática, como eu.
Então quando eu me deparar com uma situação dessas novamente e descobrir a solução ou aparecer algo novo interessante virei até aqui postar sobre o assunto.
Bom é isso, espero que gostem. Todos os comentários construtivos (críticas ou não) serão bem vindos.
Já listei alguns tópicos interessantes e em breve devo começar a postar sobre os mais diversos assuntos.
[]s a todos, até breve.
Resolvi criar esse blog para falar sobre assuntos relacionados à informática, como desenvolvimento de sistemas / programação, sistemas operacionais, e o que mais for aparecendo que seja útil para ser postado.
Quase sempre quando estamos desenvolvendo alguma coisa ou tentando utilizar algum sistema novo surgem dúvidas e saímos procurando por soluções pela internet ou então tentamos inúmeras vezes de diversas formas até conseguir.
Isso ocorre muitas vezes comigo e deve acontecer com a maioria do pessoal que utiliza a internet, principalmente pelos apaixonados por informática, como eu.
Então quando eu me deparar com uma situação dessas novamente e descobrir a solução ou aparecer algo novo interessante virei até aqui postar sobre o assunto.
Bom é isso, espero que gostem. Todos os comentários construtivos (críticas ou não) serão bem vindos.
Já listei alguns tópicos interessantes e em breve devo começar a postar sobre os mais diversos assuntos.
[]s a todos, até breve.
Assinar:
Postagens (Atom)
