notas

notes

What Is Butylene Glycol and Is It Bad for My Health?

• Uses
• Benefits
• Side effects and precautions
• Propylene glycol
• Summary

Butylene glycol is a chemical ingredient used in self-care products like:

• shampoo
• conditioner
• lotion
• anti-aging and hydrating serums
• sheet masks
• cosmetics
• sunscreen

Butylene glycol is included in formulas for these types of products because it adds moisture and conditions hair and skin. It also works as a solvent, meaning it keeps other ingredients, dyes, and pigments from clumping up inside of a solution.

Like all glycols, butylene glycol is a type of alcohol. It’s often made from distilled corn.

There are some health concerns that surround the use of butylene glycol. Some experts warn against its use, and cite it on lists of ingredients to avoid when choosing self-care products.

The risk in using butylene glycol is still somewhat unclear. More research is needed to understand how it can affect your body in the long term.

Butylene glycol uses

Butylene glycol is added to all kinds of products that you apply topically. It’s particularly popular in clear gel-based products and in makeup that glides onto your face.

You’ll find it on the ingredients list of sheet masks, shampoos and conditioners, eye liners, lip liners, anti-aging and hydrating serums, tinted moisturizers, and sunscreens.

Butylene glycol is a viscosity-decreasing agent

“Viscosity” is a word that refers to how well things stick together, particularly in a compound or chemical mixture. Butylene glycol makes other ingredients less likely to stick together, giving makeup and self-care products a fluid and even consistency.

Butylene glycol is a conditioning agent

Conditioning agents are ingredients that add a layer of softness or improved texture to your hair or skin. They’re also called moisturizers or, in the case of butylene glycol, humectants. Butylene glycol works to condition skin and hair by coating the surface of your cells.

Butylene glycol is a solvent

Solvents are ingredients that maintain a liquid consistency in a chemical compound. They help active ingredients that could become gritty or clumpy stay dissolved. Butylene glycol keeps the ingredients in cosmetics spread out and in their desired state for use.

Butylene glycol benefits

Butylene glycol has some health benefits if you have dry skin on your face or frequent breakouts. But it won’t work the same way for every person. Generally, most people who have dry skin can use products with butylene glycol to reduce their symptoms.

Butylene glycol for acne

Butylene glycol is in some moisturizersTrusted Source made for people who have acne. It isn’t the active ingredient that treats acne in these products. The moisturizing and solvent properties in butylene glycol could make these products right for you.

However, there are reports of this ingredient clogging pores or irritating skin and actually making acne worse.

Based on your symptoms, the cause of your acne, and your skin sensitivity, butylene glycol may be an ingredient that works in your skin care regimen.

Butylene glycol side effects and precautions

Butylene glycol is considered to be largely safe for use as a topical skin care ingredient. While it’s a type of alcohol, it doesn’t typically irritate or dry out skin.

Can I have a butylene glycol allergy?

It’s possible to have an allergy to nearly any ingredient, and butylene glycol is no different. There’s at least one report of an allergy to butylene glycol in the medical literature. But an allergic reaction caused by butylene glycol is uncommonTrusted Source.

Butylene glycol during pregnancy

Butylene glycol hasn’t been deeply studied in pregnant women.

A 1985 study of pregnant rats demonstrated that this ingredient had negative effects on the developing animals.

Anecdotally, some people recommend staying away from all glycol and petroleum products during pregnancy. Speak with a doctor about these products if you’re concerned.

Computador - qual os formatos melhores para imagens

1. Inicio
2. Artigos Página 1

Os formatos de arquivo de imagem mais comuns, e os mais importantes para câmaras, impressão, digitalização e uso na Internet, são JPG, TIF, PNG e GIF.

Eu gosto particularmente de usar o formato PNG não só quando redimensiono imagens para a Internet, mas também quando edito para guardar no computador. Assim sei que a qualidade se mantem mesmo depois de editar e guardar novamente o que não acontece com o formato JPG. A compressão do formato TIF é menor e as imagens ficam com mais qualidade, mas bastante mais pesadas só justifica para guardar imagens muito importantes ou que se queira editar mais tarde ou fazer novas imagens a partir do original.

Também gosto do formato GIF por causa das imagens animadas, muito bom para criar imagens com poucas cores de preferência com elementos de cores solidas por exemplo um anúncio para inserir numa página da internet. Também é possível e interessante fazer um GIF leve e com boa qualidade para páginas da internet a partir de um vídeo simples criado no PowerPoint com poucos detalhes e efeitos.

Camera RAW imagens é outra história estas imagem sem compressão são pesadíssimas são muito usadas pelos fotógrafos profissionais, estas imagens com grande qualidade são guardadas para serem editadas e fazer copias destas em formato de compressão para as pessoas as poder ver nos computadores, fazer impressões etc.

Estas imagens tiradas normalmente com camearas DSL nâo são RGB e têm que ser convertidas em RGB num formato.

