| Como fazer sua Home Page |
|
Tudo bem, tudo bem....eu sei que existem mil e um editores de Html rodando por aí que facilitam muito os comandos, etc e tal...lamah..etc.. Sei também que muita gente fala: "-Pow, pra que eu quero aprender isso se eu tenho o editor Microsol Froink Peide? "-Pow, Html é coisa do passado, pra que aprender?" "-Pow, Html é muito difícil, nem gosto de pensar em ter que aprender aquilo tudo!!" |
|
A resposta vem aí: *Primeiro, Html não é coisa do passado...coisa do passado é a sua vovozinha! Existem 1001 editores de html mas todos eles seguem comandos Html, é óbvio...(num sei quem fez essa pergunta!!!!) *Segundo, Html não é difícil, no começo para mim, foi um pouco complicado para iniciar com sons, imagens.. Isso tudo porque eu tinha pequenas dúvidas que naum conseguia tirar, e devido a isso minha cabeça frágil ficava confusa! Hoje, para mim, atualizar ou fazer Home Pages se tornou um Hobby (sem ser preto)!!! E é muito interessante!! *Terceiro, Ok, você está certo com relação a primeira pergunta: |
|
Pra que aprender Html se existem editores que fazem isso por mim?? Resposta: Pelo mesmo motivo que você vai a escola aprender matemática! Você não terá uma calculadora sempre em se bolso! Do mesmo modo, nem sempre você terá um editor de Html disponível seja por qual for a razão!! Sem falar que usar um editor de Html, acaba dando um sentimento de burrice por dentro( a não ser que você já esteja acostumado com isso!). Sanada as perguntas, vem a ultima!!!!: "-Se eu não uso o Editor de Html, como eu faço pra editar minha Home Page?" Filhote de Asno, vc usa ruindows??? Claro que sim! Então a única coisa que você usa durante a criação de sua Home Page é um programa pesadíssimo, chamado vulgarmente de Bloco deNotas(ou NotePad no ruindows versão Inglesa). Pronto, tendo esse programa (que todo Ruindows tem obrigatoriamente!), você poderá imediatamente editar sua Home Page!!! "-Mas como? Ele não edita imagens!!!" Sua topeira sarnenta, com certeza naum. Mas é aí que entra todos os códigos html que farão apenas a inserção da imagem no local desejado da sua HP( Você terá que ter sua imagem totalmente feita antes por algum outro programa editor de IMAGENS..tipo Corew Draw, Adobe, etc...Ou pegá-las já prontas!!) e mais nada..! Em relação a tudo mais que acontece, como botões, animações, etc...aí sim, será trabalho do Html! Agora chega de blá blá blá que essa conversa mole me dá coceira! |
| Começando a fazer sua Home Page |
|
Esqueleto da Página Toda página Html possui um esqueleto obrigatório que sustenta seu conteúdo. O esqueleto é sempre assim: <HTML> <HEAD> <Title>Título da Página</Title> </HEAD> <Body bgcolor="cor_de_fundo" text="cor_do_texto" link="cor_do_link" vlink="cor_do_link_visitado" alink="cor_do_link_ativo"> </Body> </HTML> <html> e </html> são sempre colocados no início e final de toda a página editada obrigatoriamente! <title> e </title> são sempre colocados logo após o <html> e servem para mostrar o título da página! <body> e </body> são elementos que ficarão delimitanto o que há dentro da página obrigatoriamente, com exceção dos Java Scripts e do <title>Título</title> ou seja "TODOS" os comandos Html ensinados nesta página deverão se localizar "ENTRE". <body> e </body>!!! |
|
Title Serve para colocar o titulo da pagina, coloque antes do titulo e depois. Ex:<title>GeNiU'S Home Page<title> |
|
Body É a parte onde são configurados todos os elementos da página, como: A cor de fundo(<bgcolor="cor_de_fundo">) A cor do texto(<text="cor_do_texto">) A cor do link(<link="cor_do_link">) A cor do link já visitado(<vlink="cor_do_link_visitado">) A cor do link ativo no momento(<alink="cor_do_link_ativo">) Exemplo: <body bgcolor="black" text="white" link="red" vlink="blue" alink="green"> Obs: As cores podem tanto ser inseridas pelo seu respectivo nome(em inglês), o que delimita a diversidade de tons, como pelo seu número correspondente, o que dá ampla variedade de tons!! Veremos os detalhes das cores a posteriormente |
|
Layout do Texto Você que está entrando agora para o aprendizado html, irá perceber que a editação da HP é totalmente diferente do que se tecla e do que se tem como resultado final. Um exemplo muito interessante é quando agente dá ENTER no Notebook e pra que apareça na Hp agente digita <br>. Para a função de parágrafo, o comando é <p>. Exemplo: cima,cima,cima,cima<br>baixo,baixo,baixo<p>espaço,espaço Isso ficaria como: cima,cima,cima,cima baixo,baixo,baixo espaço,espaço Obs: isto não irá funcionar se o texto estiver entre a função <pre> e </pre> comentadas posteriormente. |
|
Formas do Texto Existem muitas maneiras de embelezar uma Home Page e uma delas é ajustando a fonte ideal para o fundo ideal. Existem diversos códigos que moldam o texto. Verificaremos os básicos abaixo: Forma do texto: <center>Seu texto</center> = centraliza o texto Ex: Seu texto <b>Seu texto</b> = texto em negrito Ex: Seu texto <u>Seu texto</u> = texto sublinhado Ex: Seu texto <i>Seu texto</i> = texto em itálico Ex: Seu texto <blockquote>Seu texto</blockquote> = texto em bloco de notas Ex: Seu texto <h#>Seu texto</h#> = insere tamanho e negrito simultaneamente. Vai do <h1> ao <h6> (do maior para o menor). Ex com <h3>: |
|
Seu texto <pre>Seu texto</pre> = deixa o texto preformatado (Com esse recurso, os comandos <p> e <br> não funcionam corretamente). Ex: Seu texto <adress>Seu texto</adress>> = para endereços Ex: Seu texto <code>Seu texto</code> = caracteres de tamanhos fixos Ex: Seu texto Obs: As vezes, em uma simples palavra, a diferença pode até ser mínima, mas quando em um bom texto, será perfeitamente notado! |
|
Definindo uma Fonte Com esses comandos de definição de fontes (estilos de caracteres), você poderá escolher a corpara o seu texto, o tamanho ideal e o estilo fonte que você tiver em seu computador. O esqueleto básico para se definir uma cor, tamanho e estilo a uma fonte é o seguinte: <font size="#">Tamanho_da_fonte</font> = seleciona o tamanho da fonte Ex: <font size="5">Texto</font> ficaria: Texto |
|
<font color="cor_da_fonte">Texto</font> = seleciona a cor do texto Ex: <font color="orange">Texto</font> ficaria: Texto <font face="testilo_da_fonte">Texto</font> = seleciona o estilo da fonte que você desejar Ex: <font face="old english">Texto</font> ficaria: Texto |
|
Obs1: Note que sempre finaliza-se um comando usando a "/", Ex: </font>, </html>, </title>, </pre>, </h1>, etc... Obs2: Caso você queira uma cor mais específica com o tom desejado, você deverá usar os códigos numéricos equivalentes a sua respectiva cor. Alguns códigos serão mostrados mais adiante. Obs3: Para selecionar um estilo de fonte, abra um editor de texto qualquer e olhe as fontes que vc possui. Obs4: Se a pessoa que estiver navegando pela sua página não tiver a fonte instalada, ela terá problemas, então tome cuidado ao escolher fontes raras. |
 |
|
