Tecnologia e TreinamentoInformática

Desenvolvimento de Sites – Cascading Style Sheet (CSS)

Revista Tecnologia e Treinamento — Thu, 10 May 2012 15:04:48 +0000

O processo de estilização do documento HTML, por meio das CSS, consiste em definir um “alvo” para um determinado elemento HTML e em seguida agregar estilos a este “alvo”

Cascading Style Sheet é capaz de “dizer” para o navegador como apresentar o site e como organizar os elementos

Cascading Style Sheet (CSS) ou, em português, folha de estilo em cascata, é um mecanismo simples que serve para adicionar estilos em páginas HTML, como cores; posicionamento de elementos; fontes e tudo o que pode se relacionar com a formatação de um site. Segundo Sérgio Antônio dos Santos, coordenador do Curso Desenvolvimento de Sites – parte 2 – CSS, elaborado pelo CPT – Centro de Produções Técnicas, a Cascading Style Sheet é capaz de “dizer” para o navegador como apresentar o site e como organizar os elementos.

O processo de estilização do documento HTML, por meio das CSS, consiste em definir um “alvo” para um determinado elemento HTML e em seguida agregar estilos a este “alvo”.

O significado da palavra “alvo” é: Ponto de mira que se procura atingir. É exatamente isso que os estilos CSS fazem com o “alvo”, ou seja, o elemento HTML. “Alvo” é um ponto de mira que será atingido pelas estilizações CSS.

Todo “alvo” daquele estilo passará a exibir as características definidas no documento CSS. Entenda que qualquer alteração nas propriedades de um estilo afetará todos os elementos “alvo”. Veja abaixo um exemplo de um elemento “alvo” de um cabeçalho HTML do elemento h1.

Centro de Produções Técnicas

Veja abaixo, a figura que mostra como ficaria a visualização em um navegador do elemento h1, ainda sem formatação.

Imagine agora que exista um documento CSS para formatar este elemento h1. Entenda que, neste documento, existiria um código, como no exemplo abaixo:

h1{color:red;}

Veja que, no código CSS acima, existe uma estilização para o elemento h1, colocando a cor da fonte em vermelho: color:red.

Nesse exemplo, o “alvo” é elemento h1. Veja abaixo a figura que mostra como ficaria a visualização deste cabeçalho, agora com formatação CSS.

É importante ficar claro que todas as páginas HTML que contiverem o elemento h1 serão exibidas pelo navegador da mesma forma, ou seja, com a cor vermelha. Se existir a necessidade de modificar a cor da fonte ou o tamanho da letra, ou qualquer outra propriedade de estilização do elemento h1, isso deverá ser feito no documento CSS.

JavaScript – Desenvolvimento de Sites

Paula Tibúrcio — Wed, 02 May 2012 14:31:15 +0000

JavaScript é uma linguagem com muitas possibilidades, que permite a programação de pequenos scripts, mas também de programas maiores

Site do jQuery e firebug ativado

O JavaScript é uma linguagem de programação client-side, que roda no cliente, ou seja, roda na máquina da pessoa que está acessando o site e não no servidor. Essa linguagem é interpretada, podendo ser utilizada junto ao HTML e não compilada, uma vez que o navegador interpretará os códigos, à medida que as ações do site forem acontecendo, por exemplo: a validação de um formulário.

Trata-se de uma linguagem de programação do lado do cliente, porque é o navegador que suporta a carga de processamento. Graças a sua compatibilidade com a maioria dos navegadores modernos, é a linguagem de programação do lado do cliente mais utilizada.

Quando se acessa um “site”, alguns exemplos de scripts são: aparecimento da data/horário atual, saudações como “bom dia”, “boa tarde” ou “boa noite”, efeitos onde uma imagem muda, ao passar o mouse sobre ela.

JavaScript é uma linguagem com muitas possibilidades. Ela permite a programação de pequenos scripts, mas também de programas maiores, orientados a objetos, com funções e estruturas de dados complexas. Além disso, o JavaScript coloca à disposição do programador todos os elementos que formam a página web para que ele possa acessá-la e modificá-la dinamicamente.

No Curso Desenvolvimento de Sites – Parte 3 – JavaScript, elaborado pelo CPT – Centro de Produções Técnicas, você verá que o JavaScript é usado nos sites para a interação com a página de modo geral. Você aprenderá a usar o JavaSacript como se fosse um modelo orientado a objetos. No decorrer do curso, você entenderá que o JavaScript tem a sintaxe parecida com a da linguagem de programação JAVA, criada pela Sun Microsystems. No entanto, é completamente diferente em seu conceito e uso.

