top of page
Esta página web se diseñó con la plataforma
.com
. Crea tu página web hoy.Comienza ya
Clase 2 Editor Web, Navegador, Comandos Basicos HTML (Instrucciòn, Sintaxis y Parametros)
11 de junio 2019  Pagina de Portada
Realizar una pagina web inicial, usando el Block de Notas y el Navegador Google Chrome. 
​
Comandos: PROGRAMACION NATIVA
<html>
<title>
<body bgcolor>
<body background>
<h#>
<font>
<img src>
<center>
<hr size>
<marquee>
<adreess>
<ul><li>
<ol><li>
​
*Comandos que requieren finalizarse
​
Clase 3 Construccion de Site)
12 de junio 2019  Menu y Paginas
Realizar una pagina web inicial y cinco alternas, enlazar con Links
​
Temario:
Introducción a las Páginas Web
Qué es ARPANET
Qué es Internet
Qué es un Editor Web
Qué es un navegador web
Qué aportaron Leonard Kleinrock,Tim Berners Lee,Mark Andressen
Qué es el Protocolo https
Qué es el Protocolo TCP/IP
Qué es un Servidor Web
Inertar un Video de Youtube que hable sobre las paginas web.
​
​
Enviar tu Presentación a prepavespertinamarista@gmail.com
​
​
Clase 2  Descarga de Note++ e instálalo en tu PC. 12 de junio 2018
Clase 2 Investigar los comandos básicos de HTML.
​
12 de junio 2018
Realizar una presentación en power point con las siguientes diapositivas, cada una con su titulo, texto descriptivo:
​
Portada
​
Temario:
Etiquetas Basicas de HTML
​
<html>
<title>
<head>
<body bgcolor>
<body background>
<h#>
<ol>
<ul>
<marquee>
<center>
<font>
<img src>
<address>
<a href>
​
​
Clase 3 Creación de una página web en Note++ guardando como HTML.
​
13 de junio 2018
Abrir el Note++ y crear un archivo nuevo, guardando como firtsweb como html en el escritorio de windows.
​
Capturar el siguiente código:
​
<html>
<title>UMQ Universidad Marista de Queretaro</title>
<body bgcolor="Navy">
<center>
<font color="white" face="Tahoma">
<h1>Preparatoria Vespertina UMQ</h1>
<h3>Informatica VI Mod. "Elaboracion de Paginas Web"</h3>
<h5>Alumn@: Tu Nombre</h5>
</center>
<marquee><h1>BIENVENID@S a todos los alumnos de las áreas Quimico-Biologica....Economico-Administrativo y Humanista - Social</h1></marquee>
</font>
<font color="Yellow" face="Verdana">
<h1>Padres de Internet</h1><p>
<h2>Leonard Kleinrock</h2>
​
​
Clase 4 Instalación de TrueTypes (Tipos de Letra) y Diseño de Tipos de Texto en una página web.
​
14 de junio 2018
Realizar descarga e instalación de fuentes true type desde el sitio www.fontreactor.com. Investigar como se instala una nueva fuente de letra.
​
Lista de tipos de letra a instalar:
​
http://www.fontreactor.com/foundries/lovedesign-co/next-games
​
http://www.fontreactor.com/foundries/marcotl/alice-in-wonderland
​
http://www.fontreactor.com/foundries/fontmesa/cactus-sandwich
​
http://www.fontreactor.com/foundries/insanitype/brady-bunch-remastered
​
http://www.fontreactor.com/foundries/rudynfluffy/dummies
​
Una vez instaladas las letras, realiza la siguiente página web. en la aplicación Note++, guardar la página en el escritorio como Truetype de tipo .html.
​
Puedes consultar manuales y no perder el tiempo y quitárselo a tu compañero preguntándole, si observo esa conducta no recibiré el trabajo sin derecho a presentar examen mañana. Valor 20% Promedio, si faltas injustificadamente no se aplicará posteriormente.
​
Título de la pestaña con tu nombre
​
Fondo negro en la página web
​
Titulo centrado de color blanco, tamaño encabezado 1 con la letra dummies Informatica VI
​
Titulo centrado de color verde, tamaño encabezado 2 con la letra nextgames  Nombre completo del alumn@
​
Titulo centrado de color azul, tamaño encabezado 3 con la letra alice in wonderland Cuatrimestre y area
​
Titulo centrado de color amarillo, tamaño encabezado 4 con la letra brady bunch Nombre del modulo de la materia
​
Titulo centrado de color naranja, tamaño encabezado 5 con la letra cactus nombre de la escuela 
​
Marquesina en movimiento que diga Ejemplos de tipos de letra con tamaño encabezado 1 color rosa, letra dummies.
​
​
​
19 de junio 2018    SITE LOCAL
​
Diseñar la siguiente pagina Web, abstraer, agregar 5 imágenes de colores (Cuadros de 200 x 200) Pixeles en paint. Guardalos en una carpeta llamada Site en tu escritorio al igual que la pagina web, de lo contrario, no se podrá ver. Ojo. Crear 5 paginas web + con el color de fondo de cada cuadro, posteriormente convertirlos en hipervinculos.
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
20,21,22 de junio 2018    Proyecto SITE LOCAL 40% Si esta completa con todos los elementos mencionados (Investigar en Manuales lo que no hemos visto). No Completo y Sencillo 20%.
​
Diseñar un site Local de tu artista favorito, deberá contener 4 páginas web que son las siguientes :
​
Página Inicio (Frontal del Sitio)
  • Titulo en pestaña
  • Imagen de Fondo en la página
  • 3 Títulos con diferente tipos de letra y color, centrados.
  • Marquesina en movimiento
  • 5 imágenes que serán los hiperviculos a las siguientes 5 páginas. 
