Co-financiado pelo FSE e Estado Português

APRENDIZAGEM

APRENDIZAGEM

INTRODUÇÃO

APRENDIZAGEM

TAGS • TAGS SÃO OS COMANDOS USADOS PARA A CONSTRUÇÃO DE SUA PÁGINA NA WEB, PODEM SER ABERTAS, COMO
, OU FECHADAS, COMO

. AS TAGS QUE POSSUEM “/” SERVEM PARA FECHAR UMA TAG ANTES ABERTA ().

APRENDIZAGEM

EDITORES • PARA CONSTRUÇÃO DE DA PÁGINA NA WEB, PODEM SER UTILIZADOS EDITORES DE TEXTO SIMPLES, COMO WORD, WORDPAD, OU MAIS SIMPLES AINDA, O BLOCO DE NOTAS, PORÉM, EXISTEM EDITORES MUITO MAIS SOFISTICADOS E FÁCEIS DE USAR, COMO O FRONTPAGE, E MAIS SOFISTICADOS E FÁCEIS AINDA, O MACROMEDIA DREAMWEAVER E SEUS SIMILARES.

APRENDIZAGEM

GUARDAR UMA PÁGINA WEB • EM QUALQUER QUE SEJA O EDITOR DE TEXTO, É POSSÍVEL CONSTRUIR UMA PÁGINA HTML, PORÉM PARA QUE ESSA PÁGINA

APRENDIZAGEM

ESTRUTURA DE PAG. HTML

APRENDIZAGEM

ESTRUTURA DE PAG. HTML

APRENDIZAGEM

ESTRUTURA DE PAG. HTML

APRENDIZAGEM

TAGS E SEUS ATRIBUTOS

APRENDIZAGEM

TAG <META>

APRENDIZAGEM

TAG <META> • <META NAME="DESCRIPTION" CONTENT=“PÁGINA DE EXPERIÊNCIA"> <META NAME="KEYWORDS" CONTENT="HTML,CSS,XML,JAVASCRIPT"> <META NAME="AUTHOR" CONTENT=“COMPETIR"> <META CHARSET="UTF-8">

APRENDIZAGEM

TAG <META NAME=“KEYWORDS”>

APRENDIZAGEM

TAG <META NAME=“DESCRIPTION”>

APRENDIZAGEM

TAG <META NAME=“AUTHOR”>

APRENDIZAGEM

TAG <META HTTP-EQUIV> <meta charset="ISO-8859-1" />

APRENDIZAGEM

TAG <META HTTP-EQUIV>

APRENDIZAGEM

FICHA 1 • CRIA UMA PÁGINA WEB COM OS SEGUINTES PONTOS:

• TITULO DA PÁGINA :”EXERCÍCIO 1” • PALAVRAS DE PROCURA : ESTREMOZ, COMPETIR, FORMAÇÃO • DESCRIÇÃO: PRIMEIRA PÁGINA REALIZADA PELOS ALUNOS DO CURSO TÉCNICO DE MESA E BAR • AUTOR DA PÁGINA • ATUALIZAR A PÁGINA DE 1M A 1 M • CONFIGURAR PÁGINA PARA ALFABETO PORTUGUÊS

APRENDIZAGEM



• THE DEVE ESTAR NA PRIMEIRA LINHA DA PÁGINA HTML, ANTES INCLUSIVÉ DA TAG

• NÃO É UMA TAG HTML, É UMA INSTRUÇÃO PARA O BROWSER SOBRE A VERSÃO DO HTML QUE A PÁGINA IRÁ UTILIZAR.

APRENDIZAGEM

BODY TAGS

APRENDIZAGEM

….

• PERMITE DEFINIR CABEÇALHOS

MAIS IMPORTANTE…..

MENOS IMPORTANTE

APRENDIZAGEM

Na tua opinião qual a função das tag

e ?

FICHA 2

APRENDIZAGEM

….

• PERMITE CRIAR PARÁGRAFOS

APRENDIZAGEM

FICHA 3

APRENDIZAGEM

FICHA 4 • CRIA UMA PÁGINA QUE FALE SOBRE TI • COLOCA A FRASE “ESTE SOU EU” EM DESTAQUE • NOME COMPLETO: • MORADA: • CIDADE: • EMAIL: • GOSTO DE : • NÃO GOSTO:

