Universidad Autónoma de

Tamaulipas
Materia:
Desarrollo y Programación Web
Grupo p 2022-1
Profesor:
Pablo Alberto Cerda Luque
Actividad Individual
Unidad 2 Unidad 7
Proyecto Integrador
Unidad
2
Tipología de sitios Web
  Tipología de sitios Web
 Sitios de Web Estáticos
Una página web estática es aquella que no permite la interacción con el usuario para modificar el contenido
del documento. En este tipo de páginas la información mostrada siempre es la misma y su actualización
depende de una modificación en la base de datos que alimenta al sitio y no de la interacción con el visitante.

 Web Dinámicas
Una página web dinámica es un documento en línea que permite la interacción con el usuario para crear
experiencias personalizadas y únicas. Los contenidos de una página web dinámica varían con cada carga paraofrecer
actualizaciones en tiempo real y ajustarse a las necesidades del visitante.

 Tipología Textuales
 Texto Narrativo
Se basa en la explicación de unos hechos, reales o ficticios en determinado tiempo y espacio, se presenta en prosa
o en verso, suele tener tres partes:
Planteamiento
Nudo Desenlace

Y existe diferentes tipos de textos narrativos como:

  Texto Descriptivo
Señalan las características de personas, animales, objetos, lugares, circunstancias, sentimientos, emociones,
conductas, también pueden ser técnicos y los literarios; y según la realidad que se describe, la prosopografía, la
etopeya, el retrato, el autorretrato, la caricatura y la topografía

 Texto Expositivo o Informativo

Su intención es meramente comunicativo explicando de un modo objetiva un hecho y se caracterizala función de
informar al receptor de una forma clara un tema especifico en donde destaca el conocimiento intelectual sobre el
tema, el rigor la exactitud la claridad y el origen.
Ejemplos:
Manuales
Escritos Tecnologicos
Descubrimientos Textos
cientificos Libros
Didactiocos Reportajes
Artículos Periodisticos
Debates
Reseñas Informes
Oratoria Política
Criticas Cronicas
Actas
Contratos
 Texto Argumentativo
Es una variedad discursiva que conciste en defender una idea o tesis mediante pruebas y razonamientos
(argumentos).
El objetibo de este texto es probar o demostrar una idea o tesis, oponen, persuadir al receptor (lector o
interlocutor) sobre determinados temas, hechos o ideas. El cual debe ser claro, lógico y no contradictorio. No se
refleja una realidad sino hacer solo una interpretación de la misma.
Normalmente en el texto argumentativo hay partes del texto expositivo

Partes de el texto Argumentativo:

Tesis:
Idea que se define y que se
pretende demostrar mediante
argumentos
Argumentos:
Un argumento es un razonamiento
por el cual se intenta expresar la
validez de una tesis o idea. Es el
elemento central sobre el que girael
resto del contenido.
Conclusión:
Una conclusión es una proposiciónal
final de un argumento, después de
las premisas. Si el argumento es
válido, las premisas implican la
conclusión.

Ejemplo:
Discursos
Articulos de Opinión
Criticas de Prensa
Ensayo
Textos Argumentativos

 Texto Instrutivo o Normativo

Son los que indican los pasos precisos que debes seguir para realizar una actividad o elaborar un producto
mediante un conjunto de reglas claras.
Ejemplo:
Reclamentos
Normas
Leyes
Publicidad
Los termicos y condiciones de participacion a un concursoReglas
Manuales
Recetas
 Texto Publicitario
Pretende convencer y persuadir al receptor para que adquiera un productos o servicios, sus caracteristicas es
plantear una idea con una intención persuasiva para lograr que consuma o cambie su actitud a favor de el
producto. Sus principios son, eficiencia, brevedad y originalidad (eslogan).

Ejemplo:
Alfiches
Panfletos publicitarios
Volantes o Flayer
Estamampados en todo tipo de sustratos
Unidad
3
Web Responsabilidad Social
Web Responsabilidad Social
National Basketball Association (NBA)
Creada en 1946, la National Basketball Association es la principal liga de baloncesto profesional en
Norteamérica. Con 30 equipos, también es considerada la mejor liga de baloncesto del mundo.

Como parte de NBA All-Star 2021, un evento que presenta a 24 de los mejores jugadores de la liga, NBA y sus
socios donaron más de US$ 3 millones en apoyo para universidades históricamente negras y comunidades de
color afectadas de manera desproporcionada por COVID-19.

Según la nota publicada por NBA, estas universidades producen el 20% de los graduados universitarios negros
del país y experimentaron disminuciones drásticas en la financiación y la inscripción por la pandemia del
coronavírus.
Además, la liga promovió becas, ayudas tecnológicas y asistencia financiera para alimentos, vivienda y
situaciones de emergencia.