As TVs e monitores de computador usam RGB 3 cores (vermelho, verde e azul) para criar as imagens coloridas.
Na impressão, usam CYMK 4 cores (ciano, amarelo, magenta e preto) para criar imagens coloridas em papel etc.

Imagem em formato GIF Animado criada a partir de um vídeo editado no PowerPoint.

O PowerPoint não cria GiF Animados diretamente. Depois do vídeo ser editado e guardado tem que ir a um qualquer programa de vídeo para criar a imagem de GIF Animada.

 

 

JPEG (Joint Photographic Experts Group)

JPG é o formato de arquivo de imagem mais usado. JPG é a extensão de arquivo para arquivos JPEG (Joint Photographic Experts Group). Câmaras digitais e páginas da web normalmente usam arquivos JPG porque o JPG compacta os dados para serem muito menores em arquivo. No entanto, JPG usa compactação com perdas significativas na qualidade da imagem para conseguir esse feito, o que é uma forte desvantagem.

Para arquivos pequenos, sim, não há nada como JPG, mas isso é à custa da qualidade da imagem. Em geral, hoje em dia, o JPG é bastante singular a esse respeito, usando compactação com perdas permitindo arquivos muito pequenos de qualidade inferior, enquanto todos os outros formatos de arquivo usam compactação sem perdas. O JPG é usado quando o tamanho pequeno do arquivo é mais importante que a qualidade máxima da imagem por exemplo para páginas da web, e-mail, cartões de memória, etc.

Para arquivar imagens importantes com a qualidade máxima em formato JPG, são importantes duas coisas: primeiro deve sempre escolher a maior qualidade e, portanto, um arquivo maior, em segundo não se deve continuar a editar e aguardar imagens JPG repetidamente, porque todas as vezes que se edita e guarda essa imagem qualidade é perdida.

TIFF (Tagged Image File Format)

TIF é considerado o formato de mais alta qualidade para o trabalho comercial. O formato TIF não significa qualidade superior por si, mas é o formato que faz ter uma imagem com maior qualidade quando se guarda e sem perdas nas próximas vezes que se editar e guarda. O TIF simplesmente não perde e não prejudicar o original. Na maioria dos formatos com exceção do JPEG não há percas quando editadas e guardadas.

E o TIF é o formato mais versátil, exceto pelo fato de as páginas da Web não mostrarem arquivos TIF. Para outras finalidades, no entanto, o TIF faz quase tudo, de cores de 1 a 48 bits, RGB, CMYK, LAB ou cores indexadas.

GIF (Graphics Interchange Format)

O formato GIF foi projetado pela CompuServe quando apareceu o vídeo de 8 bits, antes do JPG, para exibição de vídeo em velocidades de modem discadas. O GIF descarta todos os dados Exif e, como o GIF foi projetado para fins de tela de vídeo não mantém os valores de resolução de impressão. O GIF usa sempre compactação LZW sem perdas, mas é sempre um arquivo de cores indexado (1 a 8 bits por pixel).

O GIF pode ter uma paleta de cores de 24 bits, mas apenas 256 delas no máximo. GIF é bastante limitado para fotos coloridas de hoje em dia, mas geralmente é ótimo para gráficos com poucas cores, e oferece transparência e animação. Os arquivos PNG e TIF também podem manipular opcionalmente o mesmo modo de cor indexada que o o GIF usa, mas também são mais versáteis com outras opções (podem ser RGB ou 16 bits, etc.). Mas o formato GIF ainda é muito bom para gráficos da Web, com um número limitado de cores.

Para gráficos de apenas algumas cores, este formato GIF pode ser mais leve que o JPG, e com cores mais claras do que o JPG.

PNG (Portable Network Graphics)

Hoje em dia o formato PNG pode substituir o GIF, os navegadores mostram ambos os formatos. O formato PNG também oferece muitas opções como o TIF (indexado ou RGB, 1 a 48 bits, etc.). O formato PNG foi inventado para contornar possíveis problemas de patente de compressão LZW com o formato GIF. É um formato, portanto mais recentemente e oferece outras opções como modos de cor RGB, 16 bits, etc.

Uma grande vantagem do formato PNG é a transparência para imagens RGB de 24 bits. Normalmente, os arquivos PNG são um pouco mais compactados do que os TIF ou os GIF, o que os faz ser um pouco mais leves, mas todos estes formatos usam compactação sem perdas de diferentes tipos. Os PNG são um pouco mais lentos para ler ou gravar. A situação de patente desapareceu, mas o formato PNG continua sendo uma excelente compactação sem perdas, menos usado que o formato TIF ou o JPG, mas uma boa opção para trabalho de qualidade sem perdas.

PowerPoint – morph com zooms e ideias

1. Inicio
2. Artigos Página 1

Estes efeitos de transição com zoom são parecidos com o Prezi. Dá algum trabalho, mas consegue-se criar bons zooms num programa conhecido.

