jueves, 3 de abril de 2025
Actividad 2 Progresión 5 Pág. 95
Ejemplo de código HTML y CSS para la creación de una página web
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mi Comunidad Local</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 20px;
line-height: 1.6;
}
header {
background-color: #f8d56b;
padding: 20px;
text-align: center;
margin-bottom: 20px;
}
.search-bar {
padding: 8px;
width: 300px;
border: 1px solid #ccc;
border-radius: 4px;
}
.search-button {
padding: 8px 15px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
cursor: pointer;
}
.container {
max-width: 1000px;
margin: 0 auto;
}
.content {
display: flex;
flex-wrap: wrap;
}
.main-content {
flex: 2;
padding-right: 20px;
}
.sidebar {
flex: 1;
background-color: #f9f9f9;
padding: 15px;
border-radius: 5px;
}
img, video {
max-width: 100%;
height: auto;
border-radius: 5px;
margin: 10px 0;
}
.media-container {
margin: 20px 0;
}
footer {
margin-top: 30px;
text-align: center;
padding: 10px;
background-color: #f8d56b;
border-radius: 5px;
}
</style>
</head>
<body>
<header>
<h1>Mi Comunidad Local</h1>
<div>
<input type="text" class="search-bar" placeholder="Buscar en el sitio...">
<button class="search-button">Buscar</button>
</div>
</header>
<div class="container">
<div class="content">
<div class="main-content">
<h2>Bienvenidos a Nuestra Comunidad</h2>
<p>Este es un párrafo introductorio sobre nuestra comunidad local. Aquí pueden describir las características principales, la historia, y lo que hace especial a su comunidad.</p>
<div class="media-container">
<h3>Lugares Emblemáticos</h3>
<!-- Ejemplo de imagen con etiqueta img -->
<img src="/placeholder.svg?height=300&width=500" alt="Imagen de un lugar emblemático de nuestra comunidad">
<p>Descripción del lugar emblemático mostrado en la imagen anterior.</p>
</div>
<div class="media-container">
<h3>Tradiciones y Cultura</h3>
<p>Párrafo sobre las tradiciones y aspectos culturales que identifican a nuestra comunidad.</p>
<!-- Ejemplo de video con etiqueta video -->
<video controls>
<source src="#" type="video/mp4">
Tu navegador no soporta el elemento de video.
</video>
<p>Video sobre una tradición local importante.</p>
</div>
<h3>Aspectos Destacados</h3>
<ol>
<li>Primer aspecto importante de nuestra comunidad</li>
<li>Segundo aspecto importante de nuestra comunidad</li>
<li>Tercer aspecto importante de nuestra comunidad</li>
</ol>
<h3>Actividades Comunitarias</h3>
<ul>
<li>Actividad comunitaria 1</li>
<li>Actividad comunitaria 2</li>
<li>Actividad comunitaria 3</li>
</ul>
</div>
<div class="sidebar">
<h3>Información Adicional</h3>
<p>Datos interesantes sobre nuestra comunidad.</p>
<h4>Enlaces de Interés</h4>
<ul>
<li><a href="#">Sitio oficial de la comunidad</a></li>
<li><a href="#">Historia completa</a></li>
<li><a href="#">Calendario de eventos</a></li>
</ul>
<h4>Galería</h4>
<img src="/placeholder.svg?height=150&width=200" alt="Imagen pequeña de la comunidad">
</div>
</div>
</div>
<footer>
<p>© 2025 - Página creada para la Actividad 2</p>
<p>Creado por: [Nombres de los integrantes del equipo]</p>
</footer>
</body>
</html>Ve el video de Ejemplo, el cual después de que tengas el tuyo podrás subir al Padlet:
Adjunta aquí el video de tu página web en la columna de tu grupo y como título agrega tu nombre o nombres de los integrantes del equipo:
Actividad 2 Progresión 4 Págs. 76-78
ACTIVIDAD 2
- Retomando los equipos de su proyecto colaborativo, elijan una red sociodigital –por ejemplo, X [Twitter], Facebook, Instagram, TikTok–.
-
Busquen cómo se percibe en ella el tema o la comunidad seleccionada para el proyecto.
- Realicen búsquedas en la plataforma elegida por medio de palabras clave relacionadas con su tema.
- Recopilen al menos cinco publicaciones que representen diversas perspectivas sobre este. Transcríbanlas en el esquema que aparece posterior al punto 3.
-
Basándose en la metodología de Análisis de contenido en línea (ver Figura 2.20.), analicen cada una de las publicaciones que recopilaron.
- Analicen las publicaciones recopiladas para identificar patrones, tendencias, opiniones y sentimientos relacionados con el tema en las redes sociodigitales.
- Recuerden que en esa metodología se analiza emisor, contenido del mensaje, receptor, mensaje(s), uso del lenguaje y resultado.
-
Aquí dejamos un ejemplo del análisis de una publicación aleatoria sobre especismo (tema de muestra) para ejemplificar cómo deberá ser contestado. De ser necesario, la o el docente puede exponer este ejemplo de muestra:
EJEMPLO:
Publicación realizada en X por "Boniatobill" (@muzeriqui):
"Alitas de pollo veganas...y para simular el hueso..le ponen un palo de madera....a ver si cae algo del espacio y nos saca de este valle de lágrimas (sic) y dolor..." (incluye fotografía).
Obtenido de: Boniatobill [@muzeriqui]. (22 de octubre de 2023). https://twitter.com/muzeriqui/status/1716138085031821580
ANÁLISIS:EMISOR- Boniatobill. Usuario español de X que, de acuerdo con su descripción de perfil, se define como "antifascista siempre", identificándose como obrero y republicano.
CONTENIDO DEL MENSAJE- "Alitas de pollo veganas...y para simular el hueso..le ponen un palo de madera....a ver si cae algo del espacio y nos saca de este valle de lágrimas (sic) y dolor...".
- Tema: Especismo.
- Subtema: Alimentos veganos que emulan la carne.
RECEPTOR- Usuarios y usuarias de X.
MENSAJE(S)- El mensaje explícito es su descontento respecto a los alimentos veganos que emulan la carne; en este caso, una alita de pollo.
- El mensaje implícito es que le resulta incongruente que las personas veganas emulen la carne, si, de acuerdo con su juicio, eligen no comerla.
USO DE LENGUAJE- Oraciones coordinadas para crear un mensaje claro y conciso.
-
Figuras retóricas para enunciar su inconformidad y postura. Identificadas:
- metáfora hiperbolizada ("este valle de lágrimas", en su significado simbólico, es decir, una condición de penuria, respecto al hecho de "soportar" la comida vegana).
- sinécdoque (la parte indefinida por la parte definida: "algo del espacio" por "meteorito").
- En conjunto, construyen una narrativa en la que Boniatobill expresa que le resulta insoportable que exista comida vegana si se puede comer carne, mensaje que contradice parte de su posicionamiento antifascista, pues el especismo se sustenta en la violencia y la imposición.
RESULTADO- Los usuarios especistas aprueban lo criticado con las mismas estructuras para ridiculizar lo que desconocen, pero sosteniendo su consumo de cadáveres.
- Los usuarios con una postura antiespecista, por el contrario, responden con declaraciones puntuales, como la comparativa de que "millones de animales sacrificados cada día" vs. "le molesta un palo" o el hecho de que si le molesta, ¿para qué lo compra?
- Compartan sus recuadros de análisis con otros equipos para que visualicen los temas analizados y, además, evalúen entre pares el grado de efectividad en la recolección de información.
Actividad Revelar digitalmente un negativo analógico de una fotografía Progresión 3.
Revelar digitalmente un negativo analógico de una fotografía.
Para poder realizar la actividad necesitas tener previamente instalado en tu celular el programa de LightRoom de la Suite de Adobe, el cuál se puede usar de forma gratuita. El negativo analógico a revelar sería el siguiente:
El procedimiento para revelar digitalmente esa imagen del negativo analógico es el siguiente, descrito en el reel de YouTube que se muestra a continuación:
miércoles, 2 de abril de 2025
Actividad 2 Progresión 3 Pág. 58.
ACTIVIDAD 2
- En el aula, retomen los equipos establecidos en la Actividad 2 de Elaboramos de la Progresión 2 del Parcial/Bloque 1.
-
Partiendo de la metodología de Bruno Munari, expuesta en Explicamos (ver los pasos de la Figura 2.18), esbocen o definan la identidad gráfica y visual de su proyecto colaborativo, teniendo como problema central su definición y sus componentes. A continuación les recordamos los elementos a considerar:
a. Problema:Búsqueda de una identidad gráfica y visual.g. Materiales y tecnología.b. Definición del problema:¿Cómo proyectar nuestro tema de manera que impacte en la población?h. Experimentación.c. Componentes del problema:- No se tiene imagen o logotipo del proyecto.
- No se cuenta con colores que lo identifiquen.
- No se tiene tipografía que refleje la identidad del proyecto.
i. Modelos.d. Recopilación de datos.j. Verificación.e. Análisis de datos.k. Dibujos Constructivos.f. Creatividad.l. Solución. -
Con los resultados obtenidos a partir del punto anterior, ahora pueden definir con mayor precisión un logotipo para su proyecto, una paleta de colores que se adecue y una tipografía:
- Sobre el logotipo expliquen generalidades que descubrieron en el camino a su elaboración.
- Por el lado de la paleta de color, escriban la justificación de su elección, basándose tanto en la teoría como en la psicología del color.
- Describan las dificultades encontradas en el ejercicio de la elección de la tipografía.
- Una vez finalizada la actividad, compartan en grupo el proceso con el que resolvieron la metodología de Bruno Munari y los resultados obtenidos de cada elemento a utilizar para su identidad gráfica y visual.
Importante::¿Qué entregaría yo de trabajo? R= Puedes si gustas entregar la iglesia con diferente color de acuerdo a la psicología del color y con diferente tipografía(en este caso tendrá la misma palabra: Salamanca, pero puedes hacer la letra de otro tipo. Puedes hacerlo en tu libreta, o si lo prefieres usar la siguiente imagen y tratar de colorearla en algun programa como por ejemplo Canva.
Adjunta en el siguiente Padlet tu logotipo con tipografía en el grupo que te corresponda:
Inicio 2do Parcial Actividad 1 Progresión 3 Págs. 42-43
Actividad 1
1. Lee el artículo titulado El diseño de la comunicación en la estrategia de marca de una empresa, de Antonio Ruiz, que habla sobre el diseño como estrategia de marketing:
El diseño de la comunicación en la estrategia de marca de una empresa
Las empresas lo tienen claro: gran parte de su éxito pasa por tener un buen diseño de la comunicación.
Con esto se conseguirán clientes fieles a sus marcas y, además, se diferenciarán del resto de competidores.
Tomemos como ejemplo a Adidas. Ha conseguido posicionarse como una de las mejores marcas a través de su sección deportiva. Lo ha hecho sirviendo como sponsor a grandes selecciones de varios deportes. [ … ]
La importancia del diseño de la comunicación
[ … ] No se puede comenzar a diseñar un logo con unos colores concretos sin saber a quién va a ir dirigido y qué se quiere comunicar a través de él.
Lo primero que se debe hacer es un estudio del mercado, de la propia empresa y de la competencia. Tenemos que tener en cuenta que el diseño de la comunicación va a proporcionarnos efectividad comercial, para ello se necesitan datos consistentes.
Crear una estrategia de comunicación efectiva que transmita los valores de nuestra marca nos dará dos beneficios:
· Una hoja de ruta clara con la que conseguirás diferenciarte del resto de empresas del mismo sector o que vende productos similares a los tuyos. La imagen de marca destacará, el público sabrá reconocerla entre las demás y la elegirá.
. Mejora la competitividad de la empresa. Estar en el mercado es competir y conocer a los rivales tanto como al público.
Pasos para conseguir un buen diseño de la comunicación
1.Define tu objetivo
Lo principal es hacerse muchas preguntas sobre cómo quieres que los clientes vean tu marca, qué valores quieres que transmita y cómo enganchar a los consumidores. [ … ]
2. Conoce tu target
Para que la estrategia dé en la diana necesitamos saber con quién vamos a comunicarnos, o lo que es lo mismo, cuál es nuestro target. Debemos recabar cuanta información podamos sobre ese público objetivo como, por ejemplo, dónde vive, poder adquisitivo, edad y género, entre otros.
3.Presupuesto
Vale: ya tienes información valiosa sobre los clientes y sabes lo que quieres. Ahora necesitas saber cuál es el presupuesto destinado al desarrollo del diseño de la comunicación. Para determinarlo es necesario definir los canales que usarás en tu estrategia. El dinero que invirtamos dependerá de qué herramientas usemos y a través de qué medios realicemos nuestra comunicación. Ten en cuenta desde asesoría de prensa y relaciones publicas, hasta merchandising. En los tiempos que corren es imperativo el uso de herramientas digitales de marketing y redes sociales. Estas últimas nos permitirán ajustar más nuestro presupuesto y, además, nos aportarán datos importantes a la hora de medir los resultados.
[ … ]
---------------------------------------------------------------------------------------------------------
Ruiz, A. (2018). El diseño de la comunicación en la estrategia de marca de una empresa. Es Design. https://k-tdra.digital/recurso/654e57d17ebc977a7f8e0108
2. Piensa en tu marca preferida de bebida, alimentos, ropa, accesorios, zapatos, autos, etc., y contesta lo siguiente:
a. Como usuario(a) de esa marca, ¿Qué ves en su campana de publicidad o en el diseño del logotipo?
b. ¿A qué publico consideras que van dirigidas las campañas publicitarias?
c. ¿Qué medios de comunicación esta utilizando la campaña?
3. Comparte en plenaria tus conclusiones y retroalimenten sus respuestas.
Actividad Extra: Realizar un dashboard(Panel de Control) en Excel
Dashboard en Excel Visualiza el siguiente video tutorial en YouTube para crear un dashboard (Panel de Control) ...
-
Recuadro con Syntax Highlighting (highlight.js) Ejemplo de código HTML y CSS para la creación de una p...
-
Loading…