Conheça um comando básico que é feito utilizando o JavaScript – Alerta de Aviso

As caixas de diálogo de alerta de aviso são usadas normalmente para avisar ao usuário de alguma coisa que está acontecendo ou do sucesso de um processo, como pode ser visto no exemplo abaixo:

var x, y, z;
x = “Olá Mundo!!!”;
y = 20;
alert (x);

No código JavaScript acima, o navegador irá exibir uma janela pop-up de alerta de aviso com a string “Olá Mundo!!!”. Veja a figura abaixo que ilustra este fato.

Saiba como fazer desmontagem do notebook

Paula Tibúrcio — Fri, 20 Jan 2012 12:13:04 +0000

Diferente dos computadores desktop, os notebooks possuem parafusos de comprimento e rosca diferentes

Para facilitar a montagem, é necessário identificar e localizar cada um dos parafusos

Vamos conhecer agora alguns princípios básicos para desmontar o notebook com segurança.

A desmontagem de notebook para executar a manutenção corretiva é uma atividade que varia de acordo com o modelo e com o fabricante. Ela sempre deve ser feita com muito critério, porque o notebook possui internamente peças muito frágeis como flat e partes metálicas de aterramento. É fundamental também utilizar as ferramentas corretas para que, ao desmontar, nenhuma dessas peças sejam danificadas.

É necessário tomar cuidado com os parafusos. Em alguns notebooks, para iniciar a abertura do computador, é preciso retirar primeiro os parafusos de baixo. Em outros modelos, inicia-se pela parte de cima, pelo teclado.

Diferente dos computadores desktop, os notebooks possuem parafusos de comprimento e rosca diferentes. Portanto, é importante ter cautela para, ao recolocá-los, não trocá-los de posição. Para facilitar a montagem, é necessário identificar e localizar cada um deles.

Em alguns aparelhos, cada local do parafuso está numerado, facilitando o trabalho. Mas, em outros, não existe numeração alguma, sendo indicada a identificação com uma etiqueta.

Para organizar esses diversos tipos de parafusos, pode ser utilizado um organizador com várias divisões, onde é feita uma numeração em cada uma delas. Essa identificação deve coincidir com a numeração que estiver na parte de trás ou próxima ao parafuso. Nos equipamentos que não possuírem essa numeração, é comum colocar uma etiqueta numerada no notebook, que vai coincidir com a numeração do organizador.

Marcos Jerônimo dos Santos, professor do Curso Manutenção de Notebooks, dá a dica: para essa identificação, numere as etiquetas de 1 a 8, onde cada parafuso vai ter uma numeração correspondente. Quando ele tiver o mesmo tamanho e a mesma rosca, vai ser colocado no mesmo local no organizador. Quando ele tiver tamanho ou rosca diferente, vai ser colocado em um local diferente no organizador. Isso é importante porque, na hora em que você começar a remontar o notebook, você colocará os parafusos de mesmo tamanho nos locais de onde eles saíram.

Ao retirar os parafusos, eles devem ser colocados de acordo com a numeração que foi feita e a ordem no organizador de parafusos.

Dependendo do problema, não haverá a necessidade de desmontar todo o notebook, porque por meio das janelas temos acesso a várias placas periféricas do computador.

Com o Curso Manutenção de Notebooks, elaborado pelo CPT – Centro de Produções Técnicas, você aprenderá todo o processo de desmontagem e remontagem do seu notebook. Confira!

Programação PHP – Curso Avançado

Paula Tibúrcio — Wed, 28 Sep 2011 13:42:14 +0000

Programação Orientada a Objetos

Para conseguir que os esforços dos programadores pudessem ser utilizados por outras pessoas, foi criada a programação Orientada a Objetos

O processo de aperfeiçoamento demanda uma busca constante, pois até mesmo as linguagens de programação tendem a se aperfeiçoarem. Sendo assim, houve algumas transformações e evoluções das linguagens de programação, dando origem a novas formas de se programar, assim como surgiram novas linguagens.

O conceito de programação Orientada por Objetos não é novo. No final da década de 1960, a linguagem Simula67, desenvolvida na Noruega, introduzia conceitos hoje encontrados nas linguagens orientadas a objetos. Em meados de 1970, o Centro de Pesquisa da Xerox (PARC) desenvolveu a linguagem Smalltalk, a primeira totalmente orientada a objetos. No início da década de 1980, a AT&T lançaria a Linguagem C++, uma evolução da linguagem C em direção a objetivos.