Aqui no PowerPoint também penso que há mais facilidade em escolher o tipo de ficheiro que se quer. Aqui cria-se um vídeo dos diapositivos muito fácil em Prezi é um pouco mais difícil.

Slides

 

Video

 

PowerPoint – morph sem duplicar diapositivos

1. Inicio
2. Artigos Página 1

Criar transições em morph sem ter que duplicar o número de diapositivos é possível e facilita muito a navegação, o número total de diapositivos e claro simplifica quando são muitos. Também é fácil ter efeito morph quando se volta aos diapositivos anteriores.

Para ciar a transição basta ativar Morph no primeiro diapositivo e fazer novos duplicando-os. Para que o efeito morph aconteça uma copia do elemento tem que estar posicionado em qualquer sítio fora da tela no diapositivo anterior.

A posição, grau de rotação, tamanho e cores dos elementos copiados e posicionados nos diapositivos anteriores e próximos fazem ter efeitos deferentes.

Quando uma caixa de texto é editada esta tem que ser copiada e colada outra vez no diapositivo anterior para funcionar. As imagens são mais fáceis é só copiar, posicionar e redimensionar no diapositivo anterior (efeito para traz) e no próximo (efeito para a frente).

 

Slides

 

Video

 

PowerPoint – navegação lateral fácil com Modelo Global

1. Inicio
2. Artigos Página 1

Uma navegação lateral bem visível pode por vezes ser útil não só pela facilidade de navegação bem visível no computador, mas também para situar as pessoas que estão a assistir à apresentação.

Apresentar a matéria no primeiro slide acho que não é suficiente, com uma navegação visual de marcação todos irão saber sempre qual a matéria que foi dada, qual a que está a ser dada no momento e a que se segue para que miguem se perca.

É frustrante ver um dia positivo cheio te texto miudinho sem se ver referencia absolutamente nenhuma, e ficar sem saber qual a matéria que está a ser dada com aquela gatafunhada toda.

 

 

 

Video

 

PowerPoint – transições e efeitos fáceis com morph

1. Inicio
2. Artigos Página 1

Morph em formato de Gif

O conhecido PowerPoint agora com efeitos especiais muito fáceis usando transição morph.

Pode-se criar desta maneira muitos efeitos nas apresentações parecidas com Prezi, zooms deslocações de elementos, mudança de cores em texto e fundos, fazer aparecer ou desaparecer imagens e muito mais.

 

 

 

Morph em formato de Video

 

 

Morph em formato de Gif

 

 

Google Slides

 

Web – base de dados Mysql e MariaBD

1. Inicio
2. Artigos Página 1

Dois softwares de base de dados dos mais usados no mundo. Estes softwares são da mesma família, pode-se dizer que MariaBD é um rebento de Mysql. Os dois softwares são similares em tudo com a diferença que a MariaBD é open-source.

Estas bases de dados são muito usadas nos servidores de páginas web, quase todos têm os dois softwares instalados, também quando se instala um servidor local usando Wamp ou do Xamp são estas as bases de dados que usam e ficam instaladas.

Duas bases de dados muito polivalentes pois há muitos softwares para comunicar com estas, para inserir, ler e manipular os dados das tabelas, pode-se usar Webbase software ou Standalone software, como myPhpAdmin e mesmo o LibreOffice Base.

O software myPhpAdmin é muito usado na base de dados dos servidores que usam e disponibilizam a língua PHP para usar na criação de websites, assim por exemplo como na plataforma WordPress. Com myPhpAdmin diretamente ou usando PHP pode-se fazer 30 por uma linha aos dados que estão na base de dados.

O LibreOffice também é muito interessante não só porque é de graça e tem programas muito bons, mas porque pode-se usar como um cliente Standalone para comunicar com MariaBD ou Mysql local ou online, dá também para manipular os dados de muitas maneiras com filtros por todo o lado para ver o que se quiser de muitas maneiras e feitios.

Para conectar o LibreOffice Base em sistema Windows à base de dados Mysql ou MariaBD a partir de uma máquina virtual ou outro computador na network é preciso o computador ter o seguinte: LibreOffice Base, Java, conetor mysql-connector-java-5.1.46-bin.jar, IP do computador servidor onde está a base de dados, nome do utilizador previamente acertado na base de dados, a password e o número de porta que por defeito 3306.

Notas:

Á muitos programas para gerir e comunicar com o servidor local (local network) uns mais fáceis e intuitivos outros menos. Estes programas tanto os Web Base como os Standalone estão feitos para facilmente se conectarem com a base de dados estalada no servidor da local Network. Os computadores dos colaboradores na network podem ter o programa que mais gostarem e tenham mais prática para comunicar, ver, inserir e manipular os dados á sua maneira.

