Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Desenvolvimento Web

    Enviado por

    Raphael Santana
    14 visualizações20 páginas
    Este documento fornece uma introdução aos fundamentos da programação web, incluindo o que é a World Wide Web, o modelo cliente-servidor, servidores DNS, HTML, CSS, JavaScript e elementos básicos de HTML como tags, atributos e documentos.

    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
    Este documento fornece uma introdução aos fundamentos da programação web, incluindo o que é a World Wide Web, o modelo cliente-servidor, servidores DNS, HTML, CSS, JavaScript e elementos básicos de HTML como tags, atributos e documentos.

    Direitos autorais:

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

    Desenvolvimento Web

    Enviado por

    Raphael Santana
    Este documento fornece uma introdução aos fundamentos da programação web, incluindo o que é a World Wide Web, o modelo cliente-servidor, servidores DNS, HTML, CSS, JavaScript e elementos básicos de HTML como tags, atributos e documentos.

    Direitos autorais:

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

    Desenvolvimento Web

    Aula 01

    Raphael Santana Ferreira


    raphile@gmail.com
    O que é World Wide Web?
    A World Wide Web (termo inglês que, em
    português, se traduz literalmente por "Teia
    mundial"), também conhecida como Web ou WWW,
    é um sistema de documentos em hipermídia
    (hipermédia) que são interligados e executados na
    Internet.
    https://pt.wikipedia.org/wiki/World_Wide_Web
    Modelo Cliente-Servidor
    Basicamente toda a web é baseada no modelo
    cliente-servidor, onde diversos clientes(desktop,
    notebook, smartphones, tablets, etc) fazem
    requisições de conteúdo aos servidores em
    diversas localizações. Todo servidor tem um
    endereço pelo qual pode ser localizado esse
    endereço é denominado Endereço IP que é
    composto de quatro grupos de até trés números.
    Ex: 192.168.010.001
    Servidores DNS
    Cada servidor é encontrado pelo seu endereço IP,
    porém seria quase impossível para nós seres
    humanos gravar todas essas sequências de
    endereços IP que usamos diariamente, por isso
    utilizamos os servidores DNS para fazer os
    apontamentos dos endereços dos sites aos
    endereços de IP.
    Exemplo:
    Endereço: http://www.google.com
    IP: http://216.58.222.228
    O que é HTML?
    HTML (abreviação para a expressão inglesa
    HyperText Markup Language, que significa
    Linguagem de Marcação de Hipertexto) é uma
    linguagem de marcação utilizada na construção de
    páginas na Web. Documentos HTML podem ser
    interpretados por navegadores.
    https://pt.wikipedia.org/wiki/HTML
    O que é CSS?
    Cascading Style Sheets (CSS) é uma linguagem de
    folhas de estilo utilizada para definir a
    apresentação de documentos escritos em uma
    linguagem de marcação, como HTML ou XML. O seu
    principal benefício é a separação entre o formato e
    o conteúdo de um documento.
    https://pt.wikipedia.org/wiki/Cascading_Style_Sheet
    s
    O que é JavaScript?
    JavaScript é uma linguagem de programação
    interpretada. Foi originalmente implementada
    como parte dos navegadores web para que scripts
    pudessem ser executados do lado do cliente e
    interagissem com o usuário sem a necessidade
    deste script passar pelo servidor, controlando o
    navegador, realizando comunicação assíncrona e
    alterando o conteúdo do documento exibido.
    https://pt.wikipedia.org/wiki/JavaScript
    <!DOCTYPE html>
    <html>

    <head>
    <meta charset="utf-8">
    <title>Pagina inicial</title>
    </head>

    <body>

    </body>

    </html>
    Tags
    O documento html é escrito através de marcadores,
    ou tags em inglês, e seus respectivos atributos e
    propriedades.
    Através das tags descrevemos os componentes que
    compõe o documento, assim podemos declarar um
    botão, um link, uma tabela, um formulário e assim
    por diante.
    Temos várias fontes na internet para pesquisarmos
    os componentes disponíveis, usaremos W3.
    http://www.w3schools.com/html/default.asp
    Algumas tags no HTML precisam ser abertas e
    fechadas, porém há algumas excessões de tags
    que não precisam ser fechadas com a barra (</>).
    A tag html precisa ser aberta e fechada:
    <html></html>
    A tag img não precisa ser fechada:
    <img src="" alt="" width="10" height="10">
    Indentação
    Indentar o código fonte é uma boa prática de
    programação e sempre deve ser observada para
    uma melhor organização e visualização, um código
    organizado facilita até mesmo a localização de
    erros no código.
    Documentos HTML
    Todos os documentos HTML deve começar com a
    declaração do tipo de documento:
    <! DOCTYPE html>

    O documento HTML em si começa com a tag


    <html> e termina fechando a tag </ html>

    A parte visível do documento HTML é entre


    <body> e </ body>
    Títulos HTML
    Cabeçalhos HTML são definidos com o <h1> até
    <h6> tags.
    <H1> define o título mais importante e maior.
    <H6> define o título menos importante e menor.
    Links HTML
    Os links em HTML servem para fazer referencia a
    outra página passando o endereço da página no
    atributo "href".

    <a href="http://www.google.com">google</a>
    Imagens em HTML
    A tag <img> é usada para referenciar uma imagem
    no HTML.
    O arquivo de origem é informado no atriburto "src"
    e pode-se colocar uma legenda para a imagem
    com o atributo "alt", largura e altura são fornecidos
    como atributos "width" e "height".

    <img src="teste.jpg" alt="Imagem" width="104"


    height="142">
    Elementos HTML
    Documentos HTML são arquivos de texto
    constituidos de elementos HTML.
    Os elementos HTML são definidos usando tags
    HTML.
    Atributos HTML
    Todos os elementos HTML podem ter
    atributos, esses atributos são usados para
    pasasr informações adicionais sobre o
    elemento em questão.
    Um exemplo claro disso são os atributos
    width e height que definem o tamanho dos
    elementos na terra.
    Considerações sobre padrões
    O padrão HTML5 não requer nomes de atributos
    em minúsculas.
    O atributo título pode ser escrito com letras
    maiúsculas ou minúsculas, como title ou TITLE.
    W3C recomenda minúsculas em HTML, e exige
    minúsculas para tipos de documentos mais
    rigorosas, como XHTML.

    O padrão HTML5 não requer aspas em torno


    valores de atributos.
    O atributo href, por exemplo, pode ser escrita como:
    <a href=http://www.w3schools.com>
    Aspas simples ou duplas?
    Aspas dupas em torno valores de atributos são os
    mais comuns em HTML, mas aspas simples
    também pode ser usado.
    Em algumas situações, quando o próprio valor do
    atributo contém aspas, é necessário usar aspas
    simples:
    <p title=' Raphael "teste" sistema'>
    Perguntas?

    Você também pode gostar