|
Criando Páginas na Web
Umas das grandes vantagens da Internet é ser muito acessível. Qualquer pessoal com um computador possui as ferramentas básicas necessárias para criar a sua própria página na web.
A linguagem HTML é marcada por tags que serão identificadas pelo navegador, escritas entre os sinais "<" e ">". Dentro dessas tags você encontra comandos para formatação da fonte dos textos <font face="arial">, parágrafos <p>, imagens <img src="imagem.gif">, entre outros.
Que visualizar o curso completo acesse o seguinte link: Clique aqui ou https://www.youtube.com/watch?v=YI1uk98O2TA&list=PLZ2Dn-oHDuIPc1d0CPMaWpPaO_TNnOndU
Primeira etapa:
Como começar a criar a página de internet
Vamos criar a nossa primeira pagina.
Para facilitar o aprendizado foi criado uma aula sobre esse assunto. Você pode escolher seguir o tutorial escrito ou em formato vídeo aula.
Para facilitar o aprendizado foi criado uma aula sobre esse assunto. Você pode escolher seguir o tutorial escrito ou em formato vídeo aula.
Que visualizar o curso completo acesse o seguinte link: Clique aqui ou https://www.youtube.com/watch?v=YI1uk98O2TA&list=PLZ2Dn-oHDuIPc1d0CPMaWpPaO_TNnOndU
Primeira etapa:
Criar um aquivo de texto "txt". Clicar com botão direito do mouse, selecionar "criar novo documento", escolher arquivo de texto. Conforme a figura:
Salvar o arquivo em formato de página de internet, vamos salvar a nossa página com o nome de "primeirapagina.html", conforme a figura:
Agora vamos criar o conteúdo da nossa página, primeiro abrir a nossa pagina para editar: Primeiro clicar com botão direito no arquivo "html" que foi criado com botão direito do mouse, escolher a opção "Abrir com", depois escolher a opção "abrir com bloco de texto", conforme a figura:
Aberta nossa pagina vamos digitar o código:
Estrutura Básica
Comandos básicos do documento HTML, incluindo as tags de Título e de formatação do Corpo da página.
Como o navegador precisa dessas tags para interpretar o código, antes de qualquer coisa, temos que criar o documento com uma tag dupla de inicialização: <html> </html>.
Entre essas duas tags, vai todo o conteúdo da página. Esse conteúdo vai ser dividido em duas partes: o cabeçalho, que será colocado entre as tags <head> </head> e o corpo da página, que será colocado entre as tags <body> </body>. A tag de título da página, <title> Título da Página </title> vai dentro do cabeçalho. |
|
Assim, no Bloco de Notas, a estrutura básica de um documento HTML será:
<html>
<head><title> Título da Página </title> </head>
<body>
Aqui vai o conteúdo da página!
</body>
</html>
Resultado:
Vamos ver o resultado: Primeiro clicar com botão direito no arquivo "html" que foi criado com botão direito do mouse, escolher a opção "Abrir com", depois escolher algum navegar "Internet Explorer", "Firefox" ou outro navegador: conforme a figura:
Resultado:
As tags <body></body>, que definem a estrutura do corpo da página, podem receber atributos especiais de formatação que definem, por exemplo, a cor de fundo da página. Esses atributos são colocados dentro da tag: <body bgcolor="yellow"> conteúdo </body>.
Os atributos das tags <body> </body> são:
bgcolor="cor" : define a cor de fundo da página, que pode ser expressa em inglês ou através de um código específico, onde, por exemplo, o branco é definido por #ffffff e o preto por #000000.
background="imagem" : define uma imagem como fundo da página. Essa imagem pode ser uma arquivo .gif ou .jpg. Você pode preparar uma imagem para sua página no PaintShop.
text="cor" : define a cor do texto utilizado na página. Assim como o fundo, pode ser expresso em inglês ou através de um código.
link="cor", alink="cor" e vlink="cor" : definem as cores dos link inativos, links ativos e links visitados, respectivamente.
Vídeo aula sobre esse assunto.
Vídeo aula sobre esse assunto.
Veja Mais:
Veja Mais:
- Introdução ao HTML- Editar texto em html
- Formatar imagem em html
- Criar Links em html
- Criar Listas em html
- Criar Tabelas em html
- Mesclando as células de uma tabela com COLSPAN e ROWSPAN
- Criar Régua em HTML
0 comentários:
Postar um comentário