Só para clarificar um pouco quando muitas destas Base de Dados são instaladas no computador principal por exemplo MySql ou MariaDB este software não tem interface em si, não é um programa GUI. Sem um programa cliente como o LibreOffice Base ou o phpMyAdmin a base de dados só podia ser vista e manipulada através do “Comand Prompt” com código. Estes programas chamados de clientes GUI facilitam as pessoas a lidar com os dados na Base de Dados.

Algumas Base de dados assim como a MariaDB já trazem um programa GUI junto no caso é este Heidisql, a Mysql traz o Workbench, mas á muitos que se instalam aparte como qualquer outro programa no computador mesmo criados para gerir base de dados.

Software tipo pack para servidor local

Estes softwares facilitam muito a instalação de um servidor local para praticar, Base de Dados, PHP, HTML, CSS, Páginas web, WordPress e muito mais. Por exemplo o Wamp ou o Xamp trazem estas duas bases de dados MySql e MariaDB ficando tudo instalado muito facilmente incluindo o programa web base GUI phpMyAdmin para se ter interface fácil de lidar com a base de dados.

Nomes de alguns destes (Pack) softwares mais conhecidos quase todos são freeware

WampServer
Wampserver64
BitNami Application Stacks
MAMP
EasyPHP
USB Webserver
Devilbox

Nomes de Base de Dados muito conhecidas

MySQL (Oracle de graça)
MariaDB (Open Source)
Oracle (paga da Oracle)
SQL Server (paga da Microsoft)
MongoDB (Open Source)
PostgreSQL (Open Source)

 

 

 

Web - nomes palavras sinais e espaços

1. Inicio
2. Artigos Página 1

O nome de pastas e ficheiros são muito importantes para que facilmente se identifiquem, mas a maneira de escrever os nomes não é menos importante. Usar sempre a mesma forma de escrever os nomes de pastas e ficheiros seja num computador pessoal ou não, é meio caminho andado para se conseguir funcionar com rapidez e estar sempre tudo organizado e eficiente.

Há muito tempo que aprendi da maneira difícil que era necessário criar nomes em pastas e ficheiros sem espaços ou sinais e escolher sempre a mesma maneira de preencher os espaços entre as palavras. Agora mesmo quando não é importante o nome é difícil não usar o traço inferior e minúsculas sem sinais.

A organização de nomes criados sempre da mesma maneira, sem sinais e sem espaços é mais importante por exemplo quando se tem que fazer hiperligações absolutas ou relativas em local ou em servidor. O traço inferior e minúsculas também é muito usado em base de dados e claro sem sinais. Esta é a forma que me parece mais fácil e menos confusa e que não dá para esquecer facilmente porque é muito diferente das outras formas de criar nomes.

Uma outra forma que uso para organização quando é preciso adicionar uma data á pasta ou ao ficheiro é usar o ano sempre primeiro. 2018_06_26_nomes_palavras_sinais_espacos

Várias formas comuns de escrever nomes

Hífens - Os hífens podem ser confundidos com tentativas de subtração, e não são permitidos em código de JavaScript.

Sublinhados (traço_inferior) - Muitos programadores preferem usar sublinhados especialmente em bancos de dados SQL. Sublinhados são frequentemente usados na documentação de PHP.

Pascal Case - O PascalCase é frequentemente preferido pelos programadores C.

Camel Case - camelCase é usado em código JavaScript, por jQuery, e outras JavaScript bibliotecas.

 

 

 

Web – gif animados com o PowerPoint

1. Inicio
2. Artigos Página 1

O PowerPoint é um programa relativamente fácil de usar e consegue-se criar um vídeo muito rápido.

Esta imagem de Gif animada foi criada a partir de um vídeo do PowerPoint. Para criar a imagem Gif animada é preciso usar um programa de vídeo.

Os Gif animados são fácies de fazer e inserir nas páginas porque o código é igual a uma outra imagem qualquer. Estas imagens são boas quando a animação não precisa de som e são criadas com simples efeitos e não muito grandes, porque senão ficam muito pesadas ainda mais que o próprio vídeo.

O peso destas imagens dependem muito como foram criadas e até do programa usado para as criar. Estes Gifs animados são muito usados nos anúncios simples que se vêm nas páginas.

Neste caso como usei alguns efeitos a mais no PowerPoint o vídeo é um pouco pesado para inserir na página.

Um vídeo, mas com pesos deferentes depende do programa e dos tamanhos.

- Vídeo 1929p x 1080p = 10.8 Mb
- Video 1280p x 720p = 3.66 Mb
- Gif 1280p x 720p = 28.8 Mb (Premiere Pro)
- Gif 1280p x 720p = 5.85 Mb (Camtasia)

 

Gif Animada

 

Video

 

Writer - criar um formulário em pdf preenchível

1. Inicio
2. Artigos Página 1

No LibreOffice Writer é relativamente fácil ciar formulários preenchíveis em formato PDF.

