Criação de Páginas Web Casa da Juventude de Vialonga Aula 2: Elementos Básicos
Microsoft Frontpage <ul><li>O Microsoft Frontpage é um editor de páginas HTML do tipo WYSIWYG, permitindo «construir» as p...
Estrutura do código HTML <ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title>A minha 1ª página</title> </li><...
Formatar o texto <ul><li>Usar Bold ou Italic; </li></ul><ul><li>Modificar o tamanho, cor e tipo de letra; </li></ul><ul><l...
Listas <ul><li>Listas ordenadas e itens da lista; </li></ul><ul><li>Listas com marcas e itens da lista; </li></ul>
Links <ul><li>Links internos ou âncoras; </li></ul><ul><li>Links externos; </li></ul><ul><li>Target do Link </li></ul><ul>...
Imagens <ul><li>Inserir uma imagem; </li></ul><ul><li>Fluxo do texto em torno da imagem; </li></ul><ul><li>Redimensionar i...
Próximos SlideShares
Carregando em…5
×

Introdução à Criação De Páginas Web Aula2

818 visualizações

Publicada em

Publicada em: Tecnologia, Design
  • Seja a primeira pessoa a gostar disto

Introdução à Criação De Páginas Web Aula2

  1. 1. Criação de Páginas Web Casa da Juventude de Vialonga Aula 2: Elementos Básicos
  2. 2. Microsoft Frontpage <ul><li>O Microsoft Frontpage é um editor de páginas HTML do tipo WYSIWYG, permitindo «construir» as páginas como se se tratasse de um simples documento do Word. </li></ul>
  3. 3. Estrutura do código HTML <ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title>A minha 1ª página</title> </li></ul><ul><li></head> </li></ul><ul><li><body> </li></ul><ul><li>Esta é a minha primeira página </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul>
  4. 4. Formatar o texto <ul><li>Usar Bold ou Italic; </li></ul><ul><li>Modificar o tamanho, cor e tipo de letra; </li></ul><ul><li>Criar parágrafos; </li></ul><ul><li>Alinhar parágrafos; </li></ul><ul><li>Criar linhas adicionais; </li></ul><ul><li>Criar «contentores» genéricos, com ou sem alinhamento; </li></ul><ul><li>Comentar. </li></ul>
  5. 5. Listas <ul><li>Listas ordenadas e itens da lista; </li></ul><ul><li>Listas com marcas e itens da lista; </li></ul>
  6. 6. Links <ul><li>Links internos ou âncoras; </li></ul><ul><li>Links externos; </li></ul><ul><li>Target do Link </li></ul><ul><li>Links de texto e links de imagem; </li></ul>
  7. 7. Imagens <ul><li>Inserir uma imagem; </li></ul><ul><li>Fluxo do texto em torno da imagem; </li></ul><ul><li>Redimensionar imagens com o HTML; </li></ul>

×