Página de Inicio Foros UNIVIA Licenciatura en Informática Curso – Taller de Programación Básica Clase 02 – Estructura básica de una página web con HTML

Mostrando 2 respuestas a los debates
  • Autor
    Publicaciones
    • #783
      LuisCastro
      Bloqueado

      Foro

      Bienvenidos nuevamente a este Curso-Taller de programación básica,   en esta sesión prepararemos el camino para escribir y ejecutar nuestro código.

      Antes de iniciar con JavaScript es necesario que veamos lo básico de HTML es por ello que iniciaremos con las etiquetas.

      Las etiquetas son las herramientas necesarias para marcar texto dentro de una página web, estas etiquetas son leídas por el navegador e interpretadas según sea indicado.

      Como inicio tenemos a la etiqueta <!DOCTYPE html> esta etiqueta es la encargada de decirle al navegador web que usaremos la versión 5 de  html, esta etiqueta no tiene etiqueta de cierre ya que marca a todo el documento.

      La siguiente etiqueta es la etiqueta <html> </html> esta etiqueta encierra toda nuestra página web y se divide en 2 partes que son

       

      head-body <head> y <body>  dentro de la etiqueta head encontramos las etiquetas de configuración de nuestra página, como el idioma con la etiqueta <meta> o el título de nuestra página con la etiqueta <title>

      Por último tenemos la etiqueta <body> que es donde se encuentran todas las demás etiquetas con las que vamos a trabajar, dentro de body, como la palabra lo indica, el cuerpo de la página web, usaremos las etiquetas necesarias para que nuestra página nos muestre la información que necesitamos.

      Algunas etiquetas que podemos utilizar son las etiquetas <h1></h1> <h2></h2>… <h6></h6> estas etiquetas nos sirven para marcar el texto de nuestra página como encabezados <p></p> nos sirve para marcar párrafos <strong></strong> para negritas o bold, estas etiquetas son algunas solo algunas pero son suficientes para iniciar con nuestro curso de programación.

      Para iniciar con las prácticas es necesario que conozcas las herramientas que utilizaremos, el navegador web que puede ser Mozilla Firefox o Google Chrome o el que tú uses, en este curso estaremos usando Chrome.

      La otra herramienta que utilizaremos es un editor de texto, editores de texto hay muchos, y gracias al internet podemos buscar y bajar muchos que son gratuitos y muy compatibles con muchos lenguajes de programación.

      Ahora te invito a ver el video para crear una pequeña página web.

       

      Actividad Extra:

      1.- Elabora  una página web, con el título “Mi primer trabajo del curso” agrega en el cuerpo (body) de la página “Hola Mundo”.

      2.- Elabora una página web, con tu nombre como título, agrega en el cuerpo (body) de la página tus datos personales como;

      Nombre Completo

      Edad

      Dirección

      Teléfono

       

      INSTALACIÓN DE SUBLIME TEXT Y OTROS SOFTWARE PARA ESCRIBIR CÓDIGO

      Como ya viste para nuestro primer ejemplo utilizamos un bloc de notas sencillo y común, ya que quiero que veas lo fácil que es diseñar algo en la web, sin embargo usaremos un  IDE (Integrated Development Environment) o editor que se llama Sublime Text, este editor de text es gratuito y de libre distribución, la página para descargar Sublime Text 2 es https://www.sublimetext.com/  espero que ya lo tengas instalado la próxima sesión, ya que nos ahorrará mucho trabajo.

       

      Eso fue todo por hoy, la próxima clase veremos la forma de resolver un problema con un diagrama de flujo y código para programar.

    • #1406

      Profesor, ¿Tengo qué instalar Sublime Studio 3 o Visual Studio Code?

    • #1520

      buen día compañeros:

      maestro luis solo quisiera avisarle de mi avance en clase ya que no había escrito nada en los foros.                                                                                           tengo las actividades de las clases 2 y 3.

      les deseo un lindo día

      • #1523
        LuisCastro
        Bloqueado

        Hola Daniela

        Que bueno tenerte en el curso.

        Espero que aprovechemos al máximo las clases.

        El objetivo de los foros es el de aportar ideas sobre lo que aprendimos en la clase, hay muchas formas de resolver el mismo problema, es por ello que nos interesan tanto las opiniones de los demás.

        Saludos

Mostrando 2 respuestas a los debates
  • Debes estar registrado para responder a este debate.