Introdução à Web

272 visualizações

Publicada em

Publicada em: Design
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
272
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
2
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Introdução à Web

  1. 1. ESCOLA SENAI BONIFÁCIO ALMODÓVAR PROGRAMADOR DE SISTEMA Prof. Daniel BrandãoDisciplina: Conceitos de Programação para web
  2. 2. 1. O que é programação?PROGRAMAÇÃO é o ato de desenvolver programas e/ou aplicativosde computadores.1.1 Computadores, sistemas operativos e programasOs programas de computador que iremos fazer são executadosem computadores ligados à internet. No entanto, a verdade é que épreciso mais do que um computador (o chamado hardware) para seconseguir criar e executar um programa. O que é preciso costumaapresentar-se por níveis, em que o nível inferior serve de suporte aoque 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. 3. 1. O que é programação?A tal verdade mais completa é outra: existe mais um nível entre ocomputador e os programas. Esse nível corresponde a um tipo especialde programa chamado sistema operativo ou operacional. O maisconhecido atualmente é provavelmente o Microsoft Windows nas suasvárias versões (95, 98, NT, 2000, XP, e 7), mas existem muitomais sistemas operativos. Para computadores pessoais outro muitoutilizado é o sistema Linux que é uma variante de um sistema operativomuito famoso, criado na década de 70 e chamado UNIX. Os grandesfabricantes de computadores também têm sistemas operativosespecíficos para os seus computadores e existem também muitossistemas operativos para aplicações e tipos de computadoresespecíficos.
  4. 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. 5. 2. Introdução à web2.1 A InternetA Internet é a rede mundial de computadores e interliga várias redes de computadores(instituições educacionais, governamentais, comerciais, etc). Milhares de pessoastrabalham na expansão e administração destas redes. A rede mundial compreenderecursos 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 dosmeios comunicação. Toda a população teve acesso aos estudos já empreendidos esomaram 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 novastecnologias.
  6. 6. 2.2 Tipos de conexãoOs 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, comobibliotecas, além de pontos de acesso à Internet, como emaeroportos.Alguns telefones celulares, como os smartphones,geralmente vêm com acesso à Internet através da própriarede do telefone.
  7. 7. 2. Introdução à web2.3 Definições da HtmlOs documentos na Web são organizados com o uso de comandosque são interpretados pelos browsers. Estes comandos compõem alinguagem HTML (HyperText Markup Language).A linguagem HTML é uma linguagem utilizada para definir aaparência (formatação) dos documentos na Web.2.4 Elementos de um Projeto WebPá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éminformações relacionadas.Também podem fazer parte de um Web Site arquivos de texto,programas, imagens, etc
  8. 8. 2. Introdução à web 2.5 Estrutura de um Web Site Um Web Site pode estar organizado de três maneiras:
  9. 9. 3. HTMLCOMANDOS HTML (TAGS)Os comandos HTML são descritores que indicam ao browser como as informações devemaparecer e são chamados de TAGS. São escritos obrigatoriamente entre os sinais "<" (menorque) e ">" (maior que).3.1 Formas dos Comandos HTMLAs 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. 10. 3. HTML3.2 Regras HTML e DicasFechar 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ãointerpretados como apenas um espaço. Fora dos tags não há restrição douso dos espaços;NOMES DOS TAGS - Maiúsculas (não é estritamente necessário mas facilitaa leitura e tomaremos como convenção para os nossos códigos);NOMES DOS ARQUIVOS (inclusive extensão “.html” ou “.htm”) -Minúsculas;
  11. 11. 4. Dicas importantesAlgumas 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. 12. 4. Dicas importantesEm 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 processode criação” (geralmente acompanhada de sinais amarelos),pois praticamente todos os sites da Web estão em criação e emdesenvolvimento. É preferível não colocar nada a colocar umapágina com um aviso deste tipo;Peça a opinião de outras pessoas antes de publicar o seu site, oolhar crítico de alguém pode detectar erros que não forampercebidos por você.

×