2do de Bachillerato Técnico

   🎉 ¡Bienvenidos al Blog ! 

  • Hola, queridos estudiantes 👋

Este espacio ha sido creado especialmente para ustedes, los alumnos de Segundo Técnico, con el objetivo de acompañarlos en su recorrido académico. 


👨‍💻 Programación Básica y Diseño Web: Fundamentos para Segundo de Bachillerato Técnico

En segundo de bachillerato técnico, comienzas a desarrollar habilidades más avanzadas en informática. Dos áreas clave que aprenderás son la programación básica con lenguajes como Python o C, y el diseño web, usando HTML y CSS. Estos conocimientos te permitirán no solo entender cómo funciona la tecnología, sino también crear tus propios programas y páginas web.

🧠 Programación Básica: ¿Qué es y por qué es importante?

La programación consiste en escribir instrucciones para que un computador realice tareas específicas. Usamos lenguajes de programación para comunicarnos con la máquina y desarrollar desde juegos hasta sistemas complejos.

🔤 Lenguaje Python

  • Es uno de los lenguajes más usados y recomendados para principiantes.

  • Su sintaxis es simple y clara.

  • Se usa en ciencia de datos, inteligencia artificial, desarrollo web y automatización.

Ejemplo básico en Python:

💻 Lenguaje C

  • Es un lenguaje más técnico, pero muy poderoso.

  • Es la base de muchos otros lenguajes como C++ y Java.

  • Se usa para crear software de alto rendimiento, sistemas operativos y programación de hardware.

Ejemplo básico en C:


Curso Programación 


🌐 Diseño Web: HTML y CSS

Además de programar, también aprenderás a crear tus propias páginas web. Para eso, se usan dos lenguajes esenciales:

🧱 a) HTML (HyperText Markup Language)

  • Se usa para estructurar el contenido de una página.

  • Usa etiquetas para definir elementos como títulos, párrafos, listas, imágenes y enlaces.

Ejemplo básico:

🎨 CSS (Cascading Style Sheets)

  • Se usa para dar estilo a las páginas hechas con HTML.

  • Define colores, tamaños, márgenes, alineación, fuentes, etc.

Ejemplo básico:


Curso Diseño Web

🧱Página: Informática Avanzada

  • Este documento HTML constituye la estructura básica de una página web educativa titulada "Informática Avanzada". A continuación, se describe cada una de sus partes:

1. Estructura general del documento
HTML


Se define el tipo de documento como HTML5.

  • El idioma principal del sitio es español (lang="es"), lo cual mejora la accesibilidad y el SEO.

2. Sección <head>


Se incluye la codificación UTF-8, para admitir acentos y caracteres especiales.

La metaetiqueta viewport permite que la página se adapte a dispositivos móviles.

El título de la pestaña del navegador es "Informática Avanzada".

3. Estilos CSS embebidos


  • Los estilos están incluidos dentro del HTML, no en un archivo separado.
  • Se utiliza un diseño simple, moderno y con colores contrastantes:
    •                Fondo claro para el cuerpo.
    •                Encabezado y menú oscuros con texto blanco.
    •                Hover en los enlaces cambia el color a amarillo.

Uso de font-family: Arial, sans-serif, fuente muy común por su legibilidad.

4. Cuerpo de la página <body>

a) Encabezado
HTML


El encabezado principal muestra el título del sitio en un fondo oscuro.

b) Navegación
  • Menú de navegación con enlaces ficticios (#).
  • Está listo para ser vinculado a otras secciones o páginas.

c) Sección de contenido


    • Texto introductorio al curso.

    • Explicación de lo que se va a aprender y los tipos de proyectos que se realizarán.
    • Uso de subtítulos <h2> y <h3> para jerarquizar la información.
    • Párrafos bien distribuidos con line-height amplio para mejor lectura.

✨ Página con PHP 📄✨

Hoy les comparto varias prácticas súper sencillas y útiles usando PHP junto a HTML y CSS. ¡Ideal para quienes recién empiezan en desarrollo web! 🌐✨

📌 Práctica 1: Página con Título e Imagen

📖 ¿Qué hace?

Muestra un título, una imagen desde internet y debajo un texto con PHP.

📝 Código:



📌 Muestra un mensaje en la web combinando PHP, HTML y CSS.

📌 Práctica 2: Imagen y Texto desde PHP

📖 ¿Qué hace?