Uma forma fácil de enviar por email formulários a alguém para serem preenchidos. Também é muito fácil ter estes formulários no website para as pessoas fazer download preenche-los e envia-los por email.

LibreOffice Writer

1. Criar um documento novo
2. Escrever um cabeçalho normal
3. Ir a Ver, Barras de ferramentas e Controlos de Formulário
4. Depois de ver a pequena janela de Controlos de Formulário clicar em caixa de texto
5. Arrastar o cursor no documento e depois posicionar a caixa

 

Neste formulário aqui foi usado só a Caixa de texto e a Caixa de verificação.

Uma maneira prática de alinhar e distribuir as caixas de texto é inseri-las dentro de uma tabela.

Para se ir ás propriedade da caixa é necessário clicar no pequeno botão no Controle de Formulários para que se esteja em modo de design. Depois fazer direita em cima da caixa para abrir as propriedades da caixa e poder mudar algumas das propriedades.

Onde é preciso mais alguma prática ou mais paciência é para alinhar as caixas e fazê-las do mesmo tamanho para que o documento se pareça mais ou menos bem no final.

Por último basta exportar como PDF e fazer certeza que na caixa que se abre o check está em Criar formulário PDF (ver imagem).

Formulário PDF

 

 

 

 

Computador - zipar ficheiros para os enviar mais fácil

1. Inicio
2. Artigos Página 1

Criar uma pasta zipada com vários ficheiros para enviar por email é muito fácil e uma forma de ter a certeza que a pessoa que recebe os encontra come se quer ou da mesma forma que estes foram criados. Por vezes é mesmo necessário quando por exemplo se tem um conjunto de ficheiros na mesma pasta ou mesmo em várias, mas os ficheiros estão hiperligados relativamente.

Isto é importante quando se envia ficheiros de Excel ou Calc que tenha ligação de funções entre eles.

Também por exemplo quando se cria um ficheiro em HTML com imagens que estejam dentro de outra pasta. Aqui é importante manter o enderenço das imagens relativo á pasta das imagens para que a pessoa que recebe as possa ver quando abrir o ficheiro.

Há muitas situações em que os ficheiros têm que ser recebidos dentro das pastas em que o conjunto de ficheiros foram criados, para que tudo funcione.

Onde estas pasta são muito usadas como se sabe são nos programas de software. Para que o programa funcione e se possa instalar os ficheiros têm que estar onde foram criados.

O sistema Windows por defeito cria e abre estas pastas sem ser preciso instalar qualquer programa, mas o programa WinRAR também é muito usado para criar e abrir estas pastas zipadas. Mas à muitos para fazer o mesmo.

O sistema android pelo menos o que tenho não trazia programa para extrair zipadas estou a usar um totalmente grátis que se chama ZAchiver.

Todas estas pastas zipadas que se faz download a partir das caixas de email ou de outro qualquer servidor têm que ser abertas (extraídas). O programa que se usa para abrir estas zipadas simplesmente faz uma cópia de todo o conteúdo dentro da zipada para uma pasta normal afim dos ficheiros funcionem se no caso houver ligação entre eles.

 

 

Web - imagens online para fazer ligações

1. Inicio
2. Artigos Página 1

Em muitos casos é preciso ter imagens nossas online para se poder usar o adereço absoluto delas e poder usar esse endereço em diversas situações, assim como por exemplo para usar uma class de CSS na tag da imagem afim da imagem ficar responsiva.

Aqui neste simples site no blogger onde criei um pequeno e muito simples template estou a usar as ligações á plataforma Bootstrap, ajuda e simplifica muita coisa e todo o site fica responsivo. Mas para usar as classes do Bootstrap incluindo a que faz as imagens serem responsivas tenho que inserir na tag das imagens a class do Bootstrap (img-responsive) e também o link absoluto da imagem. Se eu usar a mesma imagem com o código do blogger a imagem simplesmente fica com largura e altura fixa.

Querendo ter imagens responsivas no blogger, o que penso ser bastante importante, tem que se de uma maneira ou de outra trabalhar a tag da imagem. No blogger é bastante fácil fazer upload a uma imagem e usar o link absoluto em qualquer página mesmo fora do blogger.

Quase todos os servidores onde se faz uploads a muitas das nossas imagens disponibilizam o link que pode ser inserido numa tag criada por nós.

Aqui estão apresentadas 3 imagens responsivas cada qual com a sua class. Mas com 3 adereços absolutos a serem puxadas de 3 servidores diferentes.

Imagem com adereço absoluto do Blogger com class Bootstrap

Imagem com adereço absoluto do Facebook com class Bootstrap

Imagem com adereço absoluto da Dropbox com class Bootstrap

 

 

Aqui pode-se ver o código HTML das 3 imagens acima, cada uma delas com a class Bootstrap dentro das tags.

Esta apresentação de código está codificado com 2 divs e 6 classes do CSS frameworks da w3schools.

