






Estude fácil! Tem muito documento disponível na Docsity
Ganhe pontos ajudando outros esrudantes ou compre um plano Premium
Prepare-se para as provas
Estude fácil! Tem muito documento disponível na Docsity
Prepare-se para as provas com trabalhos de outros alunos como você, aqui na Docsity
Os melhores documentos à venda: Trabalhos de alunos formados
Prepare-se com as videoaulas e exercícios resolvidos criados a partir da grade da sua Universidade
Responda perguntas de provas passadas e avalie sua preparação.
Ganhe pontos para baixar
Ganhe pontos ajudando outros esrudantes ou compre um plano Premium
Comunidade
Peça ajuda à comunidade e tire suas dúvidas relacionadas ao estudo
Descubra as melhores universidades em seu país de acordo com os usuários da Docsity
Guias grátis
Baixe gratuitamente nossos guias de estudo, métodos para diminuir a ansiedade, dicas de TCC preparadas pelos professores da Docsity
Aprensa a criar um site em pouco tempo
Tipologia: Notas de estudo
1 / 10
Esta página não é visível na pré-visualização
Não perca as partes importantes!
Como fazer um site. Todos os códigos html: Como incluir flash, vídeos, imagens, músicas, inserir links, download, e-mail, Meta Tags, link para download, Tabela de cores, Atributos, etc. Faça seu site grátis com os códigos. O objetivo desta página é ensinar os princípios básicos para confecção de um site em HTML para que você possa fazer seu primeiro site. Aqui você aprenderá códigos HTML e saberá como inserir um vídeo, como inserir uma música, como inserir um flash, Inserir imagens, Criar Links com imagens, Como fazer tabelas, Criar Links para e-mail, Criar Âncora, Caixa de Texto, Meta-Tags, Letreiros e Linhas, Imagens de Fundo, Fazer Listas, Links para Downloads, Formatar Textos, Tamanho e Cores de Fonte, Cabeçalhos, Atributos de Body, enfim, será sua iniciação para fazer um site em HTML. Existem editores HTML que oferecem comodidade para confecção das páginas, tais como: FrontPage; Dreamweaver e outros. Mas não será necessário aprendendo os códigos abaixo e você poderá fazer no Word ou Bloco de Notas e salvar como .html. Toda página é composta por Tags, que são os comandos html. Toda página deve comerçar com a tag e terminar com . Note que a barra "/" determina o fechamento da tag. Estas são as Tags fundamentais de sua página, isto é, toda página contém estas tags: Na medida do possível irei acrescentando mais dicas para você fazer um site bem legal. ITENS BÁSICO EM HTML:
Branco = white - código = #FFFFFF Azul = blue - código = #0000FF Amarelo = yellow - código = #FFFF Verde = green - código = # Lima = lime - código = #00ff Marron = maroon - código = # Oliva = olive - código = # Azul Celeste = aqua - código = #00ffff Lilás = fuchsia - código = #ff00ff Cinza = gray - código = # Azul escuro = navy - código = # Roxo = purple - código = # Verde escuro = teal - código = # Cinza claro = silver - código = #c0c0c Vermelho = red - código = #FF Mas você pode definir varias tonalidades e cores, basta ter a lista de códigos das cores, ou CLICAR AQUI CABEÇALHOS : O tamanho das letras ou fontes é definido pela tag Este é o tamanho:
Este é o tamanho:
Este é o tamanho:
Este é o tamanho:
Este é o tamanho:
Pode-se alinhar os cabeçalhos
Texto centralizado
Texto alinhado à direita
Texto alinhado à esquerda
TAMANHO E CORES DAS LETRAS : Você também pode usar a tag para definir o tamanho, bem como sua cor e tipo da fonte. - Define o tipo de letra - Define a cor da letra - Define o tamanho da letra Veja abaixo alguns exemplos: Fica assim Fica assim Fica assim Fica assim
Veja alguns exemplos:
Note que no ultimo exemplo especificamos o tamanho da imagem. Não definindo este tamanho, a imagem aparecerá no tamanho original. Você pode especificar um tamanho menor do que a original, pois não acarretará perda de qualidade da imagem, mas se fizer ao contrário, isto é, definir um tamanho maior que a original perderá qualidade de imagem. O correto é você ter a imagem do tamanho certo que deseja que apareça na página. Evite colocar imagens maiores que 50 Kb. Quanto maior a imagem mais tempo leverá para carregar. Alinhamento texto de imagens:
Há também os atributos de moldura, que definem o espaço vertical e horizontal entre as imagens e os textos circundantes, onde:
Ex.:
COMO FAZER OS LINKS : Links são pontos clicáveis que levam a qualquer site da internet ou qualquer página do site e até mesmo qualquer ponto da própria página. A TAG usada é: descrição do lugar Exemplos Conheça Extrema-MG Resultado: Conheça Extrema-MG Note que formou-se um link para um determinado site que foi descrito no código acima. Se você clicar abrirá o referido site em uma outra janela, isto é, sem que você saia deste site, isto porque foi adicionado o atributo "TARGET", então na verdade, para você não fechar esta janela, o código inserido aqui foi: Conheça Extrema-MG Para fazer um link para uma outra página do seu site use: Clic aqui - Note que após o nome da página é colocado a extensão .html COMO FAZER IMAGEM COM LINK : É simples fazer uma imagem ter um link. Ao invés de colocar o texto com a descrição do lugar, coloque a TAG de imagem. Veja o exemplo:
Sendo que: http://www.extremaonline.com é o URL (endereço) do site. local é caso você tenha armazenado suas imagens em uma pasta. Ex. Pasta "Imagens".
nome da imagem + extensão Exemplo: minhafoto.jpg ou barra.gif Veja o exemplo abaixo, note que formou um link na figura e o levará ao referido site acima. Lembre-se: foi usado a target"_blank" para abrir em uma nova janela. COMO FAZER LINKS PARA DOWNLOAD : Na verdade não existe o comando específico. O que acontece é que quando criamos um link para um arquivo que o navegador não reconhece, ele automaticamente inicia o download, por exemplo, o navegador não reconhece os arquivos com extensão ZIP, EXE, RAR, etc., nestes casos ele inicia o download. Veja exemplos: Clic aqui para baixar Clic aqui para baixar Certas extensões de arquivos fazem com que os navegadores, em vez de fazer o download, abrem com programas instalados no computador. Se você fazer um link para um arquivo de vídeo ".avi" o navegador abrirá o programa para exibir esse vídeo. Para que isso não aconteça, sempre compacte seus arquivos para download no formato zip ou rar, por exemplo, tornando-os mais leves (menores) e download será mais rápido. L I S T A S : Nesta página já existem várias listas. Logo abaixo já tem outra lista com os nomes: Listas Ordenadas Listas sem ordenação Listas Encadeadas Exemplos: A lista acima (Ordenada) foi feita com os seguintes códigos: