Tutoriais

Uma área de Tutoriais dos mais diversos assuntos para você estar sempre atualizado!

HTML

A principal aplicação do HTML é a criação de páginas na Web. De fato, o HTML é antes uma espécie de linguagem de formatação, um ficheiro de texto que é formatado através de uma série de comandos – ‘tags’.

Hardware - Montagem e Manutenção de Micros

Dicas para você aprender como resolver inúmeros problemas que ocorrem em computadores, pois passa a dominar a parte técnica das máquinas.

CorelDRAW® Graphics Suite X6

Quer você seja um artista amador ou um designer experiente, o CorelDRAW® Graphics Suite X6 é a sua solução confiável de software de design gráfico.

Microsoft Office 2010

Exercícios sobre o pacote Office, um poderoso conjunto de softwares para o auxílio diário do usuário nas mais diversas funções e categorias!

terça-feira, 27 de novembro de 2012

Criando sua primeira página HTML.



Primeiramente crie uma pasta para salvar as páginas. De preferência na Área de trabalho (Desktop).

Sempre deixe os arquivos do site muito bem organizados, assim facilita e muito o desenvolvimento dele.

Depois de criado uma pasta no Desktop ou em qualquer outro lugar de sua preferência abra o Bloco de Notas.

XP: Menu Iniciar>Programas>Acessórios>Bloco de Notas

WINDOWS 7: Iniciar>Todos Os programas >Acessórios>Bloco de Notas:

Depois de aberto digite o seguinte código: (ATENÇÃO! NÃO COPIE, DIGITE, ASSIM VOCÊ JÁ COMESSA A PRATICAR!)

<html> <head>

<title> Minha Primeira Página em HTML!!!</title>

<body>

<p align="center"> Essa é a primeira página HTML!!! </p>

Agora vou explicar tudo o que você escreveu. A TAG <HTML> indica que você iniciou um arquivo HTML.

A TAG <HEAD> indica que você abriu um cabeçalho.

A TAG <TITLE> que deve ser usada dentro do cabeçalho <HEAD>, serve para colocar titulo na página, é aquela frase que aparece na barrinha azul do Windows XP quando a página está aberta.

Veja a foto abaixo:


A TAG <BODY> indica que se iniciou o corpo da pagina. É dentro desta TAG que vai boa parte das TAG utilizadas para fazer uma página.

A TAG <p> indica que abriu um novo parágrafo. O atributo ALIGN como o próprio nome diz serve para especificar o alinhamento. E CENTER significa que o alinhamento é no centro. Caso você queira colocar o texto na esquerda troque o CENTER por LEFT, ou por

RIGHT para a direita e ainda pode colocar JUSTIFY para deixar o texto justificado. O código deve ficar assim:


Vamos para o próximo passo!Depois de digitado o código acima, salve o arquivo como primeira.html. Lembre-se de digitar o .html no final do nome do arquivo. Pois se digitar apenas primeira e já clicar em salvar o Bloco de notas vai pensar que você está fazendo um arquivo de texto comum, e irá salvar em formato TXT. Deixe a codificação como ANSI.

Aula 03 - HTML

Nessa aula iremos adicionar imagens ao cabeçalho do site, siga o exemplo da imagem mostrada:

Continue o código na imagem seguinte:

Terminando essa primeira página, ela estará assim :


APÓS O TÉRMINO DA PÁGINA INICIAL,SALVE E  COPIE E COLE ELA MAIS DUAS VEZES PARA QUE POSSAMOS UTILIZAR O CORPO DA PÁGINA INDEX NAS PÁGINAS"IMAGEM" E "VIDEOS". SIGA O EXEMPLO PARA A PÁGINA IMAGEM:




PARA INSERIR O VÍDEO LEMBRE-SE DE INCORPORAR O VÍDEO DIRETO DO YOUTUBE, SIGA O TUTORIAL SEGUINTE:


PARTE 02:



PARTE 03:





NO FINAL COPIE O CÓDIGO GERADO PELO YOUTUBE E COLE NA SUA PÁGINA, SIGA O EXEMPLO NA IMAGEM ABAIXO:



TESTE AS REFERENCIAS NO FINAL DA SUA PÁGINA, VEJA SE NO MOMENTO EM QUE VOCÊ CLICAR NAS REFERÊNCIAS AS PÁGINAS SERÃO ALTERADAS.

EXERCÍCIO 04 - HTML - SITE BÁSICO

Exercício 03 HTML - Criando um Site do Zero! Inserindo Imagens, músicas e incorporando vídeos diretamente do youtube.


Para melhor organização crie uma pasta com o nome AULA HTML 03 e salve todos os seus arquivos e suas páginas na pasta.


PARTE 01
Página Inicial, falando um pouco sobre o HTML e suas funções. Vale lembrar que o assunto pode ser alterado no momento que você quiser, basta apenas substituir o texto existente pelo escolhido por você, deixe sua imaginação fluir e agir!


PARTE 02
Página destinada a Falar um pouco da empresa da qual o site fala, lembrando que no exercício nós falaremos como exemplo da nossa escola de cursos Educx.




PARTE 03
Página onde inserimos um áudio utilizando da TAG <embed SRC>, onde com a utilização correta nos proporciona resultados efetivos no site, qualquer dúvida contate por meio de comentários. Vale citar que como primeira postagem de áudio utilizaremos de um PLAYER simples, com o passar dos exercícios trabalharemos com recursos mais avançados referente á áudio e players.

PARTE 04
Nesta ultima página vamos incorporar um vídeo diretamente do site youtube.com, para incorporar basta seguir o tutorial a seguir:

1° Acesse a página youtube.com
2° Escolha o vídeo para incorporar ao site, após isso siga as imagens:





COLE O RESULTADO DE ACORDO COM O EXEMPLO:


No final salve e teste sua página no navegador, lembre-se das posições center, left e right. Escolha a melhor posição para o seu vídeo no site. Para melhor organização crie uma pasta com o nome AULA HTML 03 e salve todos os seus arquivos e suas páginas na pasta.

ARQUIVOS NECESSÁRIOS DO SITE MEDIAFIRE.