Em certas situações uso algumas classes deste CSS framework em conjunto com classes do Bootstrap.

Aqui estou a usar essa mistura de classes.

https://www.w3schools.com/w3css/default.asp

Codigo HTML das 3 imagens

<h4>Imagem com adereço absoluto do Blogger com class Bootstrap</h4>
<img src="https://4.bp.blogspot.com/-_H9VLoKs_po/WwWibk8VUeI/AAAAAAAATPk/t4Rau0fBdbA2f0ZvFH2Mtfob9GfkE89NQCLcBGAs/s1600/curso_maquina_corte.png" class="img-responsive" alt="Responsive image" title="Imagem com adereço absoluto do Blogger com class Bootstrap">

<h4>Imagem com adereço absoluto do Facebook com class Bootstrap</h4>
<img src="https://scontent.flis8-2.fna.fbcdn.net/v/t1.0-9/33226044_941631109342087_2623245112477483008_n.jpg?_nc_cat=0&oh=4eb28f9e91d4b9578bbe9d418d598f99&oe=5B904CC8" class="img-responsive" alt="Responsive image" title="Imagem com adereço absoluto do Facebook com class Bootstrap">

<h4>Imagem com adereço absoluto da Dropbox com class Bootstrap</h4>
<img src="https://photos-2.dropbox.com/t/2/AAAmvdrNqC9ZQpwh9B13FsQo9C6FNKb5p15Z4zuxX9k2yw/12/14404873/png/32x32/1/_/1/2/curso_excel.png/EO-n2woYjaEBIAIoAg/A77aEyNzizGj5V6BDZRF7GwuaBGBpNUcXtwFUP9TQzw?preserve_transparency=1&size=2048x1536&size_mode=3" class="img-responsive" alt="Responsive image" title="Imagem com adereço absoluto da Dropbox com class Bootstrap">

 

Web - imagens responsivas para todos os monitores

1. Inicio
2. Artigos Página 1

Agora já é muito importante ter imagens responsavas em todas as páginas web por causa dos tamanhos e rácios dos monitores dos computadores e dos smartphones. O CSS para se ter uma imagem responsiva é bastante simples basta criar uma class em CSS dentro da head tag da página. Mas há outras 2 maneiras deferentes de fazer o mesmo uma é usando style em linha na tag da imagem e a outra é usar um link ao ficheiro online e usar a class na tag da imagem também.

Vou tentar simplificar aqui essas 3 formas de conseguir ter uma imagem responsiva.

A imagem mostra o código de um documento HTML com 3 tags de imagens usando 3 formas de fazer uma imagem responsiva. Este é um documento HTML simples, mas completo. Este documento mostra 3 imagens iguais com 1280px de largura em qualquer navegador que tenha mais de 1280 pixels de largura, mas mostra as imagens perfeitamente também se for num smartphone.

A largura máxima (max-width:1280px) tem 1280px porque a imagem foi criada com essa largura neste caso tem rácio 16:9 que dá 1280x720 pixels. O código de CSS faz com que esta imagem não fique esticada se se estiver a vê-la num monitor 16:9 com 1920x1080px por exemplo. O mínimo (min-width:200px) faz com que a imagem se encolha só até a medida indicada no código neste caso 200px de largura. O mínimo de certa forma é importante porque pode-se ter uma imagem que não interesse mostrá-la muito pequena e aqui podemos ter controle como alguém vê essa imagem.

Estas imagens com class para serem responsivas preenchem sempre o espaço que lhe é dado até á largura original em que foram criadas, ou seja, se esta imagem com 1280px for inserida dentro de um DIV que tiver a largura fixa de 800px a imagem preenche toda essa largura e não mais. Se esta mesma imagem for inserida numa tabela com 300px de largura ela também só preenche essa largura. Todas as imagens responsivas se ajustam a medida das janelas dos navegadores.

 

Programa grátis para aprender a fazer páginas web

http://www.htmlkit.com/download/

 

 

Codigo HTML da página da imagem

<!doctype html>
<html><!--html tag (abrir)-->
<head><!--head tag (abrir)-->
<meta charset="utf-8">
<title>Imagem Responsiva</title>

<!-- CSS link para ficheiro exterior -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<!-- CSS dentro da head tag -->
<style type="text/css">
.class_para_se_ter_imagens_responsivas{
width:100%;
max-width:1280px;
min-width:200px;
}
</style>

</head>
<body> <!--body tag (abrir)-->

<p>Imagem que será responsiva por ter uma class na tag ligada ao ficheiro de CSS online. (Bootstrap)</p>
<img class="img-responsive"
title="Texto que os navegadores mostram quando o cursor está em cima da imagem."
alt="Texto que os navegadores mostram quando a imagem não é descarregada para ser apresentada."
src="https://1.bp.blogspot.com/-a5rwsm0nNO0/WwKdcONbPuI/AAAAAAAATOg/YijsBIa0-zgBdQzT-vGNo_nlA1WpmDojwCLcBGAs/s1600/computador_bios_facil_de_usar_01.png"/>
<br/> <!--Tag para mudar de linha que se usa mais em texto, neste caso faz com que haja uma separação entre a imagem de cima e a de baixo. Esta tag é unica abri e fecha na mesma tag uma das poucas que existe.-->

