Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Aula01 - Webdesign

    Enviado por

    rickartur
    13 visualizações19 páginas
    O documento discute os conceitos de Internet, World Wide Web (WWW) e hipertexto. Explica que a Internet é uma rede de computadores interligados usando protocolos TCP/IP, enquanto a WWW é uma rede dentro da Internet que fornece informações na forma de documentos hipermidiáticos usando o protocolo HTTP. Também diferencia hipertexto, que não é linear, de texto regular e esclarece que a WWW usa inicialmente hipertexto mas atualmente também suporta outros formatos como imagens e vídeos.

    Descrição original:

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento
    O documento discute os conceitos de Internet, World Wide Web (WWW) e hipertexto. Explica que a Internet é uma rede de computadores interligados usando protocolos TCP/IP, enquanto a WWW é uma rede dentro da Internet que fornece informações na forma de documentos hipermidiáticos usando o protocolo HTTP. Também diferencia hipertexto, que não é linear, de texto regular e esclarece que a WWW usa inicialmente hipertexto mas atualmente também suporta outros formatos como imagens e vídeos.

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    13 visualizações19 páginas

    Aula01 - Webdesign

    Enviado por

    rickartur
    O documento discute os conceitos de Internet, World Wide Web (WWW) e hipertexto. Explica que a Internet é uma rede de computadores interligados usando protocolos TCP/IP, enquanto a WWW é uma rede dentro da Internet que fornece informações na forma de documentos hipermidiáticos usando o protocolo HTTP. Também diferencia hipertexto, que não é linear, de texto regular e esclarece que a WWW usa inicialmente hipertexto mas atualmente também suporta outros formatos como imagens e vídeos.

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 19

    Aula 01

    Ricardo Artur P. Carvalho Webdesign

    Internet ou Web?
    Ricardo Artur P. Carvalho Webdesign

    Internet
    Internet surge do termo internetwork que diz respeito a uma
    rede de computadores interligados. Refere-se a um contexto
    mais amplo e emprega os protocolos TCP/IP (Transmission
    Control Protocol/Internet Protocol) que interligam várias redes.

    Web (World Wide Web)


    A Web ou WWW refere-se a uma das redes de computadores
    que fornece informação na forma de documentos baseados
    em hipertextos e hipermídias, mediante o protocolo HTTP
    (Hypertext Transfer Protocol).
    Ricardo Artur P. Carvalho Webdesign

    Então a Web é texto?


    Ricardo Artur P. Carvalho Webdesign

    A web é texto?
    A World Wide Web funciona sobre o protocolo de
    comunicação http, que foi inicialmente concebido para a
    transferência de textos.
    Http é a abreviação para Hypertext Transfer Protocol, ou seja,
    Protocolo de Transferência de Hipertextos.
    Nos primórdios o acesso à Internet objetivava a troca de
    informações entre cientistas de diferentes Universidades.
    Ricardo Artur P. Carvalho Webdesign

    Mosaic foi um dos


    primeiros browsers,
    programa para
    navegar na Internet.
    Ricardo Artur P. Carvalho Webdesign

    Afinal, textos, ou hipertextos?


    Ricardo Artur P. Carvalho Webdesign

    Segundo a W3C (World Wide Web Consortium), instituição que


    estabelece os critérios, especificações, normas, programas e
    ferramentas para a Internet:
    • Hipertexto é um texto que não está limitado a ser linear.
    • Hipertexto contém links (elos) para outros textos.
    O termo foi cunhado por Ted Nelson em 1965.
    • Hipermídia é um termo usado para hipertextos que não sejam
    necessariamente textos: isso inclui gráficos, vídeos e sons, por
    exemplo. Aparentemente, Ted Nelson foi também foi o primeiro a
    usar este termo.
    • Hipermídia e hipertexto não são produtos, mas conceitos.
    Ricardo Artur P. Carvalho Webdesign

    Mas como funciona a rede?


    Ricardo Artur P. Carvalho Webdesign

    IP Address
    O endereço de IP é um número atribuído a cada dispositivo
    conectado via o protocolo IP. Por exemplo: 74.125.225.67 é
    um número associado a um site e pode ser digitado na barra
    do navegador

    URL
    O Uniform Resource Locator é um conjunto de caracteres
    atribuído ao um conteúdo da Internet. É uma alternativa ao
    endereço de IP e mais fácil de memorizar.
    Ricardo Artur P. Carvalho Webdesign

    anatomia do url

    http://infnet.edu.br
    protocolo nome do tipo do abrev.
    domínio do país
    (HTTP) domínio
    (instituição
    de ensino)
    Ricardo Artur P. Carvalho Webdesign

    E as páginas da web?
    Ricardo Artur P. Carvalho Webdesign

    Páginas estáticas
    Quando possuem um conteúdo fixo dentro de um arquivo HTML
    armazenado no servidor. Pode conter JavaScript, Flash e CSS.

    Páginas dinâmicas
    Quando o conteúdo é criado mediante um processamento no
    servidor, recorrendo ou não a um banco de dados (BD), que
    gera uma página estática para o cliente.
    Costuma utilizar linguagens de servidor (PHP, ASP, JSP) ou
    linguagens de bancos de dados (SQL).
    Ricardo Artur P. Carvalho Webdesign

    HTML
    A forma mais comum para a criação de hipertextos é a
    linguagem HTML (Hypertext Markup Language). Não é
    propriamente uma linguagem de programação, mas como
    sugere o nome, de marcação de textos.
    A marcação se dá por meio de etiquetas (tags) que
    identificam o início e o final de determinado fragmento do
    texto (título, parágrafo, listas etc.)
    Ricardo Artur P. Carvalho Webdesign

    Como é o código escrito

    Como é interpretado pelo navegador


    Nível
    superior
    Nível
    médio

    Nível
    inferior

    Hierarquia do código HTML


    Título

    Parágrafo

    Lista
    ordenada
    Ricardo Artur P. Carvalho Webdesign

    Tarefa
    Organizar hierarquicamente o texto da receita de brigadeiro.
    • Organizar o texto (títulos, parágrafos etc.)
    • Organizar o código (indentação, tags)
    Ricardo Artur P. Carvalho Webdesign

    Algumas Tags
    <html> marca a natureza do documento </html>
    <head> informações do cabeçalho (ocultas) </head>
    <body> define o corpo da página </body>
    <h1>Nível de título 1 </h1> (h2, h3...)
    <a> define link ou âncora </a>
    <p> define um parágrafo </p>
    <br> estabelece uma quebra de linha (line brake)
    <li> define um item de lista </li>
    <b> marca o negrito </b>
    <i> marca o itálico </i>

    Você também pode gostar