Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • 1.6 - Dinâmica Da Web

    Enviado por

    Jesica Bampi
    8 visualizações7 páginas
    Este documento discute a estrutura de páginas HTML e a dinâmica de carga e processamento de páginas da web. Ele explica como os arquivos HTML, CSS, JavaScript e imagens são carregados e interpretados pelo navegador a partir de um servidor web para exibir uma página.

    Descrição original:

    Título original

    1.6 - Dinâmica da Web

    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
    Este documento discute a estrutura de páginas HTML e a dinâmica de carga e processamento de páginas da web. Ele explica como os arquivos HTML, CSS, JavaScript e imagens são carregados e interpretados pelo navegador a partir de um servidor web para exibir uma página.

    Direitos autorais:

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

    1.6 - Dinâmica Da Web

    Enviado por

    Jesica Bampi
    Este documento discute a estrutura de páginas HTML e a dinâmica de carga e processamento de páginas da web. Ele explica como os arquivos HTML, CSS, JavaScript e imagens são carregados e interpretados pelo navegador a partir de um servidor web para exibir uma página.

    Direitos autorais:

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

    Dinâmica da Web

    Prof. Rommel Carneiro

    1
    Tópicos
    • Estrutura de uma Página HTML
    • Dinâmica de carga e processamento - HTML e CSS

    2 Dinâmica da Web
    Estrutura de uma Página HTML

    index.html style.css
    <!DOCTYPE html> body {
    <html lang="en"> background-color: lightblue;
    <head> font-family: Arial, Helvetica;
    <meta charset="UTF-8"> }
    <title>Página Exemplo</title>
    <link rel="stylesheet" href="style.css">
    <script src="app.js"></script> app.js
    </head> // Boas vindas ao abir o site
    <body> alert ('Seja bem-vindo!');
    <img src="logo.jpg" alt="Logotipo">
    <p>Hello World</p>
    </body> logo.jpg
    </html>

    3 Dinâmica da Web
    Dinâmica de carga e processamento
    Servidor Web
    http://servidor/index.html
    1
    2
    GET /index.html
    index.html
    10
    3 4 GET /style.css
    Hello World style.css

    5
    6 GET /app.js
    app.js

    7
    8 GET /logo.jpg
    logo.jpg

    4 Dinâmica da Web
    Dinâmica de carga e processamento
    Passo a passo da carga de um site

    1. Usuário informa a URL no Navegador


    2. O Navegador solicita a página inicial (index.html) ao Servidor
    3. O Servidor envia o arquivo index.html para o Navegador o interpreta em seguida
    4. O Navegador identifica um link para o arquivo style.css e solicita este arquivo ao Servidor
    5. O Servidor encaminha o arquivo style.css para o Navegador
    6. O Navegador identifica um link para o arquivo app.js e solicita este arquivo ao Servidor
    7. O Servidor encaminha o arquivo app.js para o Navegador
    8. O Navegador identifica um link para o arquivo logo.jpg e solicita este arquivo ao Servidor
    9. O Servidor encaminha o arquivo logo.jpg para o Navegador
    10. O Navegador apresenta a página para o Usuário

    5 Dinâmica da Web
    Dinâmica de carga e processamento - HTML e CSS
    Dinâmica de carga e processamento

    Fonte: Mozilla Developer Network - https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/How_CSS_works

    6 Dinâmica da Web
    Obrigado!

    Você também pode gostar