Modelo Relacional

1
HTML Hyper Text Markup Language
2
O que instalar e como

• Para instalar o Apache, PHP e MySQL fazer o
  download a partir da distribuição
• http//www.apachefriends.org/en/xampp.html
• Instalar em C\

3
Como correr os scripts no Internet Explorer

• Criar uma pasta Testes em
• C\Xampp\htdocs\
• Correr no Internet Explorer com o seguinte
  endereço
• http//127.0.0.1/testes/nome do script
• ou
• http//localhost/testes/nome do script

4
Documento básico e os seus componentes

• A estrutura de um documento HTML apresenta os
  seguintes componentes
• ltHTMLgt
• ltHEADgtltTITLEgtTitulo do Documentolt/TITLEgtlt/HEADgt
• ltBODYgt texto, imagem, links, ...
• lt/BODYgt
• lt/HTMLgt
• As etiquetas HTML não são sensíveis a maiusculas
  e minusculas.
• Traduzindo tanto faz escrever ltHTMLgt, ltHtmlgt,
  lthtmlgt, ltHtMlgt, ...

5
Cabeçalhos

• Há seis níveis de cabeçalhos em HTML, de ltH1gt a
  ltH6gt
• ltH1gtEste é um cabeçalho de nível 1lt/H1gtltH2gtEste é
  um cabeçalho de nível 2lt/H2gtltH3gtEste é um
  cabeçalho de nível 3lt/H3gtltH4gtEste é um cabeçalho
  de nível 4lt/H4gtltH5gtEste é um cabeçalho de nível
  5lt/H5gtltH6gtEste é um cabeçalho de nível 6lt/H6gt
• Esses cabeçalhos são mostrados da seguinte
  forma
• Este é um cabeçalho de nível 1
• Este é um cabeçalho de nível 2
• Este é um cabeçalho de nível 3
• Este é um cabeçalho de nível 4
• Este é um cabeçalho de nível 5
• Este é um cabeçalho de nível 6

6
Quebras de Linha e Parágrafos

• Quebras de Linha
• Quando queremos mudar de linha, usamos o elemento
  ltBRgt. Isso só é necessário quando queremos uma
  quebra de linha em determinado ponto, pois os
  browsers já quebram as linhas automaticamente
  para apresentar os textos.
• Com sucessivos ltBRgt, podemos inserir diversas
  linhas em branco nos documentos.
•  
• Parágrafos
• Para separar blocos de texto, usamos o elemento
  ltPgt
• Parágrafo 1ltPgtParágrafo 2.

7
Listas não numeradas

• ltULgt
• ltLIgtitem de uma lista
• ltLIgtitem de uma lista, que pode ser tão grande
  quanto se queira, sem que seja necessário
  preocupar-se com a formatação das margens de
  texto
• ltLIgtitem
• lt/ULgt

• item de uma lista
• item de uma lista, que pode ser tão grande quanto
  se queira, sem que seja necessário preocupar-se
  com a formatação das margens de texto
• item

8
Listas numeradas

• ltOLgt
• ltLIgtitem de uma lista numerada
• ltLIgtitem de uma lista numerada, que pode ser tão
  grande quanto se queira, sem que seja necessário
  se preocupar com a formatação das margens de
  texto
• ltLIgtitem de lista numerada
• lt/OLgt

1. item de uma lista numerada
2. item de uma lista numerada, que pode ser tão
   grande quanto se queira, sem que seja necessário
   preocupar-se com a formatação das margens de
   texto
3. item de lista numerada

9
Estilos

• ltBgt
• Quando disponível no browser, é mostrado em
  negrito (nalguns browsers, pode aparecer
  sublinhado)
• ltIgt
• Itálico (em alguns casos, caracteres inclinados)
• ltTTgt
• Tipo teletype - fonte de espaçamento fixo.
• ltUgt
• Sublinhado. Deve ser usado com cuidado, pois
  confunde-se com a apresentação de links.

10
Comentários

• lt!- Isto é um Comentário --gt

11
Forms (Formulários)

• Um formulário é um modelo para a entrada de um
  conjunto de dados. O primeiro passo para fazer
  formulários é aprender as etiquetas que desenham
  as janelas de entrada de dados, para depois
  trabalharmos com os scripts, que são os programas
  que tratam esses dados, oferecendo os serviços
  desejados (acesso a base de dados, envio de
  e-mail, etc.).