A programação Orientada a objetos tem como principais objetivos reduzir a complexidade no desenvolvimento de software a aumentar sua produtividade. A análise, projeto e programação Orientada a Objetos são as respostas para o aumento da complexidade dos ambientes computacionais, que se caracterizam por sistemas heterogêneos, distribuídos em redes, em camadas, e baseados em interfaces gráficas.

Durante anos, os programadores se dedicaram a construir aplicações muito parecidas que resolviam, vez ou outra, os mesmos problemas. Para conseguir que os esforços dos programadores pudessem ser utilizados por outras pessoas, foi criada a programação Orientada a Objetos, pois uma grande vantagem de se modularizar um código é que o mesmo possa ser reutilizado.

No Curso Avançado de Programação PHP, elaborado pelo CPT – Centro de Produções Técnicas, você encontrará várias vantagens de se programar com o paradigma da Orientação a Objetos. Algumas dessas vantagens são: produtividade e ciclo de vida maior.

Programação PHP

Paula Tibúrcio — Tue, 27 Sep 2011 13:54:44 +0000

A partir da necessidade de exibição de conteúdo personalizado, surgiu a linguagem que possibilita a criação de páginas dinâmicas, o PHP

O processamento do script PHP é feito diretamente no servidor

O Personal Home Page ou PHP é uma linguagem de programação, que permite a criação de WEB sites dinâmicos, fazendo com que o usuário consiga interagir por meio de formulários, parâmetros da URL e links. Através de exemplos simples e práticos é possível entender conceitos da linguagem PHP.

A começar pelo significado, é um acrônimo recursivo para Pré-Processador de Hipertexto PHP (do inglês PHP Hypertext Preprocessor).

Na prática, é uma linguagem de script voltada para desenvolvimento de sistemas web, criada para gerar conteúdo dinâmico para páginas desenvolvidas utilizando a linguagem HTML (Linguagem de Marcação de Hipertexto, do inglês HyperText Markup Language) que, por sua natureza, produz conteúdo totalmente estático.

No começo da internet, as únicas interações entre clientes e servidor se davam através de requisições de páginas de conteúdo estático, ou seja, não havia uma interação maior do conteúdo exibido com o usuário que estava acessando a página. A partir dessa necessidade de exibição de conteúdo personalizado, surgiram as linguagens que possibilitavam a criação de páginas dinâmicas, dentre as quais, o PHP.

Um site estático possui duas camadas contendo dois tipos de arquivo, uma delas é a estrutura do documento, uma espécie de esqueleto contendo: cabeçalho, rodapé, barras laterais etc.

Nos sites com conteúdos dinâmicos, as páginas são armazenadas em Bancos de Dados e recuperadas no momento da exibição. Por isso, uma nova camada é adicionada para realizar a conversa com o sistema de Banco de Dados, no caso, a linguagem de programação PHP. Dessa forma, todo o site está relacionado para as buscas internas e mapa do site, no momento de alguma atualização, de modo automático.

Algumas características

1. É uma linguagem gratuita e possui código aberto. Seu arquivo de instalação e código fonte pode ser adquirido no site oficial: http://www.php.net

2. É totalmente acoplada no HTML, suas linhas de código podem ser escritas no mesmo arquivo, misturando seus códigos, apenas respeitando as regras da escrita de cada linguagem.

3. É uma linguagem baseada em servidor, ou seja, o processamento do script PHP é feito diretamente no servidor, sendo enviado para o cliente apenas o código HTML resultante, sem consumir recursos, e não possibilita que o usuário tenha acesso aos códigos-fonte dos scripts.

Segundo Allan Guerreiro, coordenador do Curso Programação PHP, elaborado pelo CPT – Centro de Produções Técnicas, “a outra camada define o estilo de apresentação como o CSS (acrônico para Cascading Sttyle Sheets), a definição do estilo provê a separação entre o formato e o conteúdo de um documento”

Confira mais novidades desse lançamento do CPT. Curso Programação PHP!

Telas de LCD em notebooks

Paula Tibúrcio — Wed, 21 Sep 2011 14:06:34 +0000

A tecnologia empregada nas telas de LCD é extremamente complexa, e o seu estudo envolve teorias físicas, químicas e moleculares

Em seu estado natural, os cristais espalham os raios de luz incidentes

A tela de cristal líquido, chamado de LCD (Liquid Crystral Display), é o periférico onde o usuário lê o que ele está fazendo ou o que ele está processando no computador.