<p>Imagem que será responsiva por ter uma class na tag em CSS criado dentro da head tag deste documento.</p>
<img class="class_para_se_ter_imagens_responsivas"
title="Texto que os navegadores mostram quando o cursor está em cima da imagem."
alt="Texto que os navegadores mostram quando a imagem não é descarregada para ser apresentada."
src="https://1.bp.blogspot.com/-a5rwsm0nNO0/WwKdcONbPuI/AAAAAAAATOg/YijsBIa0-zgBdQzT-vGNo_nlA1WpmDojwCLcBGAs/s1600/computador_bios_facil_de_usar_01.png"/>

<p> Tag de paragrafo o texto é escrito entre a tag <br/>de abrir e a tag de fechar. O texto deste paragrafo muda de linha depois da palavra tag porque tem lá a tag de mudar de linha</p>

<p>Imagem que será responsiva por ter CSS style em linha, ou seja dentro da própria tag da imagem.</p>
<img style="width:100%; max-width:1280px; min-width:100px;"
title="Texto que os navegadores mostram quando o cursor está em cima da imagem."
alt="Texto que os navegadores mostram quando a imagem não é descarregada para ser apresentada."
src="https://1.bp.blogspot.com/-a5rwsm0nNO0/WwKdcONbPuI/AAAAAAAATOg/YijsBIa0-zgBdQzT-vGNo_nlA1WpmDojwCLcBGAs/s1600/computador_bios_facil_de_usar_01.png"/>

</body><!--body tag (fechar)-->
</html><!--html tag (fechar o documento no total)-->

 

Computador - bios fácil de usar

A BIOS (Basic Input/Output System) também conhecido como System BIOS, ROM BIOS ou PC BIOS é um tipo de firmware usado para realizar a inicialização do hardware durante o processo de inicialização nos computadores compatíveis com o IBM PC, e para fornecer serviços de tempo de execução para sistemas operacionais e programas. A BIOS é um programa de computador pré-gravado em memória permanente chamado firmware que é executado pelo computador quando este é ligado. Este firmware é responsável pelo suporte básico de acesso ao hardware, e por iniciar e carregar o sistema operativo na memoria RAM (Random Access Memory).

A BIOS está gravada num chip de memória ROM (Read Only Memory) nas placas-mãe, impedindo este firmwere de ser desinstalado. Isto quer dizer que este código gravado neste tipo de memoria nunca é apagado e só pode ser lido. Na memória RAM isso não acontece o computador (CPU) dá instruções ao iniciar para carrega o Sistema Operativo e ao desligar a memoria fica vazia. Por isso se perde o trabalho quando o computador se desliga e não se tem bateria. Quando o computador é posto em suspenso a memória RAM está com o sistema operativo carregado por isso o computador recomeça rapidamente.

Se este firmware estiver danificado por vírus ou outro problema o computador não inicia qualquer sistema operativo porque não consegue ter o contacto inicial necessário com o disco rígido (hardware) para carregar o sistema operativo instalado nele.

Os fabricantes de computadores fazem atualizações a este firmware e está sempre disponível nos sites do fabricante. Como este firmware difere de máquina para máquina o download tem que ser para o modelo próprio do computador. O risco de se instalar o firmware errado é alto se não se tiver cuidado o computador não irá arrancar.

 

 

 

Computador - criar copia de segurança integral

Esta é uma das melhores e mais eficientes formas de fazer uma cópia de segurança de todo o disco rígido de um computador.

Este programa gratuito para computadores de casa já me salvou várias vezes de ter de andar a instalar todo o sistema operativo e todos os programas de novo quando alguma coisa corre mal com o Sistema Operativo Windows.

A última vez foi á dias atrás depois de mais uma grande atualização deste sistema operativo. Depois desta atualização fiquei com o sistema de som todo cheio de problemas nem podia usar o telegram, um programa que uso todos os dias para mensagens e telefonar via Internet.

Neste caso valeu-me ter feito uma imagem de todo o meu Sistema Operativo incluindo todos os programas instalados no meu disco rígido com este espetacular programa em dezembro último. Assim bastou-me 1 hora e meia para ter todo o computador como eu estou acostumada com todos os programas a funcionar normalmente. Neste caso poderia ter usado um ponto de restauro de uma data anterior, a esta atualização. Mas os pontos de restauro só funcionam se o sistema operativo estiver a funcionar.

 

 

