Tutorial Hackintosh: instale o sistema operacional da Apple em qualquer PC

Reprodução

TUTORIAL HACKINTOSH (por tonymacx86)

VOCÊ VAI PRECISAR DE:

- Um computador com processador Intel;

- Um CD virgem;

- Um DVD ORIGINAL do Mac OS X Snow Leopard Retail

ANTES DE COMEÇAR

- Se você tiver mais de 4GB de RAM, remova a RAM extra e deixe, no máximo, 4GB. Você poderá colocar a memória extra de volta depois do processo de instalação;

- Use apenas uma placa gráfica no primeiro slot disponível;

- Remova todos os discos rígidos, além da unidade em branco a ser utilizada para a instalação do OS X.

- Remova todos os periféricos USB (deixe apenas teclado e mouse conectados)

- Remova também as placas PCI;

- Se estiver usando uma placa Gigabyte 1156, use a porta blue Intel SATA - não a white Gigabyte SATA;

- Prefira um HD vazio - você terá que particionar e formatar o drive;

PASSO 1: Configurações da BIOS

Você precisará configurar sua BIOS para o modo ACHI e sua prioridade de inicialização para começar a partir do CD-ROM. Este é o passo mais importante, e o que muitas pessoas ignoram. Certifique-se que as configurações da BIOS estejam corretas. Não é difícil - além de definir prioridade de inicialização para CD / DVD, mude para o modo SATA para AHCI, e defina o HPET para 64 bits.









PASSO 2: INSTALE O MAC OS X

