terça-feira, 21 de julho de 2015

Como aprender e criar um FastHTML


O que é e como utilizar  FastHTML

O FastHTML é um programa do HTML mais fácil e eficaz, por causa de conter os menus mais usados do HTML,  como opção de uso com o código pronto e colocado no seu devido lugar.

1° Passo: Abra o seu programa de edição.

Neste exemplo, iremos utilizar o programa FastHTML
Abra o fastHTML

Como pode ver há muitas opções de menu, cada menu significa um codigo que o FastHTML vai colocar no seu trabalho. Por exemplo:

Neste caso usaremos no inicio do FastHTML coloque:
Minha página nova

Quando escrever “minha nova página”,salve ela em qualquer lugar de suas pastas.

2° Passo: Veja seu trabalho na internet.

Escolha as opções: arquivo/pasta onde deixou o arquivo salvo/clique com o botão direito do mouse/abrir com/seu navegador, no caso Google Chrome.

Agora clique no Google Chrome como no exemplo e veja onde você será direcionado.




3° Passo: Crie seu conjunto de caractere.

Para isso usaremos os menus que contém no FastHTML

Agora iremos escrever as seguintes palavras. Sempre comece com esses códigos.
<!doctype html >
Digite sempre duas vezes : uma para abrir <Fasthtml> e outra para fechar a <tag> que seria</Fasthtml>.

Agora adicione as <tag> que faltam para se tornar a estrutura básica do HTML
Abrir: <head> fechar: </head>
Abrir: <body> fechar: </body>
No final  mais prático é que fique assim

Significado das palavras “head” e “body”.
Head: Tudo que você colocar  head vai ser oque não aparece na pagina, mas que é importante pro navegador por exemplo o título  de pesquisa.

Body: È tudo que você na página, então tudo que é visível na página é graças a o colocamos no  body.
Obs: Para colocar oque você quer na página basta colocar entre a <tag> e a </tag>. Por exemplo <body>minha primeira pagina FastHTML</body>.
ja no head para funcionar basta utilizar o <title>teste Fasthtml</title> agora salve e faça novamente o passo 2 para ver como ficou o site, repare que o titulo mudou.
Como tem que ficar:

Como vai ficar no site na hora da pesquisa:

 

 

4° Passo: Aprenda a usar <meta charset>

   Essa tag “meta” que você utilizará serve  para caracterizar    sua página na HTMl, por exemplo letra com acento ou Ç, para fazer isso tem quer ser feito dentro da parte <head> </head>. A tag meta charset tem muito uso por trazer muito conteúdo diferente ao seu HTML.
Para utilizar a tag meta, escreve examente assim <meta charset=”utf-8” />

desse jeito você já esta abrindo e fechando a tag meta charset.
Se ouver atributo na seu HTML adicione a seguinte tag, <tag atributo=”valor”>conteúdo da tag</tag>. Obs: caso você não tenha conteúdo basta eliminar a parte do conteúdo da tag</>, sobrando apenas a <tag atributo=”valor” />



5° Passo: Realize o HTML.

Salve o arquivo como “teste FastHtml”.
Obs: deixando claro que no FastHTML tem vários códigos prontos para se usar bastar ver no menu, cor ,grade, letra, titulo. Aqui deixarei o  conteúdo básico para se fazer um HTML.

 











Caso você queira realizar o download deste passo a passo em PDF, clique aqui 


Nenhum comentário:

Postar um comentário