INTRODUCCIÓN
El uso del conocimiento a través de los años ha servido para que las personas tengan ciertas comodidades ya que ese conocimiento ha permitido generar cambios sociales, personales, y de países enteros de acuerdo a sus necesidades, capacidades económicas, estructura geográfica y políticamente, ejemplo, las necesidades no son las mismas en Rusia que en África y el conocimiento ha generado en cada país cambios técnicos de acuerdo a sus necesidades. También no son las mismas necesidades a nivel del mar que de montaña, en uno se ocupa el aire acondicionado y en otro la calefacción.
OBJETIVO
Reconocer los cambios efectuados, a raíz del conocimiento previo de los inventos e innovaciones, esto es, a partir de un conocimiento, empezar a generar cambios técnicos en beneficio de la sociedad.
RECURSOS
Comandos HTML
EL LEMGUAJE DE MARCAS ES UN PROGRAMA QUE NOS AYUDA A PROGRAMAR UNA PÁGINA WEB, LAS MARCAS SE INICIAN CON EL SIGNO DE MENOR QUE ( < ) Y SE CIERRAN CON EL SIGNO DE MAYOR QUE ( > ). LAS MARCAS SON COMANDOS QUE INDICAN LAS ENTRADAS DE INFORMACIÓN DE UNA HOJA, LOS COMANDOS INDICAN LA FUNCIÓN A REALIZAR DENTRO DE LA HOJA WEB.
TODS LOS COMANDOS SE ESCRIBEN EN EL EDITOR DE TEXTOS “BLOC DE NOTAS”. TODAS LAS MARCAS QUE SE ABRAN SE TIENEN QUE CERRAR, LOS SIGUIENTES SON ALGUNOS DE LOS COMANDOS Y SU FUNCIÓN.
HTML: INICIO DEL PROGRAMA, INDICA QUE ES UN LENGUAJE DE MARCAS DE HYPER TEXTO
HEAD: CABEZA, INDICA EL INICIO DE LA HOJA WEB
TITLE: COMANDO PARA AGREGAR EL TÍTULO O NOMBRE A LA HOJA WEB
BODY: IMDICA QUE ES LA PARTE DE LA HOJA DE TRABAJO
BGCOLOR: COMANDO PARA AGREGAR COLOR A LA HOJA O AL TEXTO
P: COMANDO QUE NOS PASA AL SIGUIENTE RENGLÓN
FONT: COMANDO PARA AGREGAR TEXTO
SIZE: COMANDO PARA ESPECIFICAR EL TAMAÑO DE LA LETRA
TABLE BORDER: COMANDO PARA AGREGAR UN MARCO
TR: COMANDO QUE INDICA QUE SE VA A AGREGAR UN OBJETO
TD: COMANDO PARA ESPECIFICAR LAS CARACTERÍSTICAS DE UN OBJETO
WIDTH: COMANDO QUE DEFINE EL ANCHO DEL OBJETO
HEIGHT: COMANDO QUE ESPECIFICA LA ALTURA DEL OBJETO
ALING: COMANDO QUE ESPECIFICA LA ALINEACIÓN DEL OBJETO O TEXTO
RIGHT: COMANDO QUE INDICA ALINEAR A LA DE DERECHA
LEFT: COMANDO QUE INDICA ALINEAR A LA IZQUIERDA
EL COMANDO BGCOLOR USA UN SISTEMA EXADECIMAL (6 DIGIT OS) DONDE LOS DOS PRIMEROS NÚMEROS SON PARA EL COLOR ROJO, LOS SIGUIENTES DOS PARA EL COLOR AMARILLO Y LOS DOS ÚLTIMOS PARA EL COLOR AZUL Y LA GAMA DE COLORES VA DEL 0,1,2,3,4,5,6,7,8,9, Y LAS LETRAS A,B,C,D,E y F, DONDE EL CERO ES OBSCURO Y LA LETRA “F” ES EL BLANCO, SE PUEDEN COMBINAR LETRAS Y NÚMEROS. SI SE SAVE EL NOMBRE DEL COLOR EN INGLES SE PUEDE ESCRIBIRLO EN LUGGAR DE LOS NÚMEROS
PASOS PARA CREAR EL PROGRAMA HTML
1.- ABRIR EL EDITOR BLOC DE NOTAS
2.- ESCRIBIR EL PROGRAMA INICIANDO SIEMPRE CON LAS LETRAS HTML, ANOTAR TODO COMO ESTA EN LA HOJA, CON LOS SIGNOS DE IGUAL, LAS COMILLAS,
3.- YA QUE SE TRANSCRIBIÓ EL PROGRAMA ACTIVAR EL MENÚ ARCHIVO Y SELECCIONAR LA OPCIÓN “GUARDAR COMO”
4.- EN EL CUADRO DE DIALOGO Y EN CUADRO DE LISTA “GUARDAR EN” SELECCIONAR DISCO DE 3 ½
5.- EN EL CUADRO DE LISTA “NOMBRE”, ESCRIBIR EL NOBRE DEL ARCHIVO, AL FINAL PONER UN PUNTO Y ESCRIBIR LA EXTENCIÓN HTML, SI NO SE ESCOGE ESTA EXTENCIÓN SOLO SE GUSRDARÁ COMO UN ARCHIVO NORMAL Y NO SE PODRÁ VER EN INTERNET.
6.- ABRIR EL NAVEGADOR DE INTERNET, ACTIVAR ELPASOS MENÚ ARCHIVO Y SELECCIONAR LA OPCIÓN “ABRIR”
7.- EN EL CUADRO DE DIALOGO QUE APARECE HACER UN CLIC EN EL BOTÓN “EXAMINAR”
8.- EN EL CUADRO DE DIALOGO QUE APARECE BUSCAR EL ARCHIVO, SELECIONARLO Y HACER UN CLIC EN EL BOTÓN ABRIR.
9.- EN EL CUADRO QUE SIGUE HACER UN CLIC EN EL BOTÓN “ACEPTAR” PARA QUE SE ABRA EN INTERNET
10.- SI ALGUNA LÍNEA SE PROGRAMÓ MAL, HACER UN CLIC CON EL BOTÓN DERECHO DEL RATÓN Y DE LAS OPCIONES QUE APARECEN SELECCIONAR, “VER CODIGO FUENTE”
11,. APARECERÁ EL EDITOR BLOC DE NOTAS, CORREGIR LA LÍNEA QUE SE ESCRIBIO DE FORMA INCORRECTA, ENSEGUIDA CERRAR EL ARCHIVO Y GUARDAR LOS CAMBIOS.
12.- REGRESAR A LA PÁGINA DE INTERNET, PRESIONAR LA TECLA F5 PARA ACTUALIZAR LA PÁGINA Y SE VISUALICEN LOS CAMBIOS HECHOS AL PROGRAMA.
13.- REPETIR LOS PASOS DEL 10 EN ADELANTE PARA CORREGIR CADA ACTUALIZACIÓN DE HERRORES.
Programa inicial de HTML
<HTML>
<HEAD>
<TITLE>
PRACTICA DE HTML
</TITLE>
</HEAD>
<BODY BGCOLOR="PINK">
<P>
<FONT SIZE="24"><CENTER><FONT COLOR="999999"> SECUNDARIA 2 MIXTA </FONT COLOR></CENTER></FONT>
<P>
<BR>
<FONT SIZE="24"><CENTER><FONT COLOR="999999"> MIGUEL SERRANO ALVAREZ </FONT COLOR></CENTER></FONT>
<P>
<FONT SIZE="24"><CENTER><FONT COLOR="999999"> DEPORTE FAVORITO: EL TENIS </FONT COLOR></CENTER></FONT>
<P>
<FONT SIZE="24"><CENTER><FONT COLOR="999999"> MI MEJOR AMIGA: CAROLINA </FONT COLOR></CENTER></FONT>
<P>
<FONT SIZE="24"><CENTER><FONT COLOR="999999"> COMIDA FAVORITA: CHILAQUILES </FONT COLOR></CENTER></FONT>
<TABLE BORDER=15>
<TR>
<TD WIDTH=200 HEIGHT=180 BGCOLOR="CC0000">
<TD WIDTH=200 HEIGHT=180 BGCOLOR="CC0000" ALING="RIGHT"><IMG SRC="HADAS.GIF">
<TD WIDTH=200 HEIGHT=180 BGCOLOR="CC0000" ALING="RIGHT"><IMG SRC="SUPER MAN.GIF">
<TD WIDTH=200 HEIGHT=180 BGCOLOR="CC0000" ALING="RIGHT"><IMG SRC="GOKU.GIF">
<TD WIDTH=200 HEIGHT=180 BGCOLOR="CC0000" ALING="RIGHT">
<TD WIDTH=200 HEIGHT=180 BGCOLOR="CC0000" ALING="RIGHT">
</BODY>
</HTML>
NOTA:
TODAS LAS IMÁGENES, VIDEOS Y MÚSICA HAY QUE GUARDARLAS EN UNA SOLA CARPETA PARA QUE EL PROGRAMA FUNCIONE MEJOR.
ACTIVIDAD
De acuerdo a los programas vistos en la clase realiza la actividad siguiente
1.- Hay que formar equipos de hasta 3 compañeros
2.- Analizar la lista de comandos
3.- Analizar el programa HTML
4.- Ya conociendo los comandos y el programa HTML realizar 5 cambios al programa (agregar nuevos objetos) como: agregar un reloj, una imagen de fondo, un video, títulos tipo marquesina, agregar un archivo de audio (y que se oiga).
5.- También se podrán agregar otros diferentes tipos de objetos al programa, los del punto 4 son solo sugerencias.
EVALUACIÓN
1 Punto si presenta 5 cambios al programa.
.8 Si presenta 4 cambios al programa.
.6 si presenta 3 cambios al programa
.5 si presenta 1 cambios al programa
De lo contario se considerará como aprendizaje no alcanzado