Cadernos de Informática - Portal do Professor

More documents

Recommendations

Info

MODULO 1: INTRODUÇÃO AO WEBDESIGN 1.1 - INTRODUÇÃO AO HTML 1.2 - VAMOS TENTAR? O que é um arquivo HTML? CURSO DE INTRODUÇÃO AO WEBSITE Secretaria de Estado de Educação MG HTML significa Hyper Text Markup Language (Linguagem de marcação de texto). Um arquivo HTML é um arquivo texto contendo pequenas marcações que serão interpretadas por um browser (como o mozilla firefox por exemplo). Estas marcações são chamadas de TAGs (ou etiquetas). As tags mostram ao browser como exibir a página. Um arquivo HTML deve ter a extensão htm ou html e pode ser criado usando um editor de texto comum. Primeiro vamos abrir nosso editor de texto. No KDE, vá ao menu, e em seguida nas opções Editors (ou Editores), e em Kwrite. Cadernos de Informática 15
Cadernos de Informática 16 CURSO DE INTRODUÇÃO AO WEBSITE Secretaria de Estado de Educação MG Qualquer outro editor de texto pode ser usado, como o Kate, etc, e e forma de executar o editor pode variar dependendo do programa e da sua distribuição do Linux. Digite o seguinte texto: título da pagina Esta é minha primeira homepage. Salve o arquivo como “minhapagina.htm”. Agora vamos visualizar nosso site. Inicie o browser (Mozilla Firefox) e selecione “Open” (ou “Abrir”) no menu “File” (ou “Arquivo”). Uma caixa de dialogo irá aparecer. Selecione “Browse” (ou “Escolher arquivo”) e localize o arquivo que acabou de criar - “minhapagina.htm” - selecione-o e clique em “Open” (ou “Abrir”). Agora você deve poder ver o caminho do arquivo na caixa de dialogo. Clique em OK, e o browser irá exibir a página. Explicação do exemplo: A primeira tag em seu documento HTML é . Note que todas as tags estão delimitadas por “”. Esta tag indica ao seu browser que é o começo do documento HTML. A ultima tag é . Esta tag indica que é o fim do documento HTML. Os textos entre a tag e a tag são chamados de informações de cabeçalho. As informações de cabeçalho não são exibidas na janela do browser. O texto entre as tags e é o título do seu documento. O título é exibido na Barra de título do browser. É entre a tag e que estará todo o texto a ser exibido na janela do browser. E é nesta “seção” que utilizaremos todos os artifícios de formatação de texto, tabelas e formulários. Veremos mais sobre estes assuntos mais tarde. Extensão HTM ou HTML? Quando se salva um documento HTML, você pode usar tanto a extensão htm quanto html. Nós usamos htm nos nossos exemplos. Este é um habito gerado por softwares antigos que só aceitavam extensões com 3 letras. Com softwares novos é perfeitamente seguro utilizar a extensão html. Nota sobre os Editores de HTML: Você pode facilmente editar arquivos HTML com programas do tipo o-que-você-vê-é-oque-você-leva (WYSIWYG - what you see is what you get), sem precisar ao menos ler o código dos arquivos HTML.
Page 1 and 2: PROJETO ESCOLAS - REFERÊNCIA Compr
Page 3 and 4: Cadernos de Informática 4 CURSO DE
Page 9 and 10: Cadernos de Informática 10 CURSO D
Page 13: Cadernos de Informática 14 CURSO D
Page 61 and 62: MODULO 7: FORMULÁRIOS HTML (FORMS)
Page 65 and 66:
Cadernos de Informática 66 CURSO D
Page 67 and 68:
Page 69 and 70:
Page 71 and 72:
Page 73 and 74:
Page 75 and 76:
Page 77 and 78:
Page 79 and 80:
Page 81 and 82:
Page 83 and 84:
Page 85 and 86:
Page 87 and 88:
Page 89 and 90:
Page 91 and 92:
Page 93 and 94:
Page 95 and 96:
Page 97 and 98:
Page 99 and 100:
Cadernos de Informática 100 CURSO
Page 101 and 102:
Page 103 and 104:
Page 105 and 106:
Page 107 and 108:
Page 109 and 110:
Page 111 and 112:
Page 113 and 114:
Page 115 and 116:
Page 117 and 118:
show all

Cadernos de Informática - Portal do Professor

Create successful ePaper yourself

Delete template?

Save as template?