Página de Web Estatica ya que contiene información permanente sólo para leer articulos y noticias, en a parte
del encabezado se encuentra el titulo de la página y el menu (simplifica la navegación), en la cual al darle click
abren a subpáginas y tiene el mismo diseño en cada una de ellas.
Las Imágenes usualmente, son lo primero que ve un usuario después del encabezado, por lo que son esenciales
para generar una buena primera impresión una imagen dice más que mil palabras.
El logotipo es parte de la empresa un distintivo que ayuda al usuario a identificarlo.
No encuentran con formulario y es meramente informativo de noticias relevantes de la NBA.
Página de Web Dinamica / Estatica estructura de árbol
podemos aprecial el logotipo de Teleton cargada a la izquierda superior tamaño
pequeño.
Con menú aplicado horizontal que simplifica la navegación y haciendo click se
abren subpáginas.
En el encabezado se encuentra una imagen de fondo morado y recuadros de
diferentes colores con una trasparencia del 40%, poniendo énfasis a su 25
aniversrio y un diseño vectorizado duotono amarillo y blanco.
Posterior se encuentra un recuatro amarillo invitando al usuario hacer un donativo
de caridad introduciendo sus datos de tarjeta y su monto a la que quieren
proporsionar a la fundación. ( de esta manera al usuario lo hacen participe
indirecto de la ayuda que ofrece la fundación). Se podria decir que en esta
parte la página es Dinamica por que al usuario lo hacen participe y sentirce parte
de.

Posteriormente deslizando hacia abajo se encuentran bloque con estructura

lineal de imágenes que al llevar el mause es meramente informativa (Estatico)
centrado visualmente, este diseño se repite en todas las subpáginas ya que si tu
deseas un diagnostico hay una opción que dice aplicar , este te habrira de forma
automatica para mandar tú un correo electronico.

Posteriormente se encuentra un rectangulo de la busqueda de los diferentes CRIT

que se encuentran alrededor de todo el territorio Nacional y en el costado
izquierdo Google Maps y en el costado derecho de manera vertical datos como:
ubicación, teléfonos, horarios y el directorio en general.

En este apartado se encuentran las evidencia de una

forma de video dando clic en el video que deseas ver y
se abrira automaticamente el video sin mandarte a una
subpágina.

Posteriormente se se encuentra un bloque de Noticias, un

PANEL LATERAL (hacia la izquierda y derecha) de
navegación, se activa dando clic en circulo

resumen breve y en cada una de ella en la parte de abajo te hace la invitación de

ir a la nota

Informacion de patrocinadores y los diferntes certificados y reconocimientos con

los que cuentan y se respaldan y al hacerle clic a la imagen te abre a una subpágina
con información relevante de la misma.

Pie de pagina se utiliza para cierre, su estructura es de forma vertical tipografia blanca con fondo morado dando
infomacion generalizada y las diferentes redes sociales en la cual puede consultar el ususrio, de lado derecho de una forma
centrada se encuentra nuevamente el logotipo (duotono blanco y amarillo) de teleton, ubicación y telefono de contacto.
Página de Web Estatica / Dinamica
Cabeza de pagina
Logotipo centrado

Panel de control automatico con deslizamiento a la izq/dercha que al hacer clic pasa a una subpágina
donde se encuentra más información especifica del tema.
Menu centrado con color gris un degradado de blanco a gris ubicandose el logotipo del lado lateral
Izquierda, Menu secundario dividido por lineas de colores y su descripcion breve ambos de forma
vertical

Recuadro Informativo con menu secundario ( Mexico Unido) ubicado a un costado izquierdo con
Rectangulos de color rosa con tipografía blanca (negativo), una estructura de jerarquia
identificado por año actual y de forma desendiente hasta 2017 identificado por diferentes colores.

Contenido o Cuerpo

Estructura de Red
En este tipo de estructura de página web no hay un orden aparentemente establecido. Las
páginas apuntan unas a otras de manera libre. La pega es que no se informa al usuario de
dónde se encuentra y puede perderse fácilmente.

Imágenes de forma de circulo, dando clic llevando al usuario a una subpágina informativa

Noticia
Estructura líneal con informacion textual breve (un adelanto de
los artículos), dando clic a la imagen o texto se abrira una
subpágina informativa de los artículos de una forma más
detallada.

Pie de Página
Panel de control automatico con deslizamiento a la izq/dercha que al hacer clic pasa a una subpágina
donde se encuentra más información especifica del tema.
 Nombre y Objetivo del sitio Web
 Diagrama de navegación del sitio Web
 Bocetos de estructura del Sitio Web
 Captura de pantalla de cada página del sitio web finalizadas.
Unidad
4
Política de Privacidad
http://digitalcheerleadergames.game.blog
Unidad
5
Página Web Mantenimiento
 Unidad
6
Tres Página Web con
Menú de Navegación
Unidad
7
Página Web
  Página Principal
https://digitalcheerleadergames.game.blog/
 Página Secundaria