Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • C EstBasWeb

    Cargado por

    magda777
    6 vistas8 páginas

    Título original

    C_EstBasWeb

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PPTX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    © All Rights Reserved
    Descargue como PPTX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    6 vistas8 páginas

    C EstBasWeb

    Cargado por

    magda777

    Copyright:

    © All Rights Reserved
    Descargue como PPTX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 8

    Estructura básica de

    la web: HTML,
    head y body
    Estructura de Contenido
    HOME QUIENES PRODUCTO
    SOMOS O SERVICIO

    • Muestra
    qué
    puede
    ofrecer
    • Es la • Explica empres
    puerta de la • Aquí se
    entrada. historia brinda
    informa
    • Incluye la de tu
    ón más
    informaci empresa,
    detallad
    ón más su de los
    relevante misión, product
    de tu visión y que
    empresa valores. vendes
    los
    servicio
    que
    ofreces
    2
    Estructura de una página web
    Cabecera o header

    Cuerpo o body

    Pie de página o footer

    3
    Estructura de una página web

    Cabecera o header Cuerpo o body Pie de página o footer


    La cabecera es la parte superior de la
    Esta es la parte de la web que alberga
    página web. Aquí suele incluirse la El pie de página o footer es la parte inferior de una
    el contenido principal de tu página.
    información básica de la empresa o página web. Al igual que la cabecera, se repite y es
    Esta parte sí es diferente en cada
    marca y es consistente en todo el sitio, consistente en cada página. En el footer podemos
    página de tu sitio.
    es decir, se repite en cada página de la encontrar los siguientes elementos:
    web.
    Menú simplificado
    Los elementos que se incluyen en la
    cabecera son: Información de contacto
    Logo de la empresa Botones de redes sociales
    El menú de navegación Logo de la empresa
    Un cuadro de búsqueda Enlace a la política de privacidad
    Una pequeña descripción de la
    web

    4
    Estructura en HTML
     Indica que iniciamos nuestro documento HTML.
    Esta etiqueta se cierra cuando finalizamos el
    documento.

    Colocaremos los metadatos de la página, el código


    JavaScript y el CSS 

    Obligatorio en HTML5, informa el juego de caracteres del documento,

    Proporciona el título de la página.

    En su interior tendremos el contenido de la página.

    <!– Comentarios->

    5
    Lo que se debe saber en HTML
    Las etiquetas tienen dos partes una de apertura y otra
    de cierre (salvo excepciones) rodeando al elemento al que afectan.

    Una etiqueta puede llevar atributos: valores que modifican su función.

    La apertura se escribe entre dos ángulos <head>, <body>, <p>

    El cierre se escribe entre ángulos pero con la barra invertida antes


    del nombre </head>, </body>, </p>

    Las etiquetas no se pueden solapar, pero pueden estar contenidas


    unas en otras: <title> está contenido en <head>
    ¿Qué puede contener el <head>?
    La etiqueta charset es una de las impriscindibles, ya que indica la codificación que
    <meta charset="utf-8"/> tendrá la página. Con un valor de utf-8 se mostrarán símbolos como la "ñ", "ç" o los
    acentos correctamente.

    El texto indicado dentro de la etiqueta <title> se mostrará en la pestaña del


    navegador. Además ser el que se muestre en las búsquedas de los diferentes
    <title>Título de la página</title>
    buscadores y es un elemento importante (a nivel de SEO) para el posicionamiento
    de la página.

    Dentro de estas etiquetas style ubicaremos el código CSS


    <style type="text/css"> /* código CSS */ que única y exclusivamente afectará a los elementos de este
    </style> mismo fichero HTML

    En el atributo href=" " indicaremos la ruta


    donde está ubicado al fichero CSS externo
    <link rel=stylesheet href="css/estilo.css" type="text/css"/> (código que afectará a todos los elementos de
    todas las páginas HTML donde se coloque esta
    etiqueta).

    7
    Práctica
    Estructura básica de una página HTML

    También podría gustarte