Aula 003
Aplicativos
PRONATEC
Programa Nacional de Acesso ao
Ensino Técnico e Emprego
PRONATEC
Programa Nacional de Acesso
ao Ensino Técnico e Emprego
1. PROGRAMAÇÃO
• Programar em informática é criar processos que o computador
executará com a finalidade de gerar os result...
2. PROGRAMAÇÃO - Conceitos
• Script: é o mesmo que programa, uma sequência de
comandos para o processador feitos em uma
li...
3. PROGRAMAÇÃO – Conceitos (cont.)
• Quando se trabalha com programação devemos observar sempre dois
lados mais importante...
4. HTML
• Linguagem de programação “client side” para sites da
internet, é constituída de comandos para o navegador
seja e...
5. ESTRUTURA DO HTML
• Toda página HTML tem a seguinte estrutura:
• <HTML>
• <head>
• ...
• </head>
• <body>
• ...
• </bod...
6. ESTRUTURA DO HTML (cont.)
• Todos programa HTML começa com a tag <HTML> e termina
com seu fechamento </HTML>
• Todas as...
7. COMANDOS tags HTML
• <HR> - não tem fechamento somente abertura e indica ao
navegador para mostrar uma linha horizontal...
8. Tags HTML
• As tags podem ser configuradas por seus
parâmetros, cada tag tem um conjunto de
parâmetros associadas a ela...
9. Primeira Página HTML
<html>
<head>
<META NAME="Author" CONTENT=“aluno">
</head>
<body>
<br> <br> <br> <br> <hr>
<font c...
10. Explicando o Exemplo Anterior
• A página começa e termina com <html>..</html> indicando que o que está
entre elas é um...
Próximos SlideShares
Carregando em…5
×

Aplicativo aula03

176 visualizações

Publicada em

