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

Introdução à Web

Embed Size (px)

Citation preview

Page 1: Introdução à Web

ESCOLA SENAI BONIFÁCIO ALMODÓVAR

PROGRAMADOR DE SISTEMAProf. Daniel Brandão

Disciplina: Conceitos de Programação para web

Page 2: Introdução à Web

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! )

1. O que é programação?

Page 3: Introdução à Web

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. 

1. O que é programação?

Page 4: Introdução à Web

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 )

O que é programação?

Page 5: 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.

2. Introdução à web

Page 6: Introdução à Web

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.

2.2 Tipos de conexão

Page 7: 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

2. Introdução à web

Page 8: Introdução à Web

2.5 Estrutura de um Web Site

Um Web Site pode estar organizado de três

maneiras:

2. Introdução à web

Page 9: Introdução à Web

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>

3. HTML

Page 10: Introdução à Web

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;

3. HTML

Page 11: Introdução à Web

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;

4. Dicas importantes

Page 12: Introdução à Web

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ê.

4. Dicas importantes