APRENDIZAGEM




• PASSA O TEXTO PARA A LINHA DEBAIXO

APRENDIZAGEM

FICHA 5

APRENDIZAGEM

---

• DEFINE UM NOVO TEMA DENTRO DA PAGINA WEB

APRENDIZAGEM

FICHA 6

APRENDIZAGEM

ATRIBUTOS

• PERMITEM ADICIONAR INFORMAÇÃO EXTRA À PÁGINA WEB

APRENDIZAGEM

ATRIBUTOS

• TEXTO DO LINK

APRENDIZAGEM

ATRIBUTOS

APRENDIZAGEM

• NEGRITO - • FORTE • ITÁLICO • TEXTO TIPO CÓDIGO • INFERIOR À LINHA • SUPERIOR À LINHA • SUBLINHADO

FORMATAÇÃO DE TEXTO

FORMATAÇÃO DE TEXTO

APRENDIZAGEM

FICHA 7

• NA PAGINA WEB QUE CRIASTE COLOCA UMA LINHA COM TODOS OS FORMATOS ESTUDADOS

APRENDIZAGEM

ATRIBUTO TARGET • ESTE ATRIBUTO PERMITE ESPECIFICAR O “ALVO” DO LINK , OU SEJA , PERMITE-NOS ESPECIFICAR SE A NOVA PAGINA “ABRE” NO MESMO SEPARADOR, NUM NOVO SEPARADOR, NUM NOVA JANELA, ETC.

• TARGET=“_BLANK” – ABRE NOVO SEPARADOR • TARGET =“_SELF” –ABRE NO PRÓPRIO SEPARADOR (POR DEFEITO)

APRENDIZAGEM

TARGET

APRENDIZAGEM

IMAGENS • PARA COLOCAR IMAGENS, UTILIZAMOS A TAG , QUE IDENTIFICA A LOCALIZAÇÃO DA IMAGEM PRETENDIDA.

• ALT =“ “ O TEXTO QUE É COLOCADO ENTRE ASPAS SUBSTITUI A IMAGEM, CADA VEZ QUE ESTA NÃO POSSA SER MOSTRADA

• WIDTH=“” DETERMINA O COMPRIMENTO DA IMAGEM • HEIGHT =“” DETERMINA A ALTURA DA IMAGEM • TILE=“” MOSTRA UMA PEQUENA DESCRIÇÃO DA IMAGEM

APRENDIZAGEM

IMAGEM

APRENDIZAGEM

TABELAS • TABLES SÃO DEFINIDAS PELA TAG E TERMINAM . • AS TABELAS ESTÃO DIVIDIDAS EM LINHAS A ROW IS DIVIDED INTO DATA CELLS WITH THE

TAG. (TD STANDS FOR TABLE DATA) • AS LINHAS PODEM ESTAR DIVIDAS EM LINHAS DE CABEÇALHO , UTILIZAMOS A TAG	• A TAG	É A RESPONSÁVEL POR CONSEGUIRMOS ESCREVER DENTRO DE UMA TABELA. • THE	ELEMENTS PODEM CONTER ELEMENTOS TIPO TEXT, IMAGENS, LISTAS, OUTRAS TABELES, ETC. APRENDIZAGEM TABELAS APRENDIZAGEM TABELAS LISTAS • PARA CRIAR LISTAS UTILIZAMOS AS TAG E PARA ABRIR E FECHAR UMA LISTA. PARA COLOCARMOS ELEMENTOS NA LISTA UTILIZAMOS E APRENDIZAGEM LISTAS APRENDIZAGEM DIV • ESTA TAG É RESPONSAVEL POR AGRUPAR INFORMAÇÃO LAYOUT × Report "HTML" Your name Email Reason -Select Reason- Pornographic Defamatory Illegal/Unlawful Spam Other Terms Of Service Violation File a copyright complaint Description Close Send × Sign In Email Password Remember me Forgot password? Sign In Our partners will collect data and use cookies for ad personalization and measurement. Learn how we and our ad partner Google, collect and use data. Agree & close