Este documento fornece uma introdução aos conceitos básicos de programação para a web, incluindo: 1) O que é programação e como funcionam os programas, sistemas operacionais e computadores. 2) Uma visão geral da internet e da web, incluindo tipos de conexão e definições básicas de HTML. 3) Uma explicação dos principais comandos e tags HTML.

1. ESCOLA SENAI BONIFÁCIO ALMODÓVAR
PROGRAMADOR DE SISTEMA
Prof. Daniel Brandão
Disciplina: Conceitos de Programação para web

2. 1. O que é programação?
PROGRAMAÇÃO é o ato de desenvolver programas e/ou aplicativos
de computadores.
1.1 Computadores, sistemas operativos e programas
Os programas de computador que iremos fazer são executados
em computadores ligados à internet. No entanto, a verdade é que é
preciso mais do que um computador (o chamado hardware) para se
conseguir criar e executar um programa. O que é preciso costuma
apresentar-se por níveis, em que o nível inferior serve de suporte ao
que lhe está por cima. Um primeiro esquema simples é:
Programas (processadores de texto, jogos, folha de cálculo, etc.)
Computador (a caixa e o que está dentro! )

3. 1. O que é programação?
A tal verdade mais completa é outra: existe mais um nível entre o
computador e os programas. Esse nível corresponde a um tipo especial
de programa chamado sistema operativo ou operacional. O mais
conhecido atualmente é provavelmente o Microsoft Windows nas suas
várias versões (95, 98, NT, 2000, XP, e 7), mas existem muito
mais sistemas operativos. Para computadores pessoais outro muito
utilizado é o sistema Linux que é uma variante de um sistema operativo
muito famoso, criado na década de 70 e chamado UNIX. Os grandes
fabricantes de computadores também têm sistemas operativos
específicos para os seus computadores e existem também muitos
sistemas operativos para aplicações e tipos de computadores
específicos.

4. O que é programação?
Então temos:
Programas (processadores de texto, jogos, folha de cálculo,
etc.)
Sistema Operacionais (MS-Windows, Linux, etc.)
Computador (a caixa e o que está dentro )

5. 2. Introdução à web
2.1 A Internet
A Internet é a rede mundial de computadores e interliga várias redes de computadores
(instituições educacionais, governamentais, comerciais, etc). Milhares de pessoas
trabalham na expansão e administração destas redes. A rede mundial compreende
recursos de informação tão vastos que estão além da compreensão humana.
A Internet surgiu a partir de pesquisas militares nos períodos áureos da Guerra Fria.
União Soviética e Estados Unidos compreendiam a eficácia e necessidade absoluta dos
meios comunicação. Toda a população teve acesso aos estudos já empreendidos e
somaram esforços paras aperfeiçoá-los.
No Brasil, a Internet só começou em 1988 destinada apenas à comunidade acadêmica.
A partir de 1997, o aumento de acessos a rede levou a investimentos em novas
tecnologias.

6. 2.2 Tipos de conexão
Os meios de acesso à Internet são a banda larga, Wi-Fi,
satélites e celulares com tecnologia 3G.
Existem locais públicos de acesso à Internet, como
bibliotecas, além de pontos de acesso à Internet, como em
aeroportos.
Alguns telefones celulares, como os smartphones,
geralmente vêm com acesso à Internet através da própria
rede do telefone.

7. 2. Introdução à web
2.3 Definições da Html
Os documentos na Web são organizados com o uso de comandos
que são interpretados pelos browsers. Estes comandos compõem a
linguagem HTML (HyperText Markup Language).
A linguagem HTML é uma linguagem utilizada para definir a
aparência (formatação) dos documentos na Web.
2.4 Elementos de um Projeto Web
Página Web - Arquivo de texto formatado com HTML.
Home Page - Página pessoal ou página inicial do site.
Web Site - Sítio, lugar; conjunto de páginas HTML que contém
informações relacionadas.
Também podem fazer parte de um Web Site arquivos de texto,
programas, imagens, etc

8. 2. Introdução à web
2.5 Estrutura de um Web Site
Um Web Site pode estar
organizado de três maneiras:

9. 3. HTML
COMANDOS HTML (TAGS)
Os comandos HTML são descritores que indicam ao browser como as informações devem
aparecer e são chamados de TAGS. São escritos obrigatoriamente entre os sinais "<" (menor
que) e ">" (maior que).
3.1 Formas dos Comandos HTML
As tags podem ser:
- Abertos (simples): <comando>
- Fechados: <comando> . . . </comando>
- Compostos: <comando>
<elemento 1> ... </elemento 1>
<elemento 2> ... </elemento 2> ....
<elemento n> ... </elemento n>
</comando>

10. 3. HTML
3.2 Regras HTML e Dicas
Fechar sempre as TAGS fechados e compostos;
NUNCA esquecer um sinal de “<” ou de “>”, no início ou no fim do tag;
Não usar espaços no tag (no interior dos sinais “<” e “>”).
EX: </ comando> ERRADO!!!
< com an do> - NUNCA!!!!
Os agrupamentos de espaços colocados FORA dos tags serão
interpretados como apenas um espaço. Fora dos tags não há restrição do
uso dos espaços;
NOMES DOS TAGS - Maiúsculas (não é estritamente necessário mas facilita
a leitura e tomaremos como convenção para os nossos códigos);
NOMES DOS ARQUIVOS (inclusive extensão “.html” ou “.htm”) -
Minúsculas;

11. 4. Dicas importantes
Algumas dicas importantes para o seu sucesso na Web:
Verifique suas páginas com diferentes navegadores e em
diferentes plataformas para assegurar que você terá uma
experiência de visualização consistente;
Como a maioria dos usuários Web ainda se conectam a
velocidades baixas, verifique se suas páginas podem ser
visualizadas com estes modems;
Revise a grafia e a gramática antes de publicar a sua página
(peça que outra pessoa a leia). Verifique todos os links entre as
páginas. Esta dica é simples mas muitas pessoas esquecem
dela e publicam péssimos trabalhos;

12. 4. Dicas importantes
Em vez de fazer seu vínculo de texto com coisas chatas do tipo
‘Clique aqui!’, procure ser mais específico, use ‘Iniciar’,
‘Transferir’, ou outra;
Não coloque informações do tipo “Este site está em processo
de criação” (geralmente acompanhada de sinais amarelos),
pois praticamente todos os sites da Web estão em criação e em
desenvolvimento. É preferível não colocar nada a colocar uma
página com um aviso deste tipo;
Peça a opinião de outras pessoas antes de publicar o seu site, o
olhar crítico de alguém pode detectar erros que não foram
percebidos por você.