• O elemento ltFORMgt delimita um formulário e contém
  uma sequência de elementos de entrada e de
  formatação do documento.
• ltFORM ACTION"URL_de_script" METHODmétodogt...lt/FO
  RMgt

12
Forms (Formulários)

• ltFORM ACTION"URL_de_script" METHODmétodogt...lt/FO
  RMgt
• Os atributos de FORM que nos interessam agora
  são
• ACTION
• Especifica o URL do script ao qual serão enviados
  os dados do formulário.
• METHOD
• Seleciona um método para aceder ao URL de acção.
  Os métodos usados actualmente são GET e POST.
  Ambos os métodos transferem dados do browser para
  o servidor, com a seguinte diferença básica
• POST
• os dados entrados fazem parte do corpo da
  mensagem enviada para o servidor
• transfere grande quantidade de dados.
• GET
• os dados entrados fazem parte do URL (endereço)
  associado à consulta enviada para o servidor
• suporta até 128 caracteres.

13
Forms (Formulários)

• INPUT
• O campo ltINPUTgt tem um atributo TYPE, ao qual
  atribuímos seis valores diferentes (text,
  password, submit, checkbox, radio e reset) para
  gerar seis tipos diferentes de entrada de dados.
•  
• Campo de dados texto
• Nome ltINPUT TYPETEXT NAME"Nome"gt
• produz o resultado
• Nome

14
Forms (Formulários)

• INPUT
• Campo de dados password
• Entrada de texto na qual os caracteres são
  escondidos por asteriscos.
• Login ltINPUT TYPETEXT NAMElogingtltbrgtPassword
  ltINPUT TYPEPASSWORD NAME"senha"gt
• Login
• Password

15
Forms (Formulários)

• VALUE
• VALUE pode ser usado para dar um valor inicial a
  um campo de tipo texto ou senha. Desse modo, se o
  utilizador não preencher este campo, será
  adoptado este valor padrão. Se o utilizador
  quiser entrar dados, simplesmente apaga o que já
  estiver escrito e escreve as suas informações.
• Nome ltINPUT TYPETEXT NAME"nome" VALUE"Seu
  nome"gt
• Nome

16
Forms (Formulários)

• INPUT

SUBMIT apresenta o botão que causa o envio dos
dados de entrada para o servidor ltINPUT
TYPESUBMIT VALUE"Envia mensagem"gt
Envia mensagem
17
Forms (Formulários)

• Exemplo
• ltform actionauthor.php" method "post"gt
• Enter the new authorltbrgt
• Name ltinput typetext name"name" gtltbrgt
• Email ltinput typetext name"email" gtltbrgt
• ltinput typesubmit valueGO!" gt
• lt/formgt

18
Forms (Formulários)

• Exemplo author.php
• lt?php
• name_POST'name'
• email_POST'email'
• echo name . "ltBRgt". email
• ?gt

19
Forms (Formulários)

• Exemplo código html e php no mesmo ficheiro
• ltform actionlt?php echo _SERVER PHP_SELF
  ?gt" method "post"gt
• Enter the new authorltbrgt
• Name ltinput typetext name"name" gtltbrgt
• Email ltinput typetext name"email" gtltbrgt
• ltinput typesubmit valueGO!" gt
• lt/formgt

20
Forms (Formulários)

• SELECT
• ltSELECTgt apresenta uma lista de valores, através
  de campos OPTION.
• Apresenta uma combo box ao utilizador.
• Exemplo
• ltSELECT NAME"sabor"gtltOPTIONgtAbacaxiltOPTIONgtCrem
  eltOPTIONgtMorangoltOPTIONgtChocolatelt/SELECTgt

21
Links (Ligações)

• Com HTML é possível fazermos ligações de uma
  região de texto (ou imagem) a um outro documento
  ou endereço.São as ligações de hipertexto -
  também chamadas hypertext links ou hiperlinks ou
  simplesmente links.
• Para inserir um link num documento, utilizamos a
  etiqueta ltAgt, da seguinte forma
• ltA HREF "arq_destino"gtâncoralt/Agt
• onde
• arq_destino
• É o URL do documento de destino
• âncora
• É o texto ou imagem que servirá de ligação
  hipertexto do documento sendo apresentado para o
  documento de destino.
• Exemplo
• lta href"http//www.iseg.utl.pt"gt ISEG lt/agt