Criação de site em html

46283-04 Redes Informatizadas de Comunicação e Informação
Profa. Márcia de Borba Campos
Como construir o site abaixo?
Vamos fazer passo-a-passo:
1. Criar o arquivo HTML.
2. Escolher a opção "Página em branco". Será criado o arquivo nova_pagina_1.htm.
Salvar como teste1.htm
3. Criar o arquivo CSS
4. Escolher a opção "Folha de estilos normal". Será criado o arquivo nova_pagina_1.css. Salvar como teste1.css
5. Vincular o CSS ao arquivo HTML. Estando no arquivo HTML, formatar Links de folha de estilos.
6. Adicionar o arquivo teste1.css.
7. Para criar o quadro ao lado, primeiro é preciso escrever "Redes
Informatizadas de Comunicação e
Informação - 2006/1".
8. Criar o estilo do quadro. Vamos chamar este quadro superior de quadro_topo. a) Em listas, escolher "Estilos definidos pelo usuário"
b) Após, clicar no botão "Novo". b a
46283-04 Redes Informatizadas de Comunicação e Informação
Profa. Márcia de Borba Campos
c) O nome do estilo será
"quadro_topo" e deverá ser aplicado a todo parágrafo.
d) Após, formatar Fonte,
Parágrafo, Borda. Este estilo possui borda dupla, cor da borda (= cor de primeiro plano) é rosa #FF35FF, cor do preenchimento (= cor de segundo plano) é rosa mais claro #FFDDFF, fonte arial normal tamanho 12 pt, parágrafo centralizado. 9. Com o estilo quadro_topo criado, é possível aplicá-lo no arquivo HTML.
Para isso, basta salvar o arquivo
CSS, ir para o arquivo HTML, posicionar sobre a frase e aplicar o estilo. 10. Salvar o arquivo HTML e visualizar a página em um navegador (por exemplo, no Internet Explorer - clicar no ícone ao lado do ícone da impressora, no menu do
FrontPage).
46283-04 Redes Informatizadas de Comunicação e Informação
Profa. Márcia de Borba Campos
11. Ao pressionar ENTER no quadro_topo, a tendência do estilo é continuar como quadro_topo. Por isso, certifique-se que o estilo está "normal".
12. Estando no estilo "Normal", escrever: Principal, Programa,
Agenda, Material de apoio,