Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 23 vistas

    Introducción Al Desarrollo Web Responsive Con HTML y CSS

    Cargado por

    Rocio Jara Figueroa
    Este documento presenta la introducción de un curso sobre desarrollo web responsivo con HTML y CSS. Explica que el curso enseñará a crear un sitio web responsivo desde cero usando estas tecnologías. También describe brevemente los tres pilares fundamentales de una página web: HTML para la estructura y contenido, CSS para el diseño y estilos, y JavaScript para el comportamiento interactivo. Además, recomienda editores de código de código abierto como Brackets o Atom para crear el proyecto web.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd

    Introducción Al Desarrollo Web Responsive Con HTML y CSS

    Cargado por

    Rocio Jara Figueroa
    23 vistas3 páginas
    Este documento presenta la introducción de un curso sobre desarrollo web responsivo con HTML y CSS. Explica que el curso enseñará a crear un sitio web responsivo desde cero usando estas tecnologías. También describe brevemente los tres pilares fundamentales de una página web: HTML para la estructura y contenido, CSS para el diseño y estilos, y JavaScript para el comportamiento interactivo. Además, recomienda editores de código de código abierto como Brackets o Atom para crear el proyecto web.

    Título original

    Introducción al desarrollo web responsive con HTML y CSS

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

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

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Este documento presenta la introducción de un curso sobre desarrollo web responsivo con HTML y CSS. Explica que el curso enseñará a crear un sitio web responsivo desde cero usando estas tecnologías. También describe brevemente los tres pilares fundamentales de una página web: HTML para la estructura y contenido, CSS para el diseño y estilos, y JavaScript para el comportamiento interactivo. Además, recomienda editores de código de código abierto como Brackets o Atom para crear el proyecto web.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Descargar como docx, pdf o txt
    23 vistas3 páginas

    Introducción Al Desarrollo Web Responsive Con HTML y CSS

    Cargado por

    Rocio Jara Figueroa
    Este documento presenta la introducción de un curso sobre desarrollo web responsivo con HTML y CSS. Explica que el curso enseñará a crear un sitio web responsivo desde cero usando estas tecnologías. También describe brevemente los tres pilares fundamentales de una página web: HTML para la estructura y contenido, CSS para el diseño y estilos, y JavaScript para el comportamiento interactivo. Además, recomienda editores de código de código abierto como Brackets o Atom para crear el proyecto web.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Descargar como docx, pdf o txt
    Está en la página 1de 3

    CURSO “INTRODUCCIÓN AL DESARROLLO WEB RESPONSIVE

    CON HTML Y CSS”


    PROFESOR: JAVIER USOBIAGA FERRER
    https://www.domestika.org/es/courses/74-introduccion-al-desarrollo-web-responsive-con-html-y-css/units/319-introduccion

    UNIDAD I: INTRODUCCIÓN

    1. PRESENTACIÓN DEL CURSO Y DEL PROYECTO


    Javier Usobiaga es un diseñador web. Es parte de un estudio que se llama Swweet en Barcelona y lleva
    10 años en la industria trabajando como freelance. En el estudio hacen web responsive para pequeños
    negocios, startups y universidades. Además, son profesores de diseño web en escuelas como Elisava e
    IDEP y hacen workshops y formación para empresas.

    El curso se trata de cómo hacer una web responsive desde cero y tratará los siguientes temas:
    - HTML
    - CCSS
    - Herramientas de composición
    - Estilos decorativos
    - Técnicas responsive

    El proyecto final del curso consiste en pasar el diseño de una web, a código responsive.

    2. LA WEB: HTML, CSS Y JS


    Los tres pilares fundamentales de una web son los siguientes:

    HTML: Estructura y contenido.

    CSS: Hojas de estilos (colores, disposición de contenido, color de tipografía, tamaño de tipografía,
    imágenes de fondo, etc.), es decir, es la decoración o el “layout”.
    Java Script (JS): Capa de comportamiento, es decir, que determinados elementos se plieguen, se
    desplieguen, entre otras cosas.

    Al final lo que descargamos y recibimos en nuestro navegador es prácticamente un documento de texto


    con estilos y unas pocas instrucciones sobre cómo presentar el contenido. Para que nuestra Web
    funcione con un gestor de contenidos y que se convine con bases de datos, necesitamos los lenguajes de
    servidor. Los más populares son PHP y Ruby (esto no se verá en este curso).

    3. EDITOR DE CÓDIGO. CREAR UN PROYECTO. ENTORNO DE EDICIÓN


    Un editor de código no es más que un editor de texto que ayuda a dar formato al código y da sugerencias
    de sintaxis. El más popular es Dreamweaver (Adobe) pero existen otros como Sublime Text y Coda
    (Panic), ambos orientados al desarrollo y con menos funcionalidades visuales que Dreamweaver.
    Además, existe Atom (Github) y Brackets (Adobe). Estos últimos dos son de código abierto y gratuitos y
    son los que Javier recomienda utilizar (él usa Brackets).

    A continuación se descarga Brackets o Atom, se crea una carpeta en el escritorio del computador titulada
    “Web” y en el editor de código, se crea un archivo nuevo con el nombre de “index.html” asegurandose
    de que esté guardado en la carpeta creada anteriormente (“Web”).

    4. INSPECTOR Y HERRAMIENTAS DE DESARROLLADOR


    Los navegadores modernos incorporan una serie de herramientas de desarrollo, entre ellas un inspector
    que nos permite ver la página web por dentro, ver que etiquetas HTML están mostrnado y cómo le está
    afectando a neustras hojas de estilo.

    También podría gustarte