Os Cristais Líquidos são substâncias orgânicas que estão numa fase entre o estado líquido e sólido. Suas moléculas têm liberdade de se moverem, mas estão agrupadas de modo ordenado. Suas propriedades óticas podem ser influenciadas por campos elétricos, que permitem formações por meio de uma matriz de pontos que se dividem em: Linhas verticais e Colunas que estão associadas a um circuito de multiplicação.

Esses cristais foram descobertos, há mais de 100 anos, por um botânico austríaco. São moléculas orgânicas que possuem as propriedades dos cristais, mas, em uma forma que não é nem líquida nem sólida, têm a textura da espuma e é transparente.

A sua força de agregação intermolecular é muito fraca, e as moléculas dessa substância podem ser orientadas por campos eletromagnéticos fracos. Em seu estado natural, os cristais espalham os raios de luz incidentes, tornando a luminosidade difusa. Entretanto, se as suas moléculas forem reorientadas por qualquer processo (por exemplo, se forem submetidas a uma diferença de potencial) elas podem permitir a passagem da luz ou bloqueá-la completamente.

Segundo Marcos Jerônimo dos Santos, coordenador do Curso Manutenção de Notebooks, elaborado pelo CPT – Centro de Produções Técnicas, as Telas de Cristal Líquido, LCD são componentes mais caros e os que mais consomem energia em um notebook.

Disco rígido é a parte mais sensível e delicada do notebook

Marconi Vieira — Tue, 17 May 2011 12:59:24 +0000

Notebooks devem receber manutenção preventiva periodicamente, a fim de evitar problemas graves

Evite mover seu notebook enquanto o disco rígido estiver trabalhando e sempre desligue o computador apropriadamente

A manutenção preventiva em notebooks tem função bastante diferente da grande parte dos equipamentos de informática, como os desktops e impressoras. Nesses equipamentos, a manutenção tem a função de limpar e realizar a lubrificação, quando pertinente. Em notebooks, o técnico nunca deve abrir o equipamento, a não ser em caso de real necessidade, para reparar alguma peça.

Outro cuidado fundamental que se deve ter com os notebooks é com os discos rígidos, que são os componentes mais sensíveis e delicados em computadores portáteis. Estudos recentes mostram que falhas no disco rígido são as causas mais comuns, em se tratando de defeitos em notebooks.

No curso “Manutenção de Notebooks”, desenvolvido pelo CPT – Centro de Produções Técnicas, o professor Marcos Jerônimo dos Santos explica que, “para evitar os problemas encontrados nos discos rígidos, deve-se realizar manutenção periódica com programas de desfragmentação e manutenção do disco rígido, pelo menos, uma vez por mês”.

Evite ao máximo mover seu notebook de lugar enquanto o disco rígido estiver trabalhando e sempre desligue o computador apropriadamente. Para evitar problemas com os dados armazenados, é recomendado, também, que sejam feitos backups periódicos dos arquivos.

Manutenção de notebooks exige conhecimentos técnicos específicos

Marconi Vieira — Tue, 17 May 2011 12:46:05 +0000

Bateria de alimentação interna pode manter notebooks ligados por horas em qualquer lugar

O uso de notebooks possibilita a execução de tarefas em qualquer local

Atualmente, os equipamentos de informática são fundamentais em muitos locais, de forma que as nossas residências, os locais de trabalho, bancos, espaços de lazer, hospitais, aeroportos, shoppings e rodoviárias sempre contam com algum tipo de equipamento eletrônico. O uso de computadores na execução de tarefas complexas, e mesmo de casos simples, é um fenômeno que se fosse retirado do mercado iria causar sérios problemas, provocando muita dificuldade para contorná-los.

Os equipamentos de informática portáteis, também conhecidos como notebooks, são ferramentas muito utilizadas por profissionais, professores e estudantes que necessitam de executar seus trabalhos. Com o uso desses equipamentos, essas tarefas podem ser executadas em condições adversas, sem energia elétrica disponível, como em aeroportos, shoppings e dependências desprovidas de tomada de energia.

No curso “Manutenção de Notebooks”, elaborado pelo CPT – Centro de Produções Técnicas, o professor Marcos Jerônimo dos Santos explica que “isso é possível porque uma das características principais dos notebooks é a possibilidade de, por meio de uma bateria de alimentação interna, manter o computador portátil com energia elétrica suficiente para se trabalhar, em média, por três horas, sem que seja necessário estar ligado a uma fonte externa de energia”.

Ao contrário do que muitos pensam, a manutenção em nível de hardware em notebooks é muito diferente da que é realizada em micros desktops. No que se refere à parte física dos notebooks, os procedimentos e ações técnicas executadas com o intuito de corrigir os principais defeitos são completamente diferentes e exigirão cuidados e conhecimentos técnicos que não são muito observados, ou não são muito exigidos, na manutenção de desktops.