Com uma imagem de todo o sistema e programas mesmo que o disco rígido tiver de ser mudado por qualquer razão em pouco tempo pode-se ficar com tudo a funcionar como se está acostumado ou seja com o sistema operativo como o conhecemos e todos os programas, o que ajuda sempre a automatização do trabalho no nosso computador pessoal.

Estas cópias de todo o sistema que incluem o sistema operativo, os programas e todos os documentos que tiverem no disco, chamadas de imagem de recuperação devem ser guardadas em discos rígidos separados e seguros e terem também espaço suficiente para 2 ou 3 imagens. Estas imagens ocupam o espaço que se tem no C quando se cria a imagem de segurança. Digamos que tem 150 GB ocupados no disco, se criar uma imagem todos os meses e guardar as últimas 3 o disco que se usa para guardar estas 3 imagens precisa de ter pelo menos 500GB de espaço só para estas imagens de recuperação.

Estas imagens de recuperação podem ser usadas e instaladas no mesmo computador quando algo corres menos bem ou em qualquer disco rígido de outro computador que possa usar o mesmo sistema operativo. É claro que não se poderia instalar uma imagem de recuperação de um sistema de 64bits numa máquina de 32bits. As instalações destas cópias de segurança do sistema são feitas a partir de uma pen-de-memória normal, onde este mesmo programa instala o seu pequeno sistema operativo que irá instala uma das imagens guardadas no disco do computador que se pretende recuperar.

O computador a ser recuperado ou restaurado para uma data anterior a fim de ficar como estava a pouco tempo atrás terá que ser iniciado a partir desta pen-de-memória que tem o sistema de recuperação deste mesmo programa. Normalmente tem que se abrir á bios e escolher esta pen-de-memória para que o computador inicie partir dela. Por vezes basta escolher no primeiro ecrã por onde se quer iniciar o computador pelo disco normal ou pela pen depende do computador.

No meu computador de secretária como tem uma placa-mãe mais ou menos ressente é muito fácil de ao iniciar escolher abrir a bios e muito normal e fácil escolher a pen ou outro disco para o computador fazer boot através dele.

Como nestes computadores grandes pode-se ter vários discos com vários sistemas operativos instalados ir á bios é coisa do dia a dia por vezes. Eu tenho por acaso instalado o sistema operativo ubuntu num outro disco e mudo de sistema operativo cada vez que quero, ou posso escolher qualquer pen-de-memoria conectada ao computador com um outro qualquer sistema operativo para o computador arrancar.

Agora com as placas-mãe modernas a usam o sistema UEFI (Unified Extensible Framework Interface) é facílimo entrar, mudar e escolher o disco que tem o sistema operativo para iniciar o computador. Já não é uma coisa só para os técnicos qualquer pessoa consegue ter acesso á bios e mudar o que bem entender.

Download: https://www.macrium.com/reflectfree

 

Computador - separar páginas de um pdf

Separar e criar um PDF com uma página ou várias páginas de um outro PDF.

Para mim o mais fácil e rápido é usar um navegador e arrastar o PDF para a janela do navegador. Depois fazer Ctrl+p e na janela lateral do navegador em Páginas inserir o números de página ou páginas que se quer separar e criar outro PDF.

Se se quiser somente a página 2 e a 4 basta separar os números de página com uma virgula. (2,4).

Se se quiser conjuntos de páginas entre 2 e 3 e 5 e 6 separar os números com um travessão e usar uma virgula para separar os conjuntos. (2-3,5-6). Clicar imprimir e guardar o novo PDF.

 

 

Calc - lista de letras de colunas

Lista de letras de colunas para o Excel ou Calc com 338 colunas de A a LZ.

Estas listas com as letras das colunas por vezes são precisas por exemplo para CONCATENAR varias células afim de criar um adereço para ir buscar dados a outra folha.

 

Calc - adicionar dados a uma coluna

Há sempre varias maneiras de fazer a mesma coisa, no Calc, Excel ou outro programa de folha de calculo.

Neste simples exemplo adicionei umas iniciais á esquerda de todas as células de uma coluna no calc, usei a função CONCATENAR e autofill.

1. Copiei e colei a coluna dos Cursos numa coluna disponível limpa.

2. Preenche toda a coluna á esquerda dos Cursos com o texto a acrescentar LNF_

3. Numa outra coluna usei a função concatenar para juntar os dados das duas células da coluna Texto e da coluna Cursos.

4. Com a função criada corri a função até a ultima linha de dados.

5. Depois copiei toda a coluna e colei na coluna certa usando Colar Especial sem as formulas selecionadas.

 

 

Calc - transpor de linhas para colunas

Transpor dados que estão em linha para colunas é fácil e necessário para manipular dados a fim de conseguir mais depressa o que se quer.

Recentemente usei esta função para transpor dados de uma lista grande em colunas para mais facilmente inserir os dados no sitio certo.

1. Selecionar todas as células da área que se quer transpor.

2. Copiar a área selecionada

3. Colar escolhendo Colar especial e transpor