0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
176
No SlideShare
0
A partir de incorporações
0
Número de incorporações
3
Ações
Compartilhamentos
0
Downloads
2
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Aplicativo aula03

  1. 1. Aula 003 Aplicativos PRONATEC Programa Nacional de Acesso ao Ensino Técnico e Emprego
  2. 2. PRONATEC Programa Nacional de Acesso ao Ensino Técnico e Emprego
  3. 3. 1. PROGRAMAÇÃO • Programar em informática é criar processos que o computador executará com a finalidade de gerar os resultados esperados pelo usuário que pediu a construção desse mesmo software • Essa criação deve partir baseando-se em um projeto de análise prévio, feito por um Analista/Projetista. • Com o modelo Lógico e Físico em mãos o programador parte para a criação dos módulos que somados comporão o sofware • Os módulos podem ser criados usando diversos compiladores e linkeditores diferentes dependendo da necessidade do usuário que deve estar bem definida pelo projeto lógico do analista • Por exemplo se o usuário precisa de um site o compilador poderá ser o Java, ou usar programação com script server side como por exemplo o PHP ou ASP • Se o usuário não precisa que o sistema fique on line na internet mas somente funcione na sua rede local pode-se optar por um desenvolvimento Client/Sever com Delphi ou Visual Basic
  4. 4. 2. PROGRAMAÇÃO - Conceitos • Script: é o mesmo que programa, uma sequência de comandos para o processador feitos em uma linguagem de programação, geralmente voltadas para a internet ou servidores. • Client Side: dizemos que um script é client side quando o computador do usuário, onde ele está está navegando é quem o executa para produzir resultados no próprio navegador. • Server Side: é um script rodado somente no servidor e que produz os resultados enviados ao computador cliente. Assim, o computador do cliente fica somente encarregado de mostrar os resultados, o servidor é quem faz o processamento dos dados
  5. 5. 3. PROGRAMAÇÃO – Conceitos (cont.) • Quando se trabalha com programação devemos observar sempre dois lados mais importantes em um sistema: 1) Interface e 2) Banco de Dados • Interface: retrata a parte de contato do sistema com o usuário, ou seja, são as telas e relatórios que o sistema mostra a quem o utiliza. • Banco de dados: são os dados mantidos pelo sistema a fim de produzir os resultados (interface) que o usuário necessita para seu trabalho • No nosso curso vamos optar por trabalhar com a programação de um site usando as seguintes ferramentas - Interface: HTML, Javascript e PHP, Banco de Dados: MySQL • HTML: sigla de HyperText Markup Language, expressão inglesa que significa "Linguagem de Marcação de Hipertexto“ criada especificamente para a internet • Javascript: linguagem de script “client side” que juntamente com o HTML faz a maioria dos sites funcionarem hoje em dia. • PHP: linguagem de script “server side” que produz resultados em HTML e Javascript para serem carregados pelos navegadores no lado cliente • MySQL: geranciador de banco de dados gratuito da Oracle para pequenos projetos ou sites pessoais como blogs.
  6. 6. 4. HTML • Linguagem de programação “client side” para sites da internet, é constituída de comandos para o navegador seja ele: explorer, google chrome, firefox, ou outros • Constitui de uma seqüência de comandos em forma de tags que sempre estão entre os símbolos “<>” • Exemplo: <br> é um comando html que diz para o navegador saltar uma linha em branco • Textos fora dos símbolos < > são tratados como textos comuns e são mostrados pelo navegador. Agora se estiverem entre os símbolos serão considerados como comandos e não mostrados, mas alguma tarefa será realizada com eles na página.
  7. 7. 5. ESTRUTURA DO HTML • Toda página HTML tem a seguinte estrutura: • <HTML> • <head> • ... • </head> • <body> • ... • </body> • </HTML>
  8. 8. 6. ESTRUTURA DO HTML (cont.) • Todos programa HTML começa com a tag <HTML> e termina com seu fechamento </HTML> • Todas as tags tem abertura: < > e fechamento </ > • Dentro da tag HTML temos duas seções principais: head – cabeçalho e body – corpo que são marcadas respectivamente pelas tags <head></head> e <body></body> • As reticências são locais onde colocamos os demais comandos para a página funcionar • O cabeçalho é uma seção opcional, se não quiser usá-la não precisa abrir suas tags • O corpo é obrigatório, todo html deve ter sua tag <body> aberta e fechada. É nessa seção que vai realmente a página a ser mostrada ao usuário
  9. 9. 7. COMANDOS tags HTML • <HR> - não tem fechamento somente abertura e indica ao navegador para mostrar uma linha horizontal de fora a fora na página • <BR> - não tem fechamento e comanda o navegador a saltar uma linha em branco passando para a próxima linha • <font>...</font> - comanda o navegador para configurar o texto com uma fonte determinada • <a>...</a> - cria um link na página para o texto que aparece entre a abertura e fechamento da tag • <p>...</p> - cria um parágrafo de todo o texto dentro da tag. • <div>...</div> - cria uma divisão que é um conjunto de objetos que poderão ser configurados como um só • <img> - não tem fechamento, inclui uma imagem na página no ponto onde for colocada
  10. 10. 8. Tags HTML • As tags podem ser configuradas por seus parâmetros, cada tag tem um conjunto de parâmetros associadas a elas e podem ser acessados na abertura da tag • Exemplo: <img src=“c:foto.jpg”> - essa tag colocará na página a imagem localizada no arquivo “c:foto.jpg” que é o que parâmetro ‘src’ (source) informando ao navegador qual imagem “img” deverá ser usada • Cada tag tem vários parâmetros e cada parâmetro pode conter ainda vários subconjunto de características específicas para a tag
  11. 11. 9. Primeira Página HTML <html> <head> <META NAME="Author" CONTENT=“aluno"> </head> <body> <br> <br> <br> <br> <hr> <font color=“red”>Olá mundo!</font> <hr> <br> <br> <br> </body> </html>
  12. 12. 10. Explicando o Exemplo Anterior • A página começa e termina com <html>..</html> indicando que o que está entre elas é um programa em HTML • A tag <head>..</head> contem a seção cabeçalho da página e não é mostrada no navegado, serve apenas para o processador da página configurar recursos para mostrar a mesma • A tag <META> não tem fechamento e é usada para variadas informações sobre a página mostrada, nesse caso mostra o autor – parâmetro: NAME=“AUTHOR” e quem é: CONTENT=“Aluno” • Em HTML o que vem entre “” ou ‘ ’ é considerado um literal e tratado como uma string ou valor dependendo da situação e do parâmetro • A tag <body>..</body> contem o corpo da página onde fica a parte que será mostrada a quem abre a página no navegador • O comando <br> faz saltar uma linha começando do topo da página, assim fazemos 5 saltos de linha • O comando <hr> mostra uma linha horizontal atravessando toda página • A tag <font color=“red”>..</font> mostra o texto “Olá mundo!” de cor vermelha (red) e depois de fechada volta ao normal o texto • <hr> mostra mais uma horizontal e mais um salto de 3 linhas <br>

×