Iniciando um documento HTML
Uma homa page é basicamente um arquivo de texto simples que contém comandos especiais da linguagem HTML, chamados tags. Esses comandos definem cada elemento dentro do texto, definindo o que é título, parágrafo e muitos outros detalhes, formando assim a estrutura da página.
A linguagem HTML permitem também a criação de hipertextos, que são ligações (links) entre as páginas da web, formando a rede mundial (internet).
Para programar nessa linguagem, é preciso um editor de texto, e a única exigência é que a página seja salva com a extensão ".htm" ou ".html"
O programa deve ser escrito por meio de comandos da linguagem HTML, obedecendo à estrutura de sintaxe da linguagem.
Abra o Bloco de notas e digite o texto como na figura abaixo
Agora, vamos salvar esse documento seguindo os passos abaixo:
1 - CLIQUE no menu "ARQUIVO";
2 - CLIQUE na opção "SALVAR";
3 - PROCURE e escolha a pasta "DOCUMENTOS";
4 - NA OPÇÃO "SALVAR COMO TIPO:", mude para "TODOS OS ARQUIVOS";
5 - Em "NOME DO ARQUIVO", digite: minhapagina.html
6 - CLIQUE no Botão "SALVAR"
Pronto! Vamos abrir esta página no navegador "Google Chrome"!
Siga os passos abaixo:
1 - Abra o navegador "Google Chrome";
2 - Clique no menu "Arquivo";
3 - Clique na opção "Abrir...";
4 - Na janela a seguir, clique no botão "PROCURAR" e localize a pasta "Meus documentos";
5 - Selecione o arquivo "minhapagina.html" e clique no botão "Abrir";
6 - Clique no botão "OK".
Exercício da aula
1 - Crie um novo documento HTML, utilizando o bloco de notas.
2 - Adicione o seguinte título entre <title>: Dicas de Web Design </title>;
3 - No corpo do documento (abaixo de <body>) o texto abaixo (</body>);
Obs: Não se preocupe com a formatação do texto, pois será vista nas próximas aulas.
Texto, digite entre as caixas <body> ... </body> o texto abaixo:
O que fazer para ser um bom webmaster?
Não faça do seu site um amontoado de páginas difíceis de entender. Procure criar um site com informação clara e objetiva. Muitos webmasters são artistas e criam páginas que são verdadeiras obras de artes, com imagens de fundo, layout apurado, gráficos de alta definição e fontes perfeitas, mas nada disso muda a informação que está representada nessa página.
Tirando todo o "glamour" dessas páginas, normalmente sobra menos texto do que o necessário para encher dez linhas.
Perca menos tempo tentando fazer seu site parecer bonito: mostre mais conteúdo. A maioria dos usuários não tem paciência de esperar uma página muito pesada ser carregada.
4 - Após digitado e estruturado sua página, salve o documento dentro da pasta "DOCUMENTOS" com o seguinte nome: dicas.html
5 - Abra esse documento através do navegador "Internet Explorer".