Já na parte de software, configuração, programação, instalação e manutenção de sistemas aplicativos e utilitários, os procedimentos são bem parecidos com os utilizados para se reparar computadores convencionais.

Tudo sobre baterias de notebooks

Marconi Vieira — Tue, 17 May 2011 12:18:28 +0000

A bateria de setup armazena a configuração do computador e a de alimentação supre a falta de energia elétrica

Nos notebooks modernos, encontramos baterias de setup fabricadas com lítio íon, do tipo moeda CR 2018 ou CR 2032

As baterias de setup ou Cmos são utilizadas para alimentar a memória onde fica guardada a configuração do computador, do relógio e das datas atualizadas.

Nos micros antigos, até o início da década de 90, essas eram fabricadas com NiCd (níquel cádmio) ou NiMh (níquel metal hidreteto). Elas são recarregáveis e possuem um circuito elétrico que as carrega periodicamente. O principal defeito que acontece com elas é gerado por seus componentes químicos, que produzem um gás oxidante que destrói os componentes e as trilhas próximas a essa bateria, fazendo com que a recuperação dos micros se torne, muitas vezes, inviáveis.

Nos notebooks modernos, encontramos baterias de setup fabricadas com lítio íon, do tipo moeda CR 2018 ou CR 2032, que não possuem circuito de recarga. Mas, dada a sua alta durabilidade, de três anos em média, são muito utilizadas e não provocam a emissão de nenhum gás oxidante.

As baterias de alimentação são utilizadas para alimentar o notebook quando esse for utilizado fora do local de costume e a eletricidade externa não estiver disponível, ou quando houver uma interrupção momentânea da energia elétrica da distribuidora. Essa característica faz com que os notebooks possam ser utilizados em locais sem tomada elétrica. Elas podem ser encontradas nos seguintes modelos de fabricação: NiCd, NiMh e Li Íon – níquel cádmio, níquel metal e lítio íon, respectivamente.

No curso “Manutenção de Notebooks”, desenvolvido pelo CPT – Centro de Produções Técnicas, o professor Marcos Jerônimo dos Santos explica que “as duas primeiras serão mais encontradas em notebooks antigos e apresentam um índice de desgaste e de defeitos maior que a terceira. Isso se deve ao fato de apresentarem um índice de efeito memória alto”.

Ainda segundo o professor Marcos, “atualmente, essas baterias não são mais utilizadas, pois deram lugar às baterias de lítio íon, que apresentam um baixo índice de defeitos, de efeito memória, e por apresentarem uma alta durabilidade, em média de três anos”.

Manutenção corretiva de notebooks é diferente da aplicada em desktops

Marconi Vieira — Tue, 17 May 2011 12:02:55 +0000

Ao realizar a manutenção de computadores portáteis, o técnico deve evitar a troca das peças

Para realizar esse trabalho, é fundamental que o técnico tenha conhecimentos em eletrônica básica aplicada a microinformática

A manutenção de computadores portáteis possui cuidados bastante distintos das recomendações utilizadas na manutenção de desktops. Para prolongar a vida útil do notebook, e manter o seu desempenho, é fundamental o uso correto desse equipamento. São várias dicas que a maioria dos técnicos e, principalmente, os usuários não conhecem. Cabe ao técnico identificá-las e aprendê-las para sempre orientar os clientes quanto ao uso adequado do equipamento.

No curso “Manutenção de Notebooks”, elaborado pelo CPT – Centro de Produções Técnicas, o professor Marcos Jerônimo dos Santos explica que, “a manutenção corretiva é o processo técnico pelo qual o equipamento em questão irá passar, e que tem como ação reparadora a necessidade de se aplicar intervenção técnica”.

Porém, o professor Marcos ressalta que muitos defeitos são resolvidos sem que haja a necessidade de intervenção técnica. Então, antes de iniciar a desmontagem do equipamento, devemos observar e executar diversos passos para que a manutenção seja realizada de maneira eficiente.

Enquanto nos computadores de mesa é recomendado que o técnico, de forma geral, não recupere os componentes com problemas, para a manutenção de notebook, essa regra não funciona. Por causa do custo elevado dos componentes, aliado a dificuldade em encontrá-los, o técnico, muitas vezes, tem que localizar o defeito e recuperá-lo. Para realizar esse trabalho, é fundamental que o técnico tenha conhecimentos em eletrônica básica aplicada a microinformática.