Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Introduccion Laboratorio Web

    Cargado por

    GESTOR TECNOLÓGICO
    5 vistas23 páginas

    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
    5 vistas23 páginas

    Introduccion Laboratorio Web

    Cargado por

    GESTOR TECNOLÓGICO

    Copyright:

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

    LABORATORIO

    WEB
    OCTAVO CUATRIMESTRE
    INTRODUCCIÓN AL DISEÑO WEB
    ¿Qué es Internet?
    Internet es una red de computadoras interconectadas a nivel
    mundial en forma de tela de araña. Consiste en una serie de
    servidores (o "nodos") que proveen información a
    aproximadamente 100 millones de personas, que están
    conectadas entre ellas a través de las redes de telefonía y
    cable.
    WORLD WIDE WEB
    Comúnmente conocida como WWW, W3, o la Web— es un
    sistema interconectado de páginas web públicas accesibles
    a través de Internet. La Web no es lo mismo que el Internet:
    la Web es una de las muchas aplicaciones construidas sobre
    Internet.
    PÁGINA WEB
    Una página web, página electrónica, página digital o
    ciberpágina es un documento digital, que puede integrar
    texto, sonido, vídeo, programas, enlaces, imágenes, entre
    otros elementos, adaptado para la World Wide Web (WWW),
    y que puede ser accedida y visualizada mediante un
    navegador web. Esta información se encuentra generalmente
    en etiquetado HTML o XHTML.
    NAVEGADORES WEB
    Un navegador web o explorador de internet es un software,
    aplicación o programa que permite el acceso a la Web,
    interpretando la información de distintos tipos de archivos y
    sitios web para que estos puedan ser vistos.
    La funcionalidad básica de un navegador web es permitir la
    visualización de documentos de texto, posiblemente con
    recursos multimedia incrustados. Además, permite visitar
    páginas web y hacer actividades en ella, es decir, enlazar un
    sitio con otro, imprimir, enviar y recibir correos, etc.
    TIPOS DE NAVEGADORES WEB
    Google Chrome. Sin duda, uno de los navegadores más usados por su
    velocidad y usabilidad. Permite la opción de privacidad en algunas de sus
    acciones, añadir marcadores, extensiones, complementos gratuitos.
    Mozilla Firefox. Se destaca por permitir que el usuario navegue de forma
    privada, evitar que pueda ser rastreado, y con la opción de un antivirus potente
    que bloquea ventanas emergentes. Además, como novedad permite que se
    pueda trabajar sin estar conectado a internet.
    Opera. Otro navegador cuyo rasgo destacado es la velocidad que imprime.
    Bloquea la publicidad intrusiva en cualquier momento, y dispone de un protocolo
    de seguridad muy potente. Incluye un gestor de descargas, un extra que lo
    convierte en un navegador seguro y muy completo.
    Safari. Este navegador se puede integrar en el MAC OS x. Entre sus
    características más destacadas se encuentran las siguientes: permite a los
    usuarios organizar pestañas, dispone de un corrector ortográfico para facilitar la
    escritura y evitar errores a la hora de escribir, bloquea ventanas emergentes, es
    muy riguroso en cuanto a la gestión de contraseñas y la seguridad, y además
    añade un reproductor para archivos multimedia..
    Microsoft Edge. El sucesor del famoso Internet Explorer. Ya viene determinado
    por Windows, y el objetivo de Microsoft era imprimirle más velocidad y
    usabilidad a raíz de Windows 10.
    HTML
    HTML (Lenguaje de Marcas de Hipertexto, del inglés
    HyperText Markup Language) es el componente más básico
    de la Web. Define el significado y la estructura del contenido
    web. Además de HTML, generalmente se utilizan otras
    tecnologías para describir la apariencia/presentación de una
    página web (CSS) o la funcionalidad/comportamiento
    (JavaScript).

    "Hipertexto" hace referencia a los enlaces que conectan


    páginas web entre sí, ya sea dentro de un único sitio web o
    entre sitios web. Los enlaces son un aspecto fundamental de
    la Web. Al subir contenido a Internet y vincularlo a las
    páginas creadas por otras personas, te conviertes en un
    participante activo en la «World Wide Web»
    ETIQUETAS DE
    CÓDIGO
    HTML utiliza "marcas" para etiquetar texto, imágenes y otro
    contenido para mostrarlo en un navegador Web.

    Las marcas HTML incluyen "elementos" especiales cómo:


    <head>, <title>, <body>, <header>, <footer>, <article>,
    <section>, <p>, <div>, <span>, <img>, <aside>, <audio>,
    <canvas>, <datalist>, <details>, <embed>, <nav>, <output>,
    <progress>, <video>, <ul>, <ol>, <li>.
    XHTML
    XHTML significa lenguaje de marcado de hipertexto
    extendido.
    Se utiliza para generar documentos y contenidos de
    hipertexto generalmente publicados en la Web. Es una
    reformulación del lenguaje HTML que ahora pasa a ser
    compatible con el estándar XML, considerándose que se
    incluye en la familia de los Lenguajes de Marcado.
    Las soluciones implementadas con XHTML podrán ser
    utilizadas en distintas plataformas y distintos dispositivos
    (teléfonos, pdas, etc.) sin necesidades de incluir software o
    soluciones adicionales.
    EDITORES DE PÁGINAS WEB

    Un editor de páginas web es una aplicación diseñada con el


    fin de facilitar la creación y edición de documentos HTML o
    XHTML.

    • Editor de Texto sin formato


    Existen editores de texto específicamente diseñados para la
    edición Web, que como Kate, incluyen dentro de su
    simplicidad coloreado de sintaxis y las etiquetas de marcado
    usuales necesarias en el lenguaje de hipertexto.
    • Editor de Texto con Ventana
    Es una versión ligeramente más sofisticada que la anterior.
    Suelen constar de un par de ventanas. Una área de trabajo,
    donde se teclea el código HTML y el texto que se quiere
    incluir en la página, y en la otra se visualiza el resultado en
    tiempo real. En otras palabras se obtiene una
    previsualización del documento generado. Lo que significa
    que no se tiene que guardar el documento, previamente,
    antes de volver a abrirlo con el navegador para comprobar el
    resultado.
    • Editores WYSIWYG
    El término WYSIWYG es el acrónimo de What You See Is What You
    Get, que traducido al castellano quiere decir: "lo que tú ves es lo
    que obtienes", en los que de manera visual se pueden colocar
    distintos elementos sobre una vista previa de la página,
    encargándose el programa de generar el documento HTML. La
    manera de trabajar en este tipo de editores, es muy similar a la que
    se usa cuando se trabaja con un procesador de texto. Esto quiere
    decir que un usuario no tiene por qué teclear las etiquetas del
    lenguaje de marcado. En lugar de eso, el usuario escribe el texto, lo
    formatea, e inserta las imágenes en los lugares deseados
    EDITOR DE IMÁGENES
    La aplicación con la cual se realiza la edición digital de
    imágenes se le llama editor de imágenes, el cual ofrece
    numerosas funciones en un menú o en una ventana de
    herramientas.
    1. Icecream Photo Editor
    2. Microsoft Paint
    3. Pinta
    4. Canva
    5. Pixlr
    6. Google Nik Collection
    7. Fotor
    8. Photoshop
    CLIENTE FTP
    FTP es la abreviatura de File Transfer Protocol (Protocolo de
    Transferencia de Archivos) y, por lo tanto, un cliente FTP es
    la aplicación o programa que permite subir archivos
    mediante ese procedimiento. El fundamento del FTP es que,
    desde el equipo de un cliente, uno puede conectarse a un
    servidor para descargar archivos desde él o para enviar
    archivos propios sin que influya el sistema operativo desde
    el cual se tiene acceso.
    FORMATOS DE IMAGEN
    SITIO ESTÁTICO
    Una página web estática está compuesta por elementos
    como títulos, cuadros de textos, etiquetas, imágenes y otros
    elementos multimedia, un usuario solo puede interactuar con
    una página web estática a través de lo que permiten los
    elementos HTML, por ejemplo haciendo clic en enlaces,
    botones o rellenando formularios como el clásico formulario
    de subscripción.
    SITIO DINÁMICO
    Los sitios web dinámicos basan su comportamiento y
    funcionalidad en dos tipos de programación, front-end (del
    lado del cliente) y back-end (del lado del servidor). Las
    instrucciones del lado del cliente es código JavaScript que
    se ejecuta en el navegador. Mientras que las instrucciones
    que se ejecutan del lado del servidor son instrucciones
    escritas en lenguajes de scripting o programación, como
    ASP.Net, PHP, Python, etc. y que son ejecutadas para crear lo
    que el usuario ha solicitado en su interacción con la página.

    También podría gustarte