Fundamentos de Diseño Web y Procesos de la Psicología Emocional

1. Introducción al diseño web

Diseño web: creación y organización de páginas web.
Importancia: mejora la apariencia, la navegación y la experiencia del usuario.

Página web: una sola página.
Sitio web: conjunto de páginas relacionadas.

2. Conceptos básicos de Internet y Web

• Dominio: nombre del sitio (ej. google.com).
• URL: dirección completa de una página.
• Hosting: servicio donde se almacena una web.
• Applet: programa que se ejecuta en la web.
• Navegador: programa para acceder a Internet (Chrome, Edge, Firefox).

3. Elementos de una página web

• Texto
• Imágenes
• Audio
• Video
• Hipervínculos
• Tablas

4. Estándares de diseño web

W3C: organismo que crea los estándares web.

Importancia:

• Compatibilidad entre navegadores.
• Mejor funcionamiento.
• Accesibilidad.

5. Contenido y presentación

• HTML: estructura y contenido.
• CSS: diseño y apariencia.

👉 HTML = qué muestra.
👉 CSS = cómo se ve.

6. Etiquetas y atributos HTML

Etiquetas estructurales:

• header: encabezado.
• article: contenido principal.
• aside: contenido secundario.
• footer: pie de página.
• div: contenedor genérico.

Encabezados:

h1 → h6.

Párrafo:

<p>

Listas:

• Lista ordenada: <ol>
• Lista desordenada: <ul>
• Elemento de lista: <li>

Multimedia:

• Imagen: <img>
• Video: <video>
• Audio: <audio>

Enlaces:

<a href="">

Tablas:

• Tabla: <table>
• Fila: <tr>
• Encabezado: <th>
• Dato: <td>

Semánticas:

header, article, aside, footer.

W3C: crea estándares web.

📝 ACORDEÓN DE PSICOLOGÍA

Emoción

Reacción breve e intensa ante un estímulo.

Emociones básicas

• 😊 Alegría
• 😢 Tristeza
• 😨 Miedo
• 😡 Rabia
• 😲 Sorpresa
• 🤢 Asco

Sentimiento

Emoción + pensamiento.

Estado de ánimo

Más duradero y constante.

Sistema que controla emociones

➡️ Sistema Límbico.

Teoría de James-Lange

Estímulo → Reacción física → Emoción.

Teoría de Cannon-Bard

Estímulo → Emoción + Reacción física.

Teoría de Schachter-Singer

Reacción física + Interpretación = Emoción.

Componentes de la emoción

Estímulo → Percepción → Significado → Emoción → Reacción corporal → Expresión.

Trastornos de ansiedad

• Separación
• Mutismo selectivo
• Fobia específica
• Fobia social
• Pánico
• Agorafobia
• TAG (Trastorno de Ansiedad Generalizada)

📚 Resumen de Estudio – Psicología (3er Bloque: Emoción y Motivación)

1. Emoción

Es una reacción natural del cuerpo ante estímulos internos o externos. Se manifiesta mediante:

• Cambios fisiológicos (hormonas y neurotransmisores).
• Pensamientos.
• Comportamientos.

2. Tipos de emociones

Básicas (innatas)

• Alegría
• Tristeza
• Miedo
• Rabia
• Sorpresa
• Asco

Secundarias

Son aprendidas y surgen de la combinación de emociones básicas.

3. Emociones positivas y negativas

Positivas

• Alegría
• Amor
• Felicidad
• Gratitud
• Interés
• Pasión

Negativas

• Miedo
• Ansiedad
• Ira
• Tristeza
• Vergüenza
• Soledad
• Celos

4. Diferencias importantes

• Emoción: Intensa, breve y automática.
• Sentimiento: Más duradero, consciente (emoción + pensamiento).
• Estado de ánimo: Menos intenso, dura más tiempo y no siempre tiene una causa específica.

5. Bases biológicas de las emociones

Las emociones:

• Ayudan a mantener el equilibrio del organismo.
• Liberan neurotransmisores.
• Se originan principalmente en el Sistema Límbico.

6. Componentes de una emoción

1. Estímulo.
2. Persona que lo percibe.
3. Significado que le da.
4. Experiencia emocional.
5. Reacción fisiológica.
6. Expresión corporal.

7. Teorías de la emoción

James-Lange: Primero ocurre la reacción física y después la emoción.
Ejemplo: Veo un oso → tiemblo → siento miedo.

Cannon-Bard: La emoción y la reacción física ocurren al mismo tiempo.

Schachter-Singer: La emoción surge por la activación física y la interpretación de esa activación.

8. Trastornos emocionales

Son alteraciones importantes del estado de ánimo.

9. Trastorno mental

Alteración significativa de la cognición, las emociones o la conducta.

10. Trastornos de ansiedad

• Ansiedad por separación.
• Mutismo selectivo.
• Fobia específica.
• Fobia social.
• Trastorno de pánico.
• Agorafobia.
• TAG (Trastorno de Ansiedad Generalizada).