Antes de iniciar o DVD MAC OS Retail do Snow Leopard, você precisará baixar e gravar o iBoot ((http://www.tonymacx86.com/downloads)).

1. Faça o download do iBoot.

2. Grave a imagem no CD.

3. Coloque o iBoot num drive de CD/DVD.

4. Reinicie o computador.

5. No aviso de inicialização, ejete o iBoot.



6. Insira o DVD do Mac OS X Snow Leopard Retail e aperte a tecla F5.

7. Quando aparecer a tela abaixo, pressione Enter para começar o processo de reinicialização.



8. Quando chegar a tela de instalação, abra Utilities/Disk Utility. NOTA: Se você não conseguir chegar à tela de instalação, tente novamente a partir do Passo 4, digite PCIRootUID=1 antes de apertar Enter. Se isso não funcionar, então tente PCIRootUID=1-x ou simplesmente -x, que entrará no Mac OS X Modo Seguro e permitirá que você prossiga.

9. Particione a seu disco rígido para GUID Partition Table.

10. Formate seu disco rígido para Mac OS Extended (Journaled). NOTA: O bootloader só pode iniciar a partir de um disco ou partição de 1 TB ou menos. Divida os drivers maiores.

11. Para os fins deste guia, chame-o Snow Leopard. Você poderá renomeá-lo mais tarde.

12. Feche o Disk Utility.

13. Quando o instalador perguntar onde instalar, escolha Snow Leopard.

14. Escolha Customize e desmarque as opções adicionais. Isto irá acelerar o processo de instalação. Você sempre pode instalar essas coisas mais tarde.

15. Reinicie o computador.

16. Coloque o iBoot no lugar de volta no drive.

17. Quando você chegar à tela de seleção de boot, escolha a nova instalação do Snow Leopard.



18. Veja o vídeo de boas vindas do Mac OS X Snow Leopard, e configure seu computador!

PASSO 3: ATUALIZE PARA 10.6.8

1. Abra o Finder e vá até a unidade do seu Snow Leopard.

2. Clique com o botão direito do mouse e exclua a pasta Mac OS X Install, pois essa pasta não será necessária.

3. Faça o download do Mac OS X 10.6.8 Combo Update (http://support.apple.com/kb/DL1399)

4. Faça o download do MultiBeast (http://www.tonymacx86.com/downloads)

5. Abra o MultiBeats - mas não o execute ainda, apenas o deixe aberto.



6. Monte MacOSXUpdCombo10.6.8.dmg

7. Instale MacOSXUpdCombo10.6.8.pkg

8. Após a conclusão, o instalador irá pedir para reiniciar. MAS NÃO REINICIE.

9. Mude para o MultiBeast, que já está aberto. Caso a janela feche, apenas abra novamente.

PASSO 4: MULTIBEAST



MULTIBEAST é uma ferramenta de pós-instalação projetada para permitir a inicialização do disco rígido, e instalar o suporte para áudio, rede e imagens.

1. Inicie o MultiBeast.

2. Se você tem um DSDT personalizado que foi editado, coloque o arquivo no seu desktop e escolha UserDSDT.

3. Em todos os outros, selecione EasyBeast.

4. Selecione System Utilities

5. Opicional: você pode instalar drivers adicionais através de Advanced Options para permitir sons, gráficos, etc. Certifique-se de ler a documentação fornecida sobre cada opção de instalação. NOTA: no EasyBeast e UserDSDT, instale o bootloader padrão, para que você não precise verificar essa opção.

Veja vídeos de exemplos do multibeast (http://tonymacx86.blogspot.com/2010/06/multibeast-20.html)

6. Instale o Snow Leopard - que deve levar cerca de quatro minutos para executar os scripts.

7. Retire o iBoot.

8. Reinicie a partir de sua nova unidade de instalação do Snow Leopard.

PARABÉNS, AGORA VOCÊ JÁ TEM O SEU HACKINTOSH!!!



[Tutorial] - Olhar Digital

Manutenção de Computadores

Bom galera como a maioria do pessoal tem medo de abrir o gabinete achando ser um bicho de 7 cabeças n é assim também não .. aki vão umas aulas de como mexer em cada periférico .. como manusear cada parte da placa mãe etc .. então xega de papo e vamos ao trabalho ...

A revolução tecnológica ocorrida nos últimos anos tornou a informática acessível praticamente para qualquer pessoa. Atualmente, está muito fácil aprender sobre computadores, principalmente pelo preço reduzido das máquinas e pela existência de diversos cursos de informática muito baratos. Consequentemente, cada vez mais  pessoas estão aprendendo a montar e configurar os próprios PCs, deixando de lado o trabalho especializado.

Por outro lado, a falta de perícia na montagem de uma máquina pode levá-la ao mau funcionamento de seus componentes, ocasionando um grande prejuízo. Por esse motivo, nós desenvolvemos este tutorial, que aponta os principais erros ocorridos durante a montagem de um computador, desta maneira, prevenindo suas ocorrências durante o processso.




[ Ver em tamanho real ]



Ao longo do texto nós disponibilizamos links para diversos artigos já escritos pela nossa equipe, os quais permitem que você possa se aprofundar mais no assunto.

1. Adquirindo os componentes certos


O requisito básico para montar um computador de maneira correta é saber exatamente quais os componentes que serão utilizados e se eles são compatíveis entre si. Por exemplo, as placas-mãe mais novas possuem slots de vídeo PCI-Express, então placas gráficas AGP não são compatíveis. O mesmo acontece com as memórias DDR3, que não são compatíveis com as placas-mãe DDR2.



[ Ver em tamanho real ]




Acima, nós temos um pente de memória SDRAM e abaixo slots DDR. Repare que os encaixes são totalmente diferentes.



[ Ver em tamanho real ]



Por isso, ao comprar um novo equipamento, sempre pesquise a sua compatibilidade com os demais componentes da máquina. Se você efetuou uma compra equivocada e o vendedor for com a sua cara, ele poderá até efetuar a troca da peça por um modelo mais adequado. Caso contrário, você terá que arcar com o prejuízo.



2. Cuidados com a eletricidade estática



A eletricidade estática, como seu próprio indica, é um tipo de eletricidade que fica armazenada nos corpos em forma natural. Quem não sem lembra da experiência de atritar uma caneta no cabelo e atrair pedacinhos de papel? Esta é exatamente uma demostração da atuação da eletricidade estática. Quando uma pessoa está demasiadamente carregada, a simples ação de tocar uma peça de metal faz com que seus elétrons sobressalentes sejam transferidos. O problema é quando a peça em questão é um componente do computador ( placa mãe, placa de vídeo, memória, HD, etc), pois ele pode ser danificado seriamente por esse tipo de energia.

Portanto, antes de manusear as peças de um computador, é necessário descarregar a eletricidade estática presente em seu corpo. A primeira recomendação é que o assoalho do ambiente seja composto por algum material condutor por natureza, como um piso pintado com tinta especial. Carpetes são péssimos, pois não eliminam energia. Para garantir que você esteja descarregado eletricamente antes de tocar nas peças do PC, é possível usar uma pulseira antiestática. Um bom aterramento também é recomendado para evitar problemas dessa natureza.



[ Ver em tamanho real ]




3. Superaquecimento de componentes

O superaquecimento é um problema muito sério, pois leva componentes da máquina a travarem constantemente, danificando-os completamente a médio prazo. Entre suas principais causas, estão a falta de uso e uso incorreto de coolers, o que faz com que as peças não sejam resfriadas corretamente. Neste problema, A CPU e o GPU (processador da placa de vídeo) são os mais afetados. Por esse motivo, seus coolers devem estar sempre limpos e fixados com a quantidade certa de pasta térmica, pois uma quantidade elevada também é prejudicial.



[ Ver em tamanho real ]




A super lotação de componentes em gabinetes de tamanho reduzido também contribui  para o superaquecimento da máquina, pois nesta situação os coolers não dão conta do resfriamento. Por este motivo, ao menor sinal de travamento de componentes como o processador, é recomendado abrir o PC e verificar o modo com que as peças estão organizadas e se as ventoinhas estão limpas. O excesso de coolers também pode fazer com que o ar não circule corretamente.



4. Adequação e fixação da placa mãe ao gabinete


Ao comprar uma placa-mãe, é necessário verificar se o gabinete é compatível ou não com o modelo. O motivo é bem simples, pois modelos diferentes simplesmente não encaixam, o que fará com que você tenha de abandonar uma das peças.  Por isso, é interessante efetuar a compra da placa-mãe e do gabinete ao mesmo tempo, perguntando ao vendedor sobre a sua compatibilidade.

A tentativa forçada de fixação entre modelos incompatíveis irá causar a invalidação de sua placa-Mãe. Por isso, não é nem um pouco recomendado efetuar gambiarras, como furar e cortar pedaços da motherboard para que ela se encaixe no gabinete. Além disso, utilize sempre chaves de boa procedência.



[ Ver em tamanho real ]




Outro ponto que merece ser comentado é  a espuma anti-estática que acompanha a placa mãe. Muitos técnicos de informática costumam prendê-la entre o gabinete e a placa-mãe, o que pode causar a falta de circulação de ar, assim, superaquecendo seus componentes.


5. Fonte de Alimentação



Ao comprar a fonte de alimentação, você deve ter em mente qual será o uso do PC: Internet, escritório ou jogos. Cada um dos perfis citados exigem uma fonte distinta, principalmente pelos componentes que serão conectados à ela.

Por exemplo, em um computador destinado para o acesso à Internet, uma fonte de 400W já é suficiente, visto que peças como o processador utilizado nela provavelmente não são de última geração, o que não exige muita energia. Já para um perfil de jogos, uma fonte de alta qualidade torna-se indispensável, visto que CPUs multi-core e placas de vídeo top de linha consomem muito. Ao efetuar sua compra, é necessário verificar se a potência indicada realmente é a real, pois muitas fontes são vendidas como se fossem mais fortes do que realmente são.



[ Ver em tamanho real ]




Fontes de energia nunca devem ser abertas, pois representam um perigo real  para a integridade física do usuário e do computador. Por curiosidade, a imagem acima exibe uma fonte de energia aberta.  O domicílio onde o computador se faz presente deve ter aterramento, pois uma queda de energia ou a queda de um raio pode comprometer a fonte  e seus componentes de forma catastrófica. A escolha da voltagem certa também é muito importante.



6. Cuidados com o processador e a memória


O passo que exige mais atenção durante a montagem de um computador é o encaixe do processador na placa mãe, principalmente por vários perigos estarem envolvidos na tarefa. O primeiro deles, já comentado anteriormente, é a ação da eletricidade estática, a qual pode danificar muitos  microtransistores com uma simples descarga de energia.

Além disso, deve-se tomar cuidado com a fixação da CPU propriamente dita, pois os pinos conectores são frágeis, podendo danificar o encaixe caso a tentativa seja forçada. Por isso é importante verificar se o Socket do processador é o mesmo da placa mãe.



[ Ver em tamanho real ]





Na foto acima é possível observar a quantidade de pinos conectores que o Intel Celeron contém.

A instalação da memória também exige alguns cuidados. O primeiro deles se refere à escolha do modelo correto de pente, pois as placa mães que suportam só DDR2 não suportam DDR3. Além disso, é importantíssimo o uso de pentes de mesma marca e frequência, caso contrário, a memória de um modo geral pode operar de maneira desregulada, sendo limitada pelo desempenho do pente inferior.


7. Disco rígidos e unidades óticas


Os Discos rígidos devem ser encaixados de maneira firme no gabinete, preferencialmente parafusados. O seu manuseio também deve ser efetuado com cuidado, visto que uma queda normalmente danifica-o por completo. Além disso, é necessário ter cuidado caso você for configurar os discos através dos Jumpers, pois pinos no lugar errado vão fazer com que eles não sejam reconhecidos corretamente. Os cabos de energia e  de transferência de dados devem estar organizados de forma a não se tornarem um emaranhado de fios.



[ Ver em tamanho real ]




As demais mídias óticas também devem ser presas de forma eficiente, para evitar que os drives saiam da posição ao inserir ou retirar CDs/DVDs.


8. Conexão de cabos na Placa-Mãe


Atualmente, cada componente na placa-mãe possui conexões específicas, o que impede que cabos sejam conectados de maneira errônea. Portanto, se algum cabo precisa ser forçado para ser encaixado, provavelmente não é a sua entrada correspondente. A leitura do manual da placa mãe pode ser bem útil neste momento, pois esclarece as principais conexões existentes na máquina.



[ Ver em tamanho real ]




Além do cuidado em saber quais as conexões correspondentes, é necessário também estar atento para que os cabos sejam conectados de forma organizada. É relativamente comum abrir computadores e encontrar um emaranhado de fios enrolados entre si. Isso demonstra uma falta de cuidado de parte de quem montou o PC, podendo causar problemas sérios de superaquecimento, e em alguns casos, curtos circuitos.


Bom galera aki se encerra um mini tutorial de manutenção e montagem de compuatdores .. espero q tenham compreendido q n tem nada de mais ..  é apenas um trabalho q requer bastante  atenção .. espero q tenham gostado e até a próxima

fonte

Introdução ao HTML

INTRODUÇÃO
HTML significa HyperText Markup Language. Traduzindo para o português seria:
Linguagem de Marcação de Hypertexto.
A linguagem HTML é uma linguagem de formatação de hypertexto, ou seja, HTML não é
uma linguagem de programação como o PHP ou ASP ! Ela apenas delimita um certo
conteúdo através das tags que indicam ao browser como estes devem ser imprimidos na
tela do seu navegador. A HTML é formada por tags, atributos e valores, veja abaixo:

Citação:

<tag atributo="valor">

Devemos destacar também que HTML não é case sensitive, ou seja, tanto faz você
escrever <tag>, <TAG> ou <TaG> que o resultado será o mesmo. Porém por questão de
organização e estética preferimos escrever com todas as letras minúsculas.

ESTRUTURA BÁSICA DE UMA PAGINA HTML

<html>
<head>
<title>
Titulo da Página!
</title>
</head>
<body>
Corpo da Página!
</body>
</html>

<html> : delimita o inicio e o fim dos códigos html
há o atributo version, que permite informar a versão do HTML usado, além do atributo
dir, que serve para indicar a direção do fluxo do texto(pode ser RTL=direita p/ esquerda
ou LTR p/ contrário)
<head> : delimita o cabeçalho de programação da pagina.
Aqui ficam as informações sobre TITULO, NOME DO AUTOR, ...
<title> : determina o texto que será exibido na barra de titulo do browser.
<body> : delimita o corpo da pagina.
Local onde ficam os elementos mostrados ao usuário.

Atributos do <body>



[ Ver em tamanho real ]



Formatando o Texto:

Citação:

<p> Delimitador de inicio e fim, definindo um parágrafo.
V Possui o atributo align que permite alinhar os parágrafos. O
alinhamento pode ser:
o Esquerda – left
o Direita – rigth
o Centro – center
o Justifica – justify
Ex: <p align=”center”> Texto Centralizado</p>
<blockquote> Permite a adição de margens à esquerda e à direita, destacando os
elementos em seu interior.
<dd> Cria um parágrafo com recuo
<dt> Cria um parágrafo sem recuo
<pre> Este comando permite que o texto contido nele seja apresentado
exatamente como foi digitado na página.
<marquee> Formata o texto com aspecto de letreiro em movimento. Alguns atributos
são:
• Align: posiciona o texto em relação ao fundo do letreiro.
o Top: posiciona o texto junto à borda superior;
o Middle: posiciona o texto no meio;
o Bottom: posiciona o texto junto à borda inferior;
• Behavior: como deve ser feita a rolagem do texto.
o Scroll: rola o texto da direita para esquerda;
o Slide: rola o texto e depois interrompe a rolagem;
o Alternate: rola o texto uma vez e depois oscila entre as
bordas;
• Direction: define direção de rolagem do texto.
o Left: da direita para esquerda;
o Right: da esquerda para direita;
• Bgcolor: determina a cor de fundo do letreiro.
• Height: define a altura do letreiro em relação à altura da página.
• Hspace: define afastamento horizontal do letreiro com relação
aos demais elementos.
• Loop: define o numero de vezes que o texto rolará na tela
• Scrollamount: define a velocidade de rolagem do texto.
• Scrolldelay: define o tempo entre as rolagens do
texto(em milissegundos)
• Vspace: define afastamento vertical do letreiro com relação aos
• demais elementos.
• Width: define a largura do letreiro em relação à largura da
<br> Define uma qpuáegbrian ad.e linha, se usado isoladamente cria uma linha em branco.
<hr> Cria linhas horizontais e verticais na pagina. Atributos:
• Align: permite alinha horizontalmente a linha.
o Left: alinha junto à margem esquerda;
o Right: alinha junto à margem direita;
o Center: centraliza a linha entre as margens;
• Noshade: remove o aspecto sombreado que simula uma linha em relevo.
• Size: define a espessura da linha em pixels.
• Width: define o comprimento da linha em pixels ou como percentual do tamanho da
tela.
<nobr> Impede quebra de linha, mantendo as palavras ligadas por este comando na mesma linha.
<plaintext> Deste comando para frente tudo é interpretado como texto puro, ignorando os comandos
do HTML, mostrando os comandos junto com o texto.

Sem argumentos o comando <body> adota as seguintes cores:
Texto : preto
Plano de fundo: branco
Links : azuis
OBS: As cores exibidas podem ser diferentes daquelas que programamos, caso o
usuário altere as configurações de exibição de seu navegador;

Cabeçalhos (Headers):

Cabeçalhos podem ser usados em qualquer parte da página em HTML para dar
destaque maior ou menor a algum termo do texto. Existem 6 tamanhos de
cabeçalhos e eles são usados da seguinte forma: <h1> . . . </h1>; permitem
formatar textos de 6 formas diferentes: <h1>, <h2>, <h3>,
<h4>, <h5>, <h6>; o tamanho diminui no sentido que o valor de h aumenta;

Os cabeçalhos têm atributos de alinhamento:
<H2 ALIGN=CENTER>Cabeçalho centralizado</H2>
<H2 ALIGN=RIGHT>Cabeçalho alinhado à direita</H2>
<H2 ALIGN=LEFT>Cabeçalho alinhado à esquerda (default)</H2>
<H2 ALIGN=JUSTIFY>Cabeçalho justificado</H2>

Tipos de Letra:

Citação:

<b> Exibe o texto em negrito
<i> Exibe o texto em itálico
<u> Exibe o texto em sublinhado
<big> Aumenta o tamanho do texto delimitado
<small> Diminui o tamanho do texto delimitado
<sub> Coloca o texto como subscrito
<sup> Coloca o texto como sobrescrito
<tt> Exibe o texto demarcado com aspecto de maquina de escrever
<blink> Ativa a exibição intermitente do texto delimitado (NETSCAPE)
<em> Exibe texto com um formato diferenciado, similar ao itálico.
<strong> Exibe texto com um formato diferenciado, similar ao negrito.
<cite> Usado em citações de texto
<code> Diferencia textos pertencentes a um programa do restante do texto
< kbd > Indica que parte do texto escrito corresponde a uma tecla a ser pressionada
< var > Permite a indicação de variáveis de um programa

OBS: Todos os comandos acima são usados aos pares, ou seja, tem-se uma tag de
inicio e outra
de fim. Ex: <b> Texto em Negrito </b>

Uso de Fontes:

Basicamente há três atributos para se trabalhar com o comando fonte, por
meio deles vamos definir, tipo, tamanho e cor das fontes a serem utilizadas. Estes são
citados abaixo:

Citação:

<font face=”nome da fonte”> Seleciona o tipo de fonte a ser usada no texto
<font size=”tamanho da fonte”> Seleciona o tamanho da fonte a ser usada
<font color=”cor da fonte”> Seleciona a cor da fonte a ser usada no texto

Ex:<font face=”Arial” size=”2” color=”red”>

Uso de Listas:

Podemos trabalhar com dois tipos de listas, as listas ordenadas, no qual
podemos numerar cada item que a compõe, e as listas não ordenadas, que são
identificadas por marcadores à esquerda dos itens.
Listas Não-Ordenadas
• são delimitadas pelos comandos <ul>...</ul>
• cada elemento da lista deve vir precedido do comando <li>
• o uso desse comando dentro de um bloco já existente permite a criação de
subitens.

Atributos das listas não-ordenadas

Citação:

Type Define o tipo de marcador a ser utilizado em cada item da lista. Algumas
opções são:
V circle – tipo circular
V square – tipo quadrado
V disk – tipo elíptico
dir Define a orientação da lista (pode ser RTL=direita p/ esquerda ou LTR p/
contrário)

Como inserir imagem como marcador:
<ul style="list-style-image: url(sol.jpg);">
OBS: Para criação deste tipo de listas pode-se usar <menu> ou <dir>
Listas Ordenadas :
• são delimitadas pelos comandos <ol>...</ol>
• cada elemento da lista deve vir precedido do comando <li>
• o uso desse comando dentro de um bloco já existente permite a criação de
subitens.

Atributos das listas ordenadas

Citação:

type Define o tipo de marcador a ser utilizado em cada item da lista. Algumas
opções são:
V numeração cardinal
V numeração com letras maiúsculas ou minúsculas
V numeração romana
start Define o numero inicial da numeração
value Quando utilizado com o comando <li> é possível forçar uma numeração.
Dir Define a orientação da lista (pode ser RTL=direita p/ esquerda ou LTR p/
contrário)

Listas de Definições
V Uma lista de definições não é constituída por uma série de itens
mas por termos acompanhados das descrições de seus significados.
V As listas de definições criam-se com o elemento <dl> ("definition list.") O
nome de cada termo fica dentro de um elemento <dt> ("definition term") e
a sua descrição fica num elemento <dd> ("definition description".)
V Estrutura(Exemplo):
<dl>
<dt>HTML</dt>
<dd>Linguagem de Marcação</dd>
<dt>CET</dt>
<dd>Alunos de Web</dd>
</dl>
Dentro de um elemento <dd> podemos colocar parágrafos, quebras de
linha, imagens, outras listas, etc.

Citação:

<compact> Reduz o espaçamento vertical entre os itens da lista

Uso de Cores:

As cores possuem um papel muito importante na composição de webs. São
indicadas em valores RGB, ou seja, que para conseguir uma cor qualquer
misturaremos quantidades de Vermelho, Verde e Azul.
Os valores RBG são indicados em numeração hexadecimal, em base 16. (Os
dígitos podem crescer até 16). Como não existem tantos dígitos numéricos se utilizam
as letras da A à F.
Para conseguir uma cor, misturaremos valores desta maneira:
RR
GGBB
Onde cada valor pode crescer desde 00 até FF.

O uso de cores torna o processo de comunicação mais eficiente pois:

• deixa os terminais de vídeo mais bonitos e agradáveis
• auxilia a visualização de conexões em desenhos complexos, melhorando a
legibilidade da informação
• permite criar imagens realistas
• possibilita indicar mecanismos de segurança ou que precisem de destaque.

Imagens:

O uso de imagens nas pàginas, pode proporcionar uma visão mais agradável
ao usuário, porem o seu uso deve ser cuidadoso, evitando causar sobrecarga na
pagina, seja pelo uso de muitas imagens, ou do tamanho destas, o uso abusivo de
imagens pode distrair o usuário, dificultando assim o acesso à informação por ele
procurado.
Veremos como inserir e organizar as imagens na pagina de forma a garantir uma
navegação sem dificuldades para o usuário. A etiqueta utilizada para inserir uma
imagem è <img> e juntamente com ela è necessário fazer uso do atributo src que
indica a imagem a ser utilizada. Veja abaixo, como ficaria a sintaxe básica:

Citação:

<img src="caminho para a imagem">

O atributo src è apenas um dos atributos que podemos utilizar, abaixo estão
descritos outros atributos.

Citação:

ATRIBUTO | Descrição
Alt Exibe uma breve descrição da imagem
Height Define a altura a imagem em pixels
Width Define a largura a imagem em pixels
Border Define o tamanho em pixels do quadro que rodeia a imagem
Vspace Indica o espaço livre vertical, em pixels, entre a imagens e os
outros elementos a seu redor
Hspace Indica o espaço livre horizontal, em pixels, entre a imagens e os
outros elementos a seu redor
Lowsrc Serve para indicar um arquivo de baixa resolução que vai ser
carregado antes da figura principal, caso esta demore a ser
exibida.

Tipos de Arquivos para Imagens:

Tipos de imagens (usadas na web)
As imagens digitais são compostas por pixels, picture elements.
Cada pixel é composto por um mapa de bits - os bits são unidades de informação
compostas por pontos com sinal elétrico ou sem sinal elétrico.
Os sinais elétricos dos bits formam malhas de sinais com ou sem sinal elétrico que
são representados por 0 ou 1. Um ponto com sinal elétrico é representado por um
algarismo 1 e um ponto sem o sinal elétrico é representado por um 0
De acordo com disposição dos bits nos pixels, as imagens podem ser:


Imagens bitmap
São as imagens digitalizadas por scanners, fotos digitais, imagens manipuladas em
programas de edição de imagens, como o Photoshop. São compostas por mapas
com as coordenadas de cada ponto do pixel e o seus valores de cor, brilho e
intensidade.

Imagens Vetoriais
São produzidas a partir de linhas e curvas definidas por objetos matemáticos.
Em Internet se utilizam principalmente dois tipos de arquivos gráficos GIF e
JPG, posteriormente o PNG pensados especialmente para otimizar o tamanho que
ocupam em disco, já que os arquivos pequenos se transmitem mais rapidamente
pela rede.
Os formatos abaixo são utilizados para a publicação de imagens na web. Cada um tem
características e aplicações muito específicas:
‰ GIF (Graphic Interchance Format) - formato adequado para publicar letras, gráficos e
imagens com grandes áreas de cor uniforme.
‰ JPEG (Joint Photographic Experts Group) - adequado para comprimir fotos.
‰ PNG (Portable Network Graphics) - criado mais recentemente (em 1995), é um
formato alternativo ao GIF, que permite o controle da transfarência por percentuais.
GIF : Surgiu em 1987 com a proposta de substituir o formato em branco e preto.
Com este formato gráfico podemos utilizar conjuntos de 256 colores ou menos.
Este é um detalhe muito importante, visto que quanto menos cores utilizarmos na
imagem, em geral, menos ocupará o arquivo. Às vezes, mesmo utilizando menos
cores em um gráfico, este não perde muita qualidade, chegando a ser inapreciável
à vista. Em alguns programas podemos modificar a quantidade de cores ao salvar o
arquivo, em outros, fazemos enquanto criamos o gráfico.
JPG : Foi finalizado em 1992 e usando uma compressão diferente do LZW, usada
pelo GIF, conseguiu um ótimo equilíbrio entre tamanho de arquivo, detalhes e
quantidade de cores da imagem. Apresentou-se como a melhor alternativa para
imagens com mais de 256 cores mantendo o tamanho do arquivo reduzido, ganhou
ainda mais popularidade quando o mosaic, primeiro browser da web, ganhou
suporte a ele. Hoje o JPG (ou JPEG) é o formato mais popular de imagem não só na
web, mas também em equipamentos digitais como máquinas fotográficas.JPG
trabalha sempre com 16 milhões de cores, ideal para fotografias.
PNG : É um formato de código aberto que foi criado em 1995 para resolver
problemas de patentes pelo uso do GIF. Até 2003, toda empresa que quisesse usar
a biblioteca do GIF em seus softwares precisava pagar royalties aos criadores. O
formato PNG permite comprimir as imagens sem perda de qualidade e retirar o
fundo de imagens com o uso do canal alfa. O canal alfa, diferentemente da
transparência do GIF, é capaz de definir o nível de opacidade de cada pixel,
adequando-se a qualquer fundo de um site ou apresentação, sem serrilhamento,
algo que não se consegue com os outros formatos populares. Por isso é um formato
válido para imagens que precisam manter 100% da qualidade para reuso. Possui
tamanho do arquivo um pouco maior que o GIF e JPG, mas seu uso depende muito
do caso e também do tipo de compressão usado.

Links

Com links é possível fazermos ligações de uma região de texto (ou imagem) a um
outro documento,texto ou arquivo. O browser destaca essas regiões e imagens do
texto, indicando que são ligações de hipertexto - também chamadas hypertext links
ou hiperlinks ou simplesmente links.
Para inserir um link em um documento, utilizamos a etiqueta <A>, da seguinte
forma:

<A HREF = "arq_destino">âncora</A>

onde:
arq_destino
é o URL do documento de destino;
âncora
é o texto ou imagem que servirá de ligação hipertexto do documento sendo
apresentado para o documento de destino.
Em função do destino, os links são classicamente agrupados da seguinte forma:
• Links internos: os que se dirigem a outras partes dentro da mesma
página.
• Links locais: os que se dirigem a outras páginas do mesmo site web.
• Links remotos: os que se dirigem à páginas de outros sites web.
• Links com endereços de correio: para criar uma mensagem de correio
dirigido a um endereço.
• Links com arquivos: Para que os usuários possam fazer download de
arquivos.
EXEMPLOS DE USO:
LINKS INTERNOS
1) Criar o link :
<a href="#abaixo">Ir abaixo</a>
2) Determinar o ponto da página para onde o link aponta:
<a name="abaixo"></a>
LINKS LOCAIS
<a href="arquivo.html">nome do link</a>
LINKS REMOTOS
<a href=http://www.cet.edu.br>Site do CET</a>

LINKS COM ENDEREÇO DE CORREIO

<a href="mailto:jefferson@gmail.com">jefferson@gmail.com</a>
Além do endereço do correio eletrônico do destinatário, também podemos colocar
no link o assunto da mensagem. Isto se consegue colocando depois do endereço de
correio uma interrogação, a palavra subject, o sinal de igual (=) e o assunto em
concreto.
<a href="malito:jefferson@gmail.com?subject=Testando">jefferson@gmail.com</a>
Podemos colocar outros atributos de mensagem com uma sintaxe parecida. Neste
caso indicamos também que o correio deve ir com cópia a cet@edu.br
<a href="mailto: jefferson@gmail.com?subject=Testando&cc= cet@edu.br"> jefferson@gmail.com </a>
LINKS COM ARQUIVOS
<a href="arquivo.zip">Baixar arquivo.zip</a>

Hotmail e Gmail no Outlook 2010

Pessoal, o novo Outlook 2010 além das varias funcionalidades, ficou ainda mais fácil ter conta com os principais provedores de e-mails gratuitos disponíveis, o Hotmail e o Gmail.
Antes de partimos para como configurar o Outlook, será necessário explicar o significado de duas siglas que serão ditas abaixo, são os protocolos POP3 e IMAP.

“Não é intuito deste tutorial cair na discussão técnica e sim, uma explicação prática.”

Protocolo POP3

O protocolo POP3 é o que é usado em quase todos os provedores disponíveis pagos, na prática ele é um protocolo que toda vez que você liga seu programa de e-mail de uso (Outlook Express, Microsoft Mail, etc…) ele busca no seu provedor as mensagens, faz o download até sua máquina, e automaticamente as apaga no provedor. Ou seja, o e-mail está agora no seu computador e não mais no provedor. A vantagem de uso desse protocolo é que seu espaço no provedor de uso sempre está disponível em sua totalidade, após baixar todas as mensagens. A desvantagem é, se você não ter uma politica de tirar backups locais sempre de seu programa de e-mail do seu computador, na eventualidade de acontecer algum problema (roubo, HD queimar, computador queimar, etc…) todos os e-mails serão perdidos. (o que é uma situação bem comum, acredito que todos conhecem alguem que já aconteceu isso ou consigo)
Caso você queira saber mais sobre o protocolo POP3, clique aqui

Protocolo IMAP

Esse  protocolo  funciona diferente do POP3, ao você usar o seu programa de e-mail  ele irá sincronizar com o provedor e baixará uma cópia do e-mail ao seu computador, o e-mail fica “espelhado” ou seja, o que tem no seu micro, é o que tem no provedor, e ao contrário do POP3, não será apagado, a menos que você faça manualmente. A vantagem do uso desse protocolo é que você pode acessar seus e-mails de qualquer máquina via navegador ou celular (que tenha navegador), em uma viagem, ou cliente, enfim, qualquer lugar com acesso.  E quando você for acessar sua máquina, ao sincronizar, seus e-mails todos estarão lá.  A desvantagem é que você tem que se policiar e não abarrotar a caixa postal e exceder a capacidade do seu provedor, no caso do Hotmail é de 5 Gb (para usuários gratuitos) e do Gmail por volta de 7 Gb.
Caso você queira saber mais sobre o protocolo IMAP, clique aqui.
Entendido o que é protocolo IMAP e Protocolo POP3, podemos agora ir para o console do Outlook 2010 !

Hotmail no Outlook 2010

Antes de ligar o Outlook, você terá que obrigatoriamente instalar um software chamado Microsoft Outlook Hotmail Connector
Esse software permite as seguintes funções ao Outlook + Hotmail:

• Enviar/Receber todos os e-mails do Hotmail
• Gerencie seus contatos no Windows Live Hotmail.
• Use opções avançadas para bloquear lixo eletrônico.
• Gerencie várias contas de e-mail em um local.
• Gerencie e sincronize vários calendários, incluindo calendários compartilhados para o Windows Live Calendar do Outlook.
• As suas listas Remetentes Confiáveis/Remetentes Bloqueados/Destinatários Seguros serão sincronizadas entre o Outlook e o Hotmail.
• Enviar/Receber funcionará como em suas outras contas do Outlook.
• O status da sua conta do Hotmail será exibido na barra de status do Outlook.
• As regras funcionarão com a conta do Hotmail no Outlook mesmo se ela não for a sua conta principal.

Para baixa-lo, clique aqui:
Microsoft Outlook Hotmail Connector (32 Bits)
Microsoft Outlook Hotmail Connector (64 Bits)
Salve em uma pasta sua de preferencia o arquivo e execute a instalação


Clique em Aceito e Instalar

Instalação concluída


Agora sim, podemos ir para o assistente de inicialização do Outllok 2010, vamos lá:

Tela de inicialização do Outlook 2010



Preencha seus dados de conta do Hotmail e em seguida avançar

Nota: Se o Microsoft Outlook Hotmail Connector não tivesse sido instalado antes, como aconselhamos,  o processo de configuração da conta Hotmail iria parar após você clicar em avançar na tela acima. Você seria forçado a instalar o software e após isso, reiniciar o Outlook e começando todo o processo novamente de preenchimento de dados.

Continuando, clicando em avançar, o Outlook vai checar suas informações

O Microsoft Outlook Hotmail Connector vai pedi para você confirmar sua senha

E pronto ! Só clicar em concluir

E pronto ! Agora o Outlook vai sincronizar suas mensagens do Hotmail, baixando em seu computador. Esse processo pode demorar vários minutos ou horas, pois depende de duas coisas:

• Quantidade de e-mails que você tem e anexos deles; (tamanho em Mb)
• A velocidade de sua conexão.

Ao final do processo, tudo será importado conforme mencionado lá em cima no tópico sobre o Microsoft Outlook Hotmail Connector.

Usando o Hotmail em protocolo POP3

Lembram-se que o protocolo do Hotmail por padrão é IMAP ? Pois bem, desde fevereiro de 2009 a Microsoft permite o acesso do Hotmail também usando o protocolo POP3, se você quiser mudar para POP3 no seu Outlook 2010, terá que descadastrar a conta de e-mail e começar todo o processo de novo, com a diferença que na opção de cadastramento você clicaria no botão Definir Manualmente as Configurações do Servidor ou Tipos de Servidor Adicionais e Avançar em seguida.

Em seguida deixe o botão padrão ligado, Email da Internet e clique em Avançar

Logo em seguida, vai ser pedido os dados da conta POP3 que você pretende cadastrar, você deve preencher os seguintes dados:

• Seu nome que vai aparecer nos e-mails enviados
• Seu endereço de e-mail do Hotmail
• Servidor de entrada de Emails: pop3.live.com
• Servidor de saída de Emails (SMTP): smtp.live.com
• Tipo de conta, deixe POP3
• Seu Logon do Hotmail
• Sua senha de Logon

Ficará assim:

Em seguida, clique em Mais Configurações (Canto direito inferior da janela acima)

Na aba Servidor de saída, marque a guia Meu servidor de saída (SMTP) requer autenticação e a primeira opção abaixo, Usar mesmas config. do servidor de entrada de emails.

Na aba Avançado, preencha os seguintes dados:

• Servidor de entrada (POP3): 995
• Deixe assinalado a guia Este servidor requer uma conexão criptografada (SSL)
• Servidor de Saída (SMTP): 587
• Usar o seguinte tipo de conexão criptografada: TLS

Ficará assim:

E pronto, todas suas mensagens serão abaixadas, porém, lembre-se  o POP3 é o protocolo onde servidor não espelha suas mensagens, conforme esta escrito nas 3 opções finais da janela acima, ele pode até deixar uma cópia, mas será por um tempo limitado.

Gmail no Outlook 2010

Ao contrario do Hotmail, o Gmail não tem protocolo padrão de e-mail, você terá que escolher manualmente isso, escolhendo ou IMAP ou POP3, seguindo os seguintes passos:
Acesse sua conta no Gmail via navegador, clique em Configurações no canto superior direito, logo em seguida em Encaminhamento e POP/IMAP conforme a figura abaixo:

Escolha o seu tipo de protocolo preferido após isso, clique em Salvar Alterações.
No Outlook, vá na guia superior esquerda Arquivo e Clique em Adicionar Conta


No caso de você ter escolhido protocolo IMAP, os procedimentos são esses:
Após clicar em Adicionar Conta, preencha seus dados do Gmail e clique em Avançar.

O Outlook vai tentar conexão com o Servidor do Gmail e conferir seus dados…

E se tudo estiver correto, mostrará em seguida que a conexão foi feita e o IMAP foi configurado com êxito.

E pronto ! O Outlook vai baixar todas as suas mensagens, e como foi dito no Hotmail, a velocidade dessa operação terminar depende da quantidade de dados que você possui nesta caixa postal e de sua velocidade de conexão.

Usando o Gmail em protocolo POP3

Caso você tenha escolhido usar o protocolo POP3 para seu Gmail, os procedimentos também são quase iguais ao do Hotmail, vamos repetir:
Após ter clicado em Adiciona Conta, na guia Arquivo, clique no botão “Definir manualmente…” em seguida Avançar.

Próxima Janela, faça o mesmo procedimento igualmente que dissemos acima do Hotmail, deixe a guia Email da Internet ligada e clique em Avançar

Logo em seguida, vai ser pedido os dados da conta POP3 que você pretende cadastrar, você deve preencher os seguintes dados:

• Seu nome que vai aparecer nos e-mails enviados
• Seu endereço de e-mail do Gmail
• Servidor de entrada de Emails: pop.gmail.com
• Servidor de saída de Emails (SMTP): smtp.gmail.com
• Tipo de conta, deixe POP3
• Seu Logon do Gmail
• Sua senha de Logon

Em seguida, clique em Mais Configurações (Canto direito inferior da janela acima)
E desse ponto tudo é exatamente igual a configuração de POP3 do Hotmail, segue:
Na aba Servidor de saída, marque a guia Meu servidor de saída (SMTP) requer autenticação e a primeira opção abaixo, Usar mesmas config. do servidor de entrada de emails.

Na aba Avançado, preencha os seguintes dados:

• Servidor de entrada (POP3): 995
• Deixe assinalado a guia Este servidor requer uma conexão criptografada (SSL)
• Servidor de Saída (SMTP): 587
• Usar o seguinte tipo de conexão criptografada: TLS

Ficará assim:

E pronto ! O Outlook está agora apto para ser usado na conta POP3 de seu Gmail.

Considerações Finais

Aconselhamos o uso do protocolo IMAP tanto no Hotmail quanto no Gmail, o motivo é simples, na eventualidade de problemas com sua máquina, seu e-mail estará preservado no servidor, além de óbvio, ser muito mais fácil de configurar, praticamente só clicar Avançar e pronto ! (Hotmail e Gmail)
Não esqueça, se você deletar o e-mail dentro do Outlook ele irá sincronizar com o provedor e fará o mesmo, se você criar pastas, se mover mensagens de uma pasta para outra idem, ou seja, usando o protocolo IMAP tudo o que for feito será espelhado.
Esperamos que este tutorial tenha ajudado na tarefa de aproveitar o potencial do Outlook 2010 !