Actividad 3.1 Herramientas básicas. by JORGE ABRAHAM HERRERA HERNANDEZ https://padlet.com/jorgeherrera3905/v0cxov9wotu7909w en-us 2021-03-28 04:14:40 UTC 2025-04-19 15:15:13 UTC hello@padlet.com https://padlet.net/icons/png/1f4bb.png jorgeherrera3905 https://padlet.com/jorgeherrera3905/v0cxov9wotu7909w/wish/1360717310 -Universidad de Guadalajara
-Sistema de Educación Media Superior
-Escuela Preparatoria de Ciudad Guzmán
-Expresión en Internet 
-Jorge Abraham Herrera Hernández
-27-Marzo-2021]]> 2021-03-28 04:18:50 UTC https://padlet.com/jorgeherrera3905/v0cxov9wotu7909w/wish/1360717310 jorgeherrera3905 https://padlet.com/jorgeherrera3905/v0cxov9wotu7909w/wish/1360720038 2021-03-28 04:22:46 UTC https://padlet.com/jorgeherrera3905/v0cxov9wotu7909w/wish/1360720038 ¿Qué entiendes por hipertexto? jorgeherrera3905 https://padlet.com/jorgeherrera3905/v0cxov9wotu7909w/wish/1360720678 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.
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» (Red Informática Mundial).
]]> 2021-03-28 04:23:45 UTC https://padlet.com/jorgeherrera3905/v0cxov9wotu7909w/wish/1360720678 ¿Qué es un editor de textos y para qué sirve? jorgeherrera3905 https://padlet.com/jorgeherrera3905/v0cxov9wotu7909w/wish/1360721675 Es un programa informático que permite crear y modificar archivos digitales compuestos por textos sin formato, conocidos como archivos de texto o “texto plano”. El programa lee un archivo y ordena los bytes leídos según el código de caracteres que utiliza o usa el editor. Es muy común de 7 u 8 bits en ASCII o UTF-8,  es poco común que aparezca en EBCDIC.]]> 2021-03-28 04:25:17 UTC https://padlet.com/jorgeherrera3905/v0cxov9wotu7909w/wish/1360721675 jorgeherrera3905 https://padlet.com/jorgeherrera3905/v0cxov9wotu7909w/wish/1360723436
  • Los editores de texto están orientados para manejar y crear archivos de texto plano, los cuales tienen una enorme utilidad dentro de la Informática, sobre todo en el área de la programación, ya que el código fuente de los programas está hecho en texto plano, así como también los script interpretados de algunos lenguajes, como JavaScript, Perl, Python, shell, etc.
  • Con estas aplicaciones, también podemos crear ediciones de archivos byte por byte, como por ejemplo, cambiar algunas de las propiedades de una imagen o de algún dibujo, para realizar estas acciones tenemos que conocer el código de caracteres ASCII.
  • Otra utilidad importante de los editores de texto es, que permiten crear fácilmente listas y bases de datos que se puede cargar a cualquier gestor, como MySQL, con una facilidad y velocidad sorprendente y sin tener que cargar aplicaciones especiales para realizar esta tarea.
  • También, podemos crear notas importantes y realizar descripciones rápidas de cualquier proceso, las cuales pueden ser leídas desde cualquier equipo, sin importar si cuentan o no con procesadores de palabras e incluso, se puede crear e-mails con los editores de texto.

    • ]]>     2021-03-28 04:27:48 UTC https://padlet.com/jorgeherrera3905/v0cxov9wotu7909w/wish/1360723436     ¿Dónde y cómo es utilizado? jorgeherrera3905 https://padlet.com/jorgeherrera3905/v0cxov9wotu7909w/wish/1360724069 Los editores de texto son incluidos en el sistema operativo o en algún paquete de software instalado, y se usan cuando se deben crear o modificar archivos de texto como archivos de configuración, lenguaje de programación interpretado (scripts) o el código fuente de algún programa.


    ]]>     2021-03-28 04:28:54 UTC https://padlet.com/jorgeherrera3905/v0cxov9wotu7909w/wish/1360724069     ¿Cuáles son los lenguajes de programación web más usados en Internet? jorgeherrera3905 https://padlet.com/jorgeherrera3905/v0cxov9wotu7909w/wish/1360724751 Los lenguajes de programación web, en cambio, pueden programar instrucciones y operaciones lógicas complejas. Mientras que con los lenguajes de marcado como HTML solo es posible generar documentos, los lenguajes de programación te permiten crear programas de cualquier tamaño adaptados a tus necesidades.
    • Java
    • JavaScript
    • PHP
    • Python
    • Ruby
    • C++
    • C#
    • Perl

    ]]>     2021-03-28 04:29:57 UTC https://padlet.com/jorgeherrera3905/v0cxov9wotu7909w/wish/1360724751     ¿Pasos para crear un sitio web en HTML usando bloc de notas? jorgeherrera3905 https://padlet.com/jorgeherrera3905/v0cxov9wotu7909w/wish/1360726042 2021-03-28 04:31:52 UTC https://padlet.com/jorgeherrera3905/v0cxov9wotu7909w/wish/1360726042 parte 1 - Crear un documento HTML jorgeherrera3905 https://padlet.com/jorgeherrera3905/v0cxov9wotu7909w/wish/1360727316
    1-Abre Inicio. Haz clic en el logo de Windows en la esquina inferior izquierda de la pantalla. Aparecerá el menú Inicio.

    2-Busca el Bloc de notas. Para buscarlo, escribe bloc de notas. En la parte superior del menú Inicio aparecerá una lista de los resultados que coincidan con tu búsqueda.

    3-Haz clic en Bloc de notas. Es el ícono azul que está en la parte superior de la lista de resultados. Al hacer clic en él, se abrirá el Bloc de notas.

    4-Haz clic en Archivo. Está en la esquina superior izquierda de la ventana del Bloc de notas. Al hacer clic en esta opción, se abrirá un menú desplegable.

    5-Haz clic en Guardar como…. Es una de las opciones del menú desplegable. Se abrirá la ventana "Guardar como".

    6-Haz clic en el menú desplegable "Guardar como tipo". Este menú está en la parte inferior de la ventana. Dirá "Documentos de texto (*.txt)". Al hacer clic en él, se abrirá un menú desplegable.

    7-Haz clic en Todos los archivos. Es una de las opciones del menú desplegable. De este modo, tu archivo se guardará como un documento HTML.

    8-Selecciona la ubicación de destino. En el lado izquierdo de la ventana, selecciona el nombre de la carpeta donde quieras guardar el documento.

    9-Ingresa un nombre y agrégale la extensión "html". Haz clic en el cuadro de texto "Nombre de archivo" y luego escribe el nombre que quieras ponerle al archivo seguido de .html.

    10-Haz clic en Guardar. Al hacerlo, tu documento actual del Bloc de notas se transformará en un documento HTML. Ahora puedes proceder a crear la estructura inicial de tu página web.
    Si el Bloc de notas se cierra inesperadamente o más adelante tienes que regresar para hacer alguna edición en el documento, haz clic derecho en el archivo HTML y selecciona Editar en el menú desplegable que aparece.
    ]]>     2021-03-28 04:33:38 UTC https://padlet.com/jorgeherrera3905/v0cxov9wotu7909w/wish/1360727316     parte 2-Configurar la página web jorgeherrera3905 https://padlet.com/jorgeherrera3905/v0cxov9wotu7909w/wish/1360733053
    1-Agrega la etiqueta de lenguaje de la página web.     La primera etiqueta que tienes que incluir en el Bloc de notas indica que el resto del documento usará el lenguaje HTML. Escribe lo siguiente en el Bloc de notas: 

    <!DOCTYPE html>
    <html>

    2-Agrega las etiquetas de encabezado ("head").     Estas etiquetas marcan el inicio y la finalización del título de la página, que se creará en el próximo paso. Por ahora, simplemente escribe <head> después de la etiqueta "<html>", presiona ↵ Enter dos veces para dejar un espacio en blanco y agrega </head>.

    3-Agrega el título del sitio web. El título, que es el texto comprendido entre las etiquetas "<title></title>", se debe colocar en el espacio que está entre las etiquetas "head". Este título define el nombre del sitio web tal como se mostrará en la pestaña del navegador. Si quieres que tu sitio web se llame, por ejemplo, "Mi sitio web", escribe lo siguiente: 

    <title>Mi sitio web</title>

    4-Agrega las etiquetas del cuerpo ("body"). Todo el código de tu página web debe ir entre estas etiquetas, que van debajo de la etiqueta "</title>": 

    <body>

    </body>

    5-Cierra la etiqueta de lenguaje HTML. La última etiqueta del documento debe ser la etiqueta de cierre de HTML para indicar el fin de la página. Escribe </html> debajo de la etiqueta "</body>" para cerrar la etiqueta HTML.

    6 Revisa cómo ha quedado el documento HTML. Ahora, tu documento deberá verse así: 

    <!DOCTYPE html>

    <html>

    <head>

    <title>Mi sitio web</title>

    </head>

    <body>

    </body>

    </html>

    7 Guarda el documento. Para guardarlo, presiona Ctrl+G. Ahora puedes proceder a agregar otros elementos de la página web como, por ejemplo, los párrafos y encabezados.
    ]]>     2021-03-28 04:41:43 UTC https://padlet.com/jorgeherrera3905/v0cxov9wotu7909w/wish/1360733053     Parte 3-elementos a la página web jorgeherrera3905 https://padlet.com/jorgeherrera3905/v0cxov9wotu7909w/wish/1360734952
    1-Ten en cuenta que todos los elementos de la página web deben ir entre las etiquetas "body".     Todos los elementos, ya sean encabezados o párrafos, deben ir después de la etiqueta "<body>" y antes de "</body>".

    2-Agrega el encabezado principal del sitio web. Escribe <h1></h1> entre las etiquetas "body" y luego escribe el encabezado principal que quieras ponerle a tu página web entre las etiquetas "<h1></h1>". Por ejemplo, para crear una página web con el encabezado "Bienvenido", tendrás que escribir lo siguiente: 

    <h1>Bienvenido</h1>

    Utiliza las etiquetas desde la "<h2></h2>" hasta la "<h6></h6>" para crear encabezados con texto más pequeño.

    3-Agrega un párrafo de texto en la página. Escribe las etiquetas de párrafo "<p></p>" y luego escribe el texto que quieras entre esas etiquetas. El resultado final deberá verse así: 

    <p>Este es mi sitio web. ¡Vótenme como presidente de la clase!</p>

    4-Inserta un salto de línea.     Si quieres agregar más espacio entre párrafos o encabezados escribe <br> después de la línea de cierre. Por ejemplo, para insertar un salto de línea después de un párrafo, tu código deberá verse similar al siguiente: 

    <p>Este es mi sitio web. ¡Vótenme como presidente de la clase!</p><br>

    <p>También me gustan las papas.</p>

    Si quieres, puedes agregar más etiquetas <br> después de la primera para insertar más saltos. Así tendrás más espacio entre el primer párrafo y el segundo.

    5 Dale formato al texto.     Puedes poner cualquier palabra, oración o bloque de texto en negrita, cursiva o subrayado (también como subíndice o superíndice), siempre y cuando el texto esté entre las etiquetas de párrafo: 

    <b>Texto en negrita</b>
    <i>Texto en cursiva</i>
    <u>Texto subrayado</u>
    <sup>Texto como superíndice</sup>
    <sub>Texto como subíndice</sub>

    6-Revisa el aspecto de tu página web. Si bien los elementos de la página pueden variar, tu documento deberá verse similar al siguiente: 

    <!DOCTYPE html>
    <html>
    <head>
    <title>Mi sitio web</title>
    </head>
    <body>
    <h1>¡Bienvenidos!</h1>
    <p>Este es mi sitio web. ¡Espero que les guste!</p>
    <p><b>Este texto está en negrita para enfatizarlo.</b></p>
    <p><i>La cursiva a veces puede ser aterradora.</i></p>
    </body>
    </html>
    ]]>     2021-03-28 04:44:41 UTC https://padlet.com/jorgeherrera3905/v0cxov9wotu7909w/wish/1360734952     Parte 4-Probar la página web jorgeherrera3905 https://padlet.com/jorgeherrera3905/v0cxov9wotu7909w/wish/1360738500
    1-Guarda el documento.     Para guardarlo, presiona Ctrl+G. Así te asegurarás de que tu documento HTML muestre la versión más reciente de tu página web cuando lo abras.

    2-Haz clic derecho en tu documento HTML. Aparecerá un menú desplegable.

    3-Selecciona Abrir con. Es una de las opciones del menú desplegable. Al seleccionarla, se abrirá un menú emergente.

    4-Selecciona tu navegador web favorito. Todos los navegadores web pueden abrir documentos HTML, así que, en el menú emergente, selecciona el navegador web que quieras usar. Tu documento HTML se abrirá en el navegador seleccionado.

    5-Revisa tu página web. Si consideras que el formato parece estar bien, entonces cierra el Bloc de notas.

    Si quieres seguir editando tu documento HTML, regresa al Bloc de notas y haz los cambios necesarios. Asegúrate de guardar los cambios a menudo.
    ]]>     2021-03-28 04:50:18 UTC https://padlet.com/jorgeherrera3905/v0cxov9wotu7909w/wish/1360738500     ¿Qué partes componen un sitio web en HTML? jorgeherrera3905 https://padlet.com/jorgeherrera3905/v0cxov9wotu7909w/wish/1360741336
  • Abrir un editor de texto
  • Cómo se empieza
  • DOCTYPE
  • Etiquetas básicas html
  • Conclusiones

    • Shell
    1 <html>
    2 Mi primera página web
    3 </html>

    Todo lo que se encuentra entre y > son etiquetas de html. La primera etiqueta es la de html, que indicará que lo que estamos creando es un html.
    Seguidamente añadelos elementos

    head y body en el documento:
    Shell
    1 <html>
    2 <head>
    3 </head>
    4 <body>
    5 Mi primera página web
    6 </body>
    7 </body>

    Ahora añade dentro del head, el title, que es el título que nos aparece en las pestañas del navegador:

    Shell
    1 <html>
    2 <head>
    3 <title> Aprendiendo html </title>
    4 </head>
    5 <body>
    6 Mi primera página web
    7 </body>
    8 </html>


    3. DOCTYPE
    coloca alguno de los DTD que existen para distintas versiones de html uno es:
    DTD transicional para XHTML 1.0:

    Shell
    1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2 <html>
    3 <head>
    4 <title> Aprendiendo html </title>
    5 </head>
    6 <body>
    7 Mi primera página web
    8 </body>
    9 </html>

    NOTA: Un DOCTYPE o DTD, abreviatura de definición de tipo de documento, define los bloques de construcción de un documento HTML o XHTML y le dice a los navegadores y a los validadores qué versión de HTML o XHTML utiliza nuestro documento.
    ]]>     2021-03-28 04:54:52 UTC https://padlet.com/jorgeherrera3905/v0cxov9wotu7909w/wish/1360741336