​
Página de Biografia
  • Titulo en pestaña
  • Sonido de Fondo al abrir la página
  • 3 Títulos con diferente tipos de letra y color, centrados.
  • Texto de la biografía
  • Imagen centrada
  • Hipervínculo de texto para regresar a página de portada
​
​
Página Discografia (El Alumno agrega los contenidos que considere y muestren la calidad)
  • Link a un video en Youtube
​
Página Conciertos (El Alumno agrega los contenidos que considere y muestren la calidad)
  • Calendario de 10 conciertos y Link a Ticketmaster
​
Página Fans y Redes sociales (El Alumno agrega los contenidos que considere y muestren la calidad)
  • Links a Instagram, Youtube Canal Oficial, Twitter y Facebook.
​
Notas:
  • Alumno que no llegue puntual durante alguno de los 3 días, o no entrar por uniforme u otro motivo, pierde 40% promedio.
  • Nadie puede hablar durante el proyecto ni asesorar a un compañero, de lo contrario se le pedirá abandonar la sala y pierde 40% promedio.
  • Para calificar deberás llamar al maestro, deberá cumplir con la secuencia didáctica mencionada arriba, no debe haber errores, si no funciona, automáticamente el  pierdes 40%.
  • A partir de las 8:15 pm del Viernes 22, ya no se revisa, aquel alumn@ que no terminó o no entregó pierde su 40%. Si prorroga de tiempo, es en automático.
​
​
​
​
​
​
​
​
​
​
​
​
27,28,29 de junio 2018   
Proyecto WEBSITE  50% de Promedio Final.
Solo se recibe completa para calificarla  y no en partes.
​
Diseñar un Website de una empresa tuya propia, que se relacionará con la carrera universitaria que estudiarás (Ej. Odontólogo - Consultorio Dental) deberá contener 5 páginas web (La núm.1 Portada de Presentación,2,3,4 que dan a tu criterio, pero bien presentadas y creativas, la 5 será de Contacto.
​
Lista de Elementos que debe tener tu proyecto:
  • Encabezado con Imágenes y CoolText (WidgetWix)
  • Imagen de Fondo en la página 
  • Imagen de Color en la página
  • Vídeo de Fondo en la página
  • Títulos de texto con diferentes tipos de letra, color y sombreado.
  • Marquesina en movimiento.
  • Texto animado glitter http://textanim.com/?lg=sp
  • Imágenes con hipervículo.
  • Vídeo Incrustado en Página  (Wix)
  • Contador de Visitas (WidgetWix)
  • Mapa de Ubicación (Wix)
  • Reloj de Tiempo https://www.zeitverschiebung.net/es/clock-widget
  • Pronóstico de Clima https://www.clima.com/widget
  • Contacto para Email  (Wix)
  • Botón (Wix)
  • Franja (Wix)
  • Redes Sociales (Wix)
​
​
Notas a consideras:
​
  • Alumno que no llegue puntual durante alguno de los 3 días, o no entra por uniforme u otro motivo, pierde 50% promedio.
  • Nadie puede hablar durante el proyecto ni asesorar a un compañero, de lo contrario se le pedirá abandonar la sala y pierde 50% promedio.
  • Para calificar deberás llamar al maestro, deberá cumplir con la secuencia didáctica y todos los elementos mencionados arriba, no debe haber errores, si no funciona el Website, automáticamente el  pierdes 50%.
  • A partir de las 8:15 pm del Viernes 29, ya no se reciben los links de tu website, aquel alumn@ que no terminó o no entregó pierde su 50%. No hay prorroga de tiempo, es en automático.
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Tabla.jpg
bottom of page