Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Aula 1

    Enviado por

    Edison Roberto
    13 visualizações32 páginas

    Título original

    Aula1

    Direitos autorais

    © Attribution Non-Commercial (BY-NC)

    Formatos disponíveis

    PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento

    Direitos autorais:

    Attribution Non-Commercial (BY-NC)
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    13 visualizações32 páginas

    Aula 1

    Enviado por

    Edison Roberto

    Direitos autorais:

    Attribution Non-Commercial (BY-NC)
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 32

    Aula 1 - Introduo

    Prof Evandro Manara Miletto

    Baseado no material da Profa Mrcia Islabo Linguagem para Internet Tcnico em Informtica - IFRS

    hoje...
    Apresentao da disciplina
    Plano de Ensino

    Motivao Apresentao do Moodle Introduo Programao Web

    Plano de Ensino
    Material da disciplina disponvel em: moodle.poa.ifrs.edu.br HTML CSS Padres Web/Usabilidade/acessibilidade/ JavaScript Avaliao

    HTML - Introduo
    HTML (Hypertext Markup Language)
    Linguagem de Marcao de Hipertextos Utilizada para desenvolver pginas na Web Composta por vrios comandos que o navegador interpreta e monta graficamente um resultado

    Cdigo HTML
    <html> <head> <title> HTML </title> </head> <body> <h1>Linguagem para Internet</h1> </body> </html>

    CSS
    CSS (Cascading Style Sheets) - Folhas de Estilos em
    Cascata Publicados pelo World Wide Web Consortium (W3C) Recomendado para separar o estilo visual do contedo Ideal usar CSS para estilo visual e HTML para contedo Caractersticas
    Criar pginas mais flexveis, leves, controlar o seu aspecto grfico com maior preciso e com maior facilidade na correo de erros e alteraes

    Cdigo CSS
    <html> <head> <style type="text/css">
    p { text-align: center; color: blue; font-family: arial; }

    </style> </head>
    <body> <p> Esse exemplo usa o tipo de letra "arial", cor azul e est alinhado ao centro. </p> </body>

    </html>

    S isso? O word salva em html! ;-)

    Padres Web - webstandards


    Normas para Web
    especificaes tcnicas definem aspectos da WWW

    Padres melhores prticas para desenvolvimento Web, incluindo: interoperabilidade acessibilidade usabilidade

    Interoperabilidade
    capacidade de um sistema de se comunicar de forma transparente com outro sistema uso de ontologias adoo de padres abertos uso de protocolos comuns

    Acessibilidade
    proporcionar acesso incluso
    leitor de tela sintetizador de voz teclados virtuais

    Na internet seguir padres do W3C


    ex. Tipo, tamanho e cor de fonte

    Usabilidade
    Qualidade de interao dos usurios com uma determinada interface
    Facilidade de aprendizado Baixa taxa de erros Facilidade de lembrar como realizar uma tarefa aps um determinado perodo Satisfao subjetiva do usurio

    Ferramentas para avaliao automtica

    JavaScript
    Linguagem de programao interpretada embutida nos arquivos HTML Um script um programa includo em uma pgina HTML que carregado, realiza as operaes especificadas Tag <script>
    Texto no aparece na tela e o navegador sabe executar o script

    Encontrada frequentemente dentro da seo <head> em HTML

    Cdigo JavaScript
    <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> Exemplo de script </title> </head> <body bgcolor="#FFFFFF"> <h1> <script language="Javascript" type="text/javascript"> document.write("Linguagem para Internet") </script> </h1> </body> </html>

    Avaliao
    Criao de um site a partir dos conhecimentos adquiridos na disciplina Fases do projeto: (identificadas durante a curso)
    Idealizao Anlise Desenvolvimento Testes Implantao Requisitos negociar ???

    Internet
    O que Internet? Histrico Caractersticas Conexes Correio eletrnico Endereo eletrnico FTP

    Internet
    Rede de abrangncia mundial Interligao de redes locais (LANs) Conecta vrias mquinas entre si atravs de um conjunto padro de regras (protocolos TCP/IP)
    Endereos IP: 200.175.97.28 DNS: traduz nome do servidor para IP www.ifrs.edu.br Domnios de mais alto nvel: .com, .edu, .gov, .br, ...

    Internet Corporation for Assigned Names and Numbers (ICANN):


    Coordena e distribui nomes de domnios, endereos IP

    Tipos de Domnios
    .com : organizaes comerciais .edu: universidades, laboratrios de pesquisa, centros educacionais .gov: governamentais .org: organizaes sem fins lucrativos Quando um site registrado, a terminao das letras do pas indicam a origem do registro (menos EUA).

    Histrico
    Projeto ARPANET Criar rede de comunicao atravs da rede telefnica, final dos anos 60 Pesquisas Cientficas Integrao de redes acadmicas Totalmente descentralizado, nenhuma pessoa ou organizao responsvel Usurio domstico - 1995 Mais importante meio de comunicao da atualidade Servios: correio eletrnico, Web, FTP, Compras Online, pesquisa de informaes,...

    Internet no Brasil
    Surgiu em 1991 RNP (Rede Nacional de Pesquisa) subordinada ao MCT (Ministrio da Cincia e Tecnologia) RNP o backbone (via principal de informaes transferidas por uma rede) principal que envolve vrias instituies Em 1994, EMBRATEL lanou o servio experimental para conhecer a Internet

    Correio Eletrnico
    Servio mais utilizado na Internet Endereo Eletrnico: nome dado ao cdigo que representa a caixa postal no provedor identidade.do.usurio@provedor.domnio Identidade.do.usurio: seqncia de caracteres definidas pelo usurio, deve identific-lo na rede onde est cadastrado @ (arroba): separador que indica quando termina o nome do usurio e comea o do provedor provedor: nome da rede que identifica o provedor domnio: domnio

    FTP
    File Transfer Protocol (FTP) Protocolo utilizado para fazer transferncias de arquivos entre computadores Bastante utilizado na rede Computador remoto pode pedir ao usurio identificao para ter permisso de acesso, ou FTP annimo

    WWW
    Como funciona a Web? Navegador Servidores (hospedagem) Hipertexto Site URL

    WWW
    World Wide Web
    Rede de alcance mundial Tambm chamada Web Forma de divulgar informaes por meio de um sistema de comunicao, atravs de diferentes tipos de computadores Permite introduzir textos, imagens, animaes, filmes, sons...
    So chamados hipertextos e criados pela linguagem HTML

    Funcionamento da Web
    Funciona com dois tipos de programa:
    Cliente e servidor: Cliente programa usado para ver as pginas Servidor responsvel por armazenar e permitir o acesso ao contedo da rede

    Cliente navegador!

    Navegadores
    Um navegador ou browser, o aplicativo que torna possvel a visualizao das pginas na WWW Variedade de navegadores em todas as plataformas Podem ser freeware ou shareware Exemplos: Internet Explorer, Mozilla Firefox, Opera, Chrome, Safari... Localiza o endereo da pgina especificada (URL) Responsvel por interpretar comandos HTML

    Hipertexto
    Texto digital com hiperlinks A idia passar facilmente de um ponto a outro, obter informaes de maneira rpida, sem ler um texto numa estrutura rgida e linear Pginas da Web que tem caractersticas que as diferenciam de outro sistema de informao Apresentao em multimdia Interatividade ...

    Site
    Conjunto de pginas relacionadas e armazenadas em um computador (servidor) Home page - Pgina principal

    URL
    Uniform Resource Locator (URL)
    Endereo na WWW, que possibilita obter informaes Cada pgina tem um endereo nico, chamado URL

    Protocolo
    Mtodo pelo qual ocorre a transao entre cliente e servidor
    http:// (Protocolo de transferncia de Arquivos de Hipertexto ftp:// (Protocolo para transferir arquivos) news:// (grupos de discusso) mailto:// (enviar correio eletrnico)

    URL
    Servidor: nome do servidor na WWW onde est localizada a pgina Caminho: localizao do arquivo no servidor Nome do arquivo: nome do arquivo que est sendo acessado html indica que se trata de uma pgina - .zip, .exe, .pdf,... Exemplo: http://www.poa.ifrs.edu.br/docs/html/index.html

    Tarefa para casa - temas


    Conectar-se ao moodle matrcula na disciplina
    https://moodle.poa.ifrs.edu.br/

    Procurar:
    https://moodle.poa.ifrs.edu.br/login/index.php ou http://moodle.poa.ifrs.edu.br/course/view.php?id=1382 Chave de inscrio: internet2011-2

    Resumir em uma pgina: Padres Web, Acessibilidade e usabilidade Enviar a fonte e referncias ;-) Enviar o texto via Moodle (primeiro bloco da disciplina) Dvidas?: usar o frum e discutir com os colegas

    Você também pode gostar