Carga un título, una imagen y un mensaje con PHP al final de la página.

📝 Código:





📌 Incluye imagen 📷, estilos CSS y texto desde PHP.

📌 Práctica 3: Párrafos, Imagen y PHP

📖 ¿Qué hace?

Muestra dos párrafos de texto, una imagen y un mensaje desde PHP.

📝 Código:



📌 Incluye dos textos, una imagen y datos personales impresos desde PHP.

📌 Práctica Extra: Formulario con HTML y PHP

📖 ¿Qué hace?

Un formulario sencillo que permite ingresar un texto y enviarlo a otro archivo PHP.

📝 Código:



📖 ¿Qué hace?
Recibe lo que escribiste en el formulario anterior y lo muestra en pantalla usando PHP.

📝 Código:



📌 ¡Así puedes enviar datos desde un formulario HTML y procesarlos en PHP!


Estas prácticas son ideales para empezar a entender cómo se combinan HTML, CSS y PHP para crear páginas web interactivas 📱💻. Además, ya vimos cómo capturar datos de un formulario y mostrar información desde el servidor. 🚀

                                                                 📁Practica

📘 Cómo crear una base de datos con relación uno a uno en Access – Paso a paso

En este tutorial te explico cómo se construyó una base de datos en Microsoft Access con una relación uno a uno entre dos tablas. Este tipo de relación se usa cuando cada registro en una tabla corresponde exactamente a un único registro en otra tabla, sin repeticiones. Ideal para dividir datos que tienen distinta naturaleza pero pertenecen a la misma entidad.

✅ Paso 1: Crear la base de datos

Primero, se abre Microsoft Access y se crea una nueva base de datos en blanco. La guardamos con un nombre descriptivo, por ejemplo:
Relacion de uno a uno.accdb

✅ Paso 2: Crear la primera tabla – Estudiantes

Esta tabla contiene la información básica del estudiante.

Campos de la tabla Estudiantes:

  • ID_Estudiante (Tipo: Autonumérico, Clave principal)

  • Nombre (Tipo: Texto corto)

  • Apellido (Tipo: Texto corto)

💡 El campo ID_Estudiante es único para cada estudiante, por eso se usa como clave principal.

✅ Paso 3: Crear la segunda tabla – Detalles

Esta tabla guarda información adicional del estudiante, separada para mantener la base de datos más organizada.

Campos de la tabla Detalles:

  • ID_Estudiante (Tipo: Numérico, Clave principal y clave externa al mismo tiempo)

  • Ciudad (Tipo: Texto corto)

  • Teléfono (Tipo: Texto corto)

⚠️ Importante: El campo ID_Estudiante en esta tabla debe tener el mismo tipo de datos que en la primera (en este caso, numérico) y ser también la clave principal de esta tabla. Esto garantiza que haya una relación de uno a uno.

✅ Paso 4: Crear la relación uno a uno

  1. Ir a la pestaña Herramientas de base de datos > Relaciones.

  2. Agregar las dos tablas (Estudiantes y Detalles).

  3. Arrastrar el campo ID_Estudiante desde la tabla Estudiantes hasta ID_Estudiante en la tabla Detalles.

  4. En la ventana que aparece:

    • Marcar Exigir integridad referencial.

    • (Opcional) Marcar también Actualizar en cascada y Eliminar en cascada si deseas mantener los datos sincronizados.

  5. Presionar Crear.

✅ Con esto se establece una relación uno a uno: cada estudiante tiene una y solo una entrada en la tabla de detalles.

✅ Paso 5 (opcional): Crear un formulario combinado

Puedes crear un formulario que muestre los datos de ambas tablas al mismo tiempo para facilitar la entrada o edición de información.

🧠 ¿Por qué usar una relación uno a uno?

  • Para dividir datos sensibles o infrecuentes.

  • Para mantener la base de datos más clara y organizada.

  • Para separar diferentes responsabilidades en el diseño de datos.

       


📁PRACTICA



Comentarios

Publicar un comentario

Entradas más populares de este blog

Imagen
¡Bienvenido a nuestro blog de capacitación online! Este espacio está hecho para ayudar a estudiantes de 1° y 2° año técnico a aprender de forma más fácil y práctica. Aquí vas a encontrar artículos, tutoriales, ejercicios y recursos que te ayudarán a reforzar lo que ves en clases.
Leer más