Professional Documents
Culture Documents
Informtica
Mdulo II
Creacin de productos multimedia a travs de software de diseo.
Submdulo III
Elaboracin de pginas Web.
Pginade
Pgina 1 de 144
Pginade
Pgina 2 de 144
Artemio Lemus Ruiz
Morelos
Vctor Gabriel Puc Ibarra
Yucatan
Mariana Rogero Macias
Zacatecas
Mara Flix Roldn Lpez
Hidalgo
Alejandro Rey Sarabia Flores
Baja California Sur
AAAAAAAAAAAAAA BBBBBBBBBBBBBBBBBBB
AAAAAAAAAAAAAA BBBBBBBBBBBBBBBBBBB
AdrianaGarcaOrtiz Hidalgo
AntonioIxChuc Campeche
ManuelG.MndezMonforte Yucatn
Pginade
Pgina 3 de 144
Al finalizar este submdulo tendrs las capacidades para utilizar los elementos fundamentales del
diseo, manipular los elementos bsicos de un lenguaje usado para la creacin de pginas Web,
disear pginas Web y publicarlas en los servidores de internet. Las actividades que se desarrollarn
requieren cierto grado de responsabilidad y autonoma. En virtud de lo anterior, estas competencias
se encuentran consideradas en el nivel 2.
Pginade
Pgina 4 de 144
Pginade
Pgina 5 de 144
Tcnico en Informtica
Mulo II Creacin de productos multimedia a travs de software de diseo
Pginade
Pgina 6 de 144
Tcnico en Informtica
Pginade
Pgina 7 de 144
Pginade
Pgina 8 de 144
Felicidades Amigo!
Iniciamos juntos una nueva etapa en tu formacin por esta fascinante rea del conocimiento, las
pginas Web. Una vez que hemos realizado el recorrido por temas tan interesantes como la
programacin, el diseo de pginas de Internet y las animaciones, ahora vamos a desarrollar
nuestras capacidades para hacer que dos o ms equipos de cmputo se comuniquen entre s,
logrando con ello compartir tanto informacin como recursos de hardware y eso a su vez nos ayude
para optimizar y economizar el uso de los recursos informticos.
Imagina tener la posibilidad de que con una sola impresora puedan imprimir todos los equipos de
cmputo de tu escuela, o que desde una Pc podamos acceder a una presentacin electrnica hecha
por un profesor para su clase, sin necesidad de pedir prestada una memoria o un disco de
almacenamiento. Al igual que las guas que ya hemos estudiado juntos, es importante invitarte para
que pongas todo tu esfuerzo para lograr desarrollar tus capacidades, por nuestra parte y la de tus
maestros, ten la seguridad de que nos hemos realizado todo lo posible para hacerte ms sencillo este
proceso.
Todas las competencias que integran el submdulo sern desarrolladas en un contexto prctico, ello
en funcin de que los sitios de insercin laboral para esta rea exigen que demuestres las
capacidades y habilidades de los contenidos o competencias bajo estas caractersticas; sin olvidar la
aplicacin de conocimientos de formacin bsica, como lo son: el idioma ingls, las herramientas
tecnolgicas y el Internet.
Pginade
Pgina 9 de 144
Como parte de la evaluacin necesaria para determinar si ya haz logrado ser competente en esta
rea de formacin, te planteamos observar las siguientes evidencias:
Desempeo
Producto
2. Formatos realizados.
3. Esquemas realizados.
Pginade
Pgina 10 de 144
El docente proyecta un video a los alumnos en donde se muestren diferentes diseos de pginas
Web locales, de la regin y de empresas ms sobresalientes en el diseo de pginas. Explicando
cuales son sus elementos que contienen y las ventajas de utilizarlas y disearlas, as como los temas
o habilidades y conocimientos que debe demostrar y conocer para desarrollar los contenidos o
competencias del submdulo; aplicando los contenidos o competencias durante el desarrollo de una
funcin en el campo laboral.
El docente organizar una conferencia con una persona experta en el rea del diseo de las pginas
Web, dando a conocer su ventajas y desventajas. As como la importancia de estas en la publicidad,
la comunicacin, las oficinas de servicios pblicos y privados e instituciones educativas.
Pginade
Pgina 11 de 144
Pginade
Pgina 12 de 144
Utilizar los elementos fundamentales
del diseo.
1
1. Conociendo el diseo
2. Combinacin de Colores
3. Internet bsico
1. Mirada fra
2. Arco iris
1. Mi primera Crtica
1. Rediseando
Pginade
Pgina 13 de 144
Hola, que tal!
Bienvenido a este nuevo reto en el increble mundo del diseo, ponte listo porque iniciaremos
aprendiendo los principios bsicos del diseo y el color.
Estamos listos?
Este contenido o competencia se titula: Utilizar los elementos fundamentales del diseo, se
encuentra ubicada en el tercer semestre de tu formacin en el bachillerato tecnolgico que
actualmente cursas. Es muy importante que sepas que esta gua tiene la funcin de proporcionarte
las competencias y atributos que te permitan manejar con destreza las teoras del color, espacios y
equilibrio.
Debes tener en cuenta que todas tus creaciones sern de gran utilidad para las prximos contenidos
de este submdulo.
Solo nos resta invitarte a que contines con ese nimo y ganas de trabajar que te caracterizan,
recuerda que en la medida que te apliques en tus estudios el xito llegar a tu vida.
Pginade
Pgina 14 de 144
1.1. Analizar las teoras del diseo (minimalismo, conceptualismo,
etc.).
1.2. Identificar el impacto y el enfoque en diseos existentes.
ATRIBUTOS DE
1.3. Disear formatos considerando las zonas ureas, direccin,
LA Sentido y equilibrio.
COMPETENCIA 1.4. Aplicar la teora del color considerando el crculo cromtico,
contrastes, el RGB (Red, Green, Blue) y CMY (Cyan,
Magenta, Yellow).
El docente expondr diferentes pginas Web de diferentes empresas y por medio de una lluvia de
ideas concluir las caractersticas principales y ventajas. Haciendo notar los colores plasmados en las
pginas Web.
Pginade
Pgina 15 de 144
Nombre Conociendo el diseo No. 1
Instrucciones Investiga las principales caractersticas de las Teoras del diseo y del diseo de
para el Alumno formatos en una pgina Web.
Diseo de formatos
(zonas ureas,
direccin y sentido,
equilibrio).
Pginade
Pgina 16 de 144
Nombre Combinacin de colores No. 2
Diseo de formatos
(zonas, reas,
direccin, sentido y
equilibrio).
Pginade
Pgina 17 de 144
Nombre Internet bsico No. 3
Instrucciones Investiga los diferentes tipos de correo electrnico y mensajeros que actualmente
para el Alumno son los ms utilizados
Conocer los
diferentes tipos
clientes de correos
electrnicos y Manera
manipular uno de Didctica La investigacin la podrs realizar a travs
Saberes a ellos (outlook). de de un medio electrnico o alguno ms que se
adquirir Lograrlos encuentre a su alcance.
Conocer los
diferentes tipos de
mensajeros en lnea
y saber manipular
uno de ellos
(Netmeeting).
Pginade
Pgina 18 de 144
Nombre Mirada fra No. 1
Instrucciones
para el Alumno Observa y analiza la siguiente imagen figura 1.
Manera
Visualicen e identifiquen la estructura y
Actitudes a Didctica
Responsabilidad diseo de la pgina Web y comenta la forma
formar de
que posee cada una.
Lograrlas
Pginade
Pgina 19 de 144
Figura 1
Pginade
Pgina 20 de 144
Instrucciones
para el Alumno Observa y analiza las siguientes imgenes.
Manera
Visualicen e identifiquen las propiedades de
Actitudes a Didctica
Responsabilidad cada uno de ellos y comenta las que posee
formar de
cada una.
Lograrlas
Pginade
Pgina 21 de 144
Nombre Mi primera critica No. 1
Intgrate en equipo mximo 3 personas Dinmica de integracin por el
profesor.
Instrucciones
para el Alumno Elaboren un cuadro comparativo determinando caractersticas o propiedades, de
la estructura y la teora de diseo, en una pgina Web por cada uno de los
integrantes de tu equipo.
Manera Haz uso de la informacin previa
Actitudes a Responsabilidad Didctica de investigada sobre caractersticas de la
formar Lograrlas estructura general de una pgina Web.
Competencias
Genricas a 8. Participa y colabora de manera efectiva en equipos diversos.
Desarrollar
Manera
b) Aporta puntos de vista con apertura y considera los de otras personas de
Didctica de manera reflexiva.
Lograrlas
Pginade
Pgina 22 de 144
Nombre Buscando el mejor color No. 2
Volver a integrar equipos con la finalidad de que no queden los mismos que
trabajaron en la seccin anterior.
Instrucciones
para el Alumno Elaboren un mapa sinptico o cuadro comparativo sobre la Teora del color y
como lograr el color deseado.
Manera
Haz uso de la informacin previa
Didctica
Actitudes a Responsabilidad investigada sobre Caractersticas de la
formar de
Teora del color.
Lograrlas
Pginade
Pgina 23 de 144
Nombre No. 1
Rediseando
Contenido o
Competencia a Utilizar los elementos fundamentales del diseo.
Desarrollar
Instrucciones
para el Alumno Realiza lo que se te indica a continuacin.
Instrucciones
El docente evaluar los cambios fundamentados en la teora de diseo y de color
para el
se sugiere que se expongan sus trabajos en una presentacin electrnica.
Docente
Recursos
materiales de Computadora y software de diseo.
apoyo
Manera
Estimulando en el alumno el sentido del
Actitudes a Responsabilidad, Didctica
cumplimiento en tiempo y forma de la
formar orden y limpieza de
prctica siguiente.
Lograrlas
Competencias
Genricas a 7. Aprende por iniciativa e inters propio a lo largo de la vida.
Desarrollar
Manera a) Articula saberes de diversos campos y establece relaciones entre ellos y su vida
Didctica de cotidiana.
Lograrlas
Pginade
Pgina 24 de 144
Realiza los siguientes pasos.
Una vez que est Guardado, llama a tu profesor para que te revise la prctica.
Con los ejercicios y prcticas ejecutados durante este contenido o competencia, desarrollaste los
temas o habilidades logrando:
Para evaluar los temas o habilidades, conocimientos y actitudes de este contenido o competencia se
har uso de los instrumentos de evaluacin: GUIA DE OBSERVACION: TINF-04/M3S1/ED y LISTA
DE COTEJO: TINF-04/M3S1/EP
Pginade
Pgina 25 de 144
Manejar los elementos bsicos de un
2
lenguaje usado en la creacin de
pginas Web.
4. Navegadores Web
5. Buscadores Web
6. Conociendo el cdigo
7. Diseo Web
3. Una probadita
4. Identificando la estructura
Pginade
Pgina 26 de 144
2. Programando en un lenguaje de Hipertexto.
Imagina crear tu propia pgina donde plasmes tus intereses, gustos, pasatiempos, familia, etc., todo
lo que tu quieras!, definitivamente lo podrs lograr si te aplicas totalmente desde las primeras
actividades de esta competencia.
Para esto, el contenido de esta segunda competencia se constituye por los siguientes temas:
Pginade
Pgina 27 de 144
Finalmente, queremos invitarte a realizar todas las actividades que te proponga tu maestro o
facilitador, los ejercicios y prcticas en computadora que maneja esta gua, las investigaciones
solicitadas, manifestar tus puntos de vista y socializar los conocimientos con tus compaeros con el
fin de que adquieras todos estos conocimientos de vanguardia, como lo es: la creacin de pginas
Web mediante un lenguaje de programacin.
El docente muestra un video o realiza la consulta de una pgina Web en el aula, mostrando su cdigo
y la ejecucin, haciendo referencia a los elementos bsicos, del lenguaje utilizados en la pgina Web.
Pginade
Pgina 28 de 144
Nombre Navegadores Web No. 4
Un navegador Web (del ingls, Web browser) es una aplicacin software que permite al usuario
recuperar y visualizar documentos de hipertexto, comnmente descritos en HTML, desde servidores
Web de todo el mundo a travs de Internet.
Pginade
Pgina 29 de 144
Esta red de documentos es denominada World Wide Web (WWW). Cualquier navegador actual
permite mostrar o ejecutar grficos, secuencias de vdeo, sonido, animaciones y programas diversos
adems del texto y los hipervnculos o enlaces.
Los documentos pueden estar ubicados en la computadora en donde est el usuario, pero tambin
pueden estar en cualquier otro dispositivo que est conectado a la computadora del usuario o a
travs de Internet, y que tenga los recursos necesarios para la transmisin de los documentos (un
software servidor Web). Tales documentos, comnmente denominados pginas Web, poseen
hipervnculos que enlazan una porcin de texto o una imagen a otro documento, normalmente
relacionado con el texto o la imagen.
Los navegadores de hoy en da pretenden ser compatibles con la ltima versin de HTML. Existen
varios navegadores, aqu te mostramos dos de los ms utilizados y que soportan compatibilidad.
Mozilla FireFox
Pginade
Pgina 30 de 144
Nombre Buscadores Web No. 5
Internet
Manera Se requiere que el alumno analice los
Buscadores Web Didctica de trminos necesarios para cumplir con los
Saberes a Tipos de Lograrlos conocimientos de esta competencia, lo
adquirir esencial es que pueda determinar cual es el
buscadores
funcionamiento de los buscadores Web.
Un Buscador, es una herramienta que permite buscar informacin en toda la Internet a partir de unas
palabras que se introducen describiendo lo que se busca.
TIPOS DE BUSCADORES
Aunque algunos buscadores utilizan conjuntamente varios de los mtodos que vamos a describir a
continuacin resulta til conocer cada forma distinta de buscar.
Buscadores por palabras clave. Son los buscadores ms comunes, el usuario introduce una
palabra clave y el motor del buscador examina su base de datos para mostrar las pginas
encontradas.
Buscadores por categoras. Estos buscadores que estn organizados por tpicos de conocimiento
de forma que al elegir una opcin nos enva a otra pgina con ms categoras, as sucesivamente
podemos llegar a ver las pginas que existen sobre un tema muy concreto; por ejemplo, deportes
deportes extremos - parapente - vuelo libre. Es decir en estos buscadores se puede buscar eligiendo
categoras en lugar de introducir palabras claves.
Metabuscadores. Se podran llamar tambin buscadores mltiples ya que realizan varias bsquedas
simultneas en los dems buscadores y muestran los resultados ordenados por buscador.
Buscadores especficos. Son buscadores que slo contienen informacin sobre un tema concreto,
por ejemplo, buscadores de legislacin, buscadores de libros, etc. Tambin incluimos en este tipo las
pginas recopilatorias de pginas Web sobre temas concretos, por ejemplo de recursos gratis.
En la siguiente figura se muestran algunos de los buscadores ms comunes, observa y comenta con
tus compaeros, cules son sus semejanzas y diferencias.
Pginade
Pgina 31 de 144
http://www.google.com/ http://www.altavista.com/
http://www.yahoo.com/ http://www.lycos.es/
http://www.alltheweb.com/ http://es.msn.com/
Pginade
Pgina 32 de 144
Nombre Navega y busca tu informacin No. 3
1. Investiga lo siguiente en Internet en por lo menos 3 buscadores: FACTORES
PARA ELEGIR UN BUEN BUSCADOR Y SERVICIOS QUE PROPORCIONA
EL INTERNET.
2. En un documento del procesador de textos, copia y pega la informacin
generada por los tres buscadores.
Instrucciones 3. Anota las direcciones o referencias de las pginas a las que te envi el
para el Alumno buscador.
4. Lee detalladamente la informacin encontrada en los tres buscadores,
compara y genera tu propia conclusin apoyndote en ellas.
5. Coloca de encabezado tu nombre en el archivo, guarda e imprime tu
documento para entregrselo a tu profesor.
Instrucciones
Revisa que la prctica del alumno cumpla con lo requerido, cuidando ortografa y
para el Profesor gramtica, adems de tomar en cuenta la limpieza del trabajo, realimentando las
posibles contingencias.
Manera
Didctica El alumno realiza la investigacin en los
Actitudes a Orden
formar de distintos navegadores Web.
Lograrlas
Manera
e) Maneja las tecnologas de la informacin y la comunicacin para obtener
Didctica de informacin y expresar ideas.
Lograrlas
Pginade
Pgina 33 de 144
Nombre Conociendo el cdigo No. 5
Investiga sobre un lenguaje utilizado para creacin de pginas Web.
Instrucciones
Realizar la investigacin en la Internet, utilizando un buscador, a travs de un
para el Alumno
navegador Web.
9 Editores de
texto.
9 Lenguaje de
hipertexto.
Manera Se requiere que el alumno analice los
9 Estructura de Didctica de trminos necesarios para cumplir con los
Saberes a una pgina Lograrlos conocimientos de esta competencia, lo
adquirir esencial es que pueda determinar cual es el
Web.
funcionamiento de los mismos.
9 Vnculos e
hipervnculos.
9 Navegadores
de Internet.
Pginade
Pgina 34 de 144
Nombre Una probadita No. 3
Manera
Actitudes a Didctica
Orden Al revisar los pasos e ir los trabajando.
formar de
Lograrlas
Competencias
Genricas a 7. Aprende por iniciativa e inters propio a lo largo de la vida.
Desarrollar
Manera
Didctica de a)Definemetasydaseguimientoasusprocesosdeconstruccindeconocimiento
Lograrlas
El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las pginas Web.
Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada,
y que est compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del documento.
Un documento hipertexto no slo se compone de texto, puede contener imgenes, sonido, vdeos,
etc., por lo que el resultado puede considerarse como un documento multimedia, tienen la
extensin html o htm.
Paramasinformacinbsicaconsulta
http://www.aulafacil.com/CursoHtml/tema
rio.htm
Pginade
Pgina 35 de 144
Qu es una etiqueta?
Una etiqueta o marcas delimitan cada uno de los elementos que componen un documento HTML.
Existen dos tipos de etiquetas, la de comienzo de elemento y la de fin o cierre de elemento.
Hay una gran variedad de editores de texto. Algunos son de uso general, mientras que otros estn
diseados para escribir o programar en un lenguaje. Algunos son muy sencillos, mientras que otros
tienen implementadas gran cantidad de funciones.
Pginade
Pgina 36 de 144
Veamos la estructura bsica de una pgina Web.
</head>
Elaborar pginas Web utilizando las Texto que se muestra dentro de la pgina Web
aplicaciones actuales
Veamos escrito en un editor de texto, cuando el archivo es guardado con la extensin: .htm o .html.
Pginade
Pgina 37 de 144
Cuyo resultado se visualizara de la siguiente forma
Pginade
Pgina 38 de 144
Nombre Identificando la estructura No. 4
Contesta brevemente cual es la funcin que hace cada una de las etiquetas.
Instrucciones Recuerda escribir ordenadamente con letra legible, con limpieza y sin faltas de
para el Alumno ortografa.
Pginade
Pgina 39 de 144
CDIGO EXPLICA PARA QUE SIRVE CADA ETIQUETA
1. <html>
2. <head>
<title>
</title>
</head>
3. <body bgcolor="#FFCC99">
4. <body background="fondo.jpg">
5. <!Saludos//-->
VIVA MEXICO
</font>
Pginade
Pgina 40 de 144
10. <marquee bgcolor="#FFFFFF"
behavior="alternate"
direction="down">
VIVA MEXICO
</marquee>
<br><br>
VIVA MEXICO
</marquee>
<br><br>
VIVA MEXICO
</marquee>
<br><br>
VIVA MEXICO
</marquee>
<br><br>
VIVA MEXICO
</marquee>
<br><br>
15. Scrollamount
16. Scrooldelay
Pginade
Pgina 41 de 144
17. Loop
19. <big>
20. <small>
<h6>HOLA </h6>
22. <br>
Pginade
Pgina 42 de 144
26. <u> CECyTE </u>
28.  
29. á
30. </body>
31. </html>
Pginade
Pgina 43 de 144
Nombre Programando en un lenguaje de hipertexto No. 2
Instrucciones Verificar que frente a los integrantes del grupo o del equipo, el alumno
para el Docente desarrolle cada uno de los pasos indicados.
Pginade
Pgina 44 de 144
Recursos
materiales de Computadora e Internet.
apoyo
Manera
Actitudes a Didctica Realizando la secuencia de pasos en la
Orden
formar de prctica mostrada.
Lograrlas
Competencias
Genricas a 7. Aprende por iniciativa e inters propio a lo largo de la vida
Desarrollar
Instrucciones Lee con atencin algunas etiquetas que nos permiten personalizar nuestra pgina
para el Alumno Web.
9 Disear tablas.
9 Insertar Se requiere que el alumno analice los
Manera trminos necesarios para cumplir con los
Imgenes, Didctica de
Saberes a conocimientos de esta competencia, lo
sonido y video. Lograrlos esencial es que pueda determinar cual es el
adquirir
9 Insertar funcionamiento de los mismos en el diseo
vnculos e Web.
hipervnculos
Pginade
Pgina 45 de 144
Tabla <table>
Las tablas estn formadas por celdas, que son los recuadros que se obtienen como resultado de la
interseccin entre una fila y una columna.
Para crear una tabla tenemos dos etiquetas <table> y </table>. Entre dichas etiquetas habr que
especificar las filas y columnas que formarn la tabla.
Fila <tr>
Es necesario insertar las etiquetas <tr> y </tr> por cada una de las filas de la tabla. Estas etiquetas
debern insertarse entre las etiquetas <table> y </table>.
Por ejemplo, para crear una tabla con cinco filas escribiramos:
<table>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
</table>
Para crear una tabla no basta con especificar el nmero de filas, es necesario tambin especificar
el nmero de columnas. Una celda es el resultado de la interseccin entre una fila y una columna,
por lo que podremos especificar el nmero de celdas por fila.
<table>
<tr>
<td>CECyTE EMILIANO ZAPATA </td>
<td>CECyTE TLAYECAC </td>
</tr>
<tr>
<td> CECyTE TENEXTEPANGO </td>
<td> CECyTE EMILIANO YECAPIXTLA </td>
</tr>
</table>
Formato de la tabla
Pginade
Pgina 46 de 144
Atributo Sirve para Valores
Un nmero, acompaado de %
width Ancho de la tabla cuando se desee que sea en
porcentaje
Un nmero, acompaado de %
Height Alto de la tabla cuando se desee que sea en
porcentaje
left (izquierda)
Alineacin de la tabla dentro de la
Align right (derecha)
pgina
center (centro)
<tr>
</tr>
<tr>
Pginade
Pgina 47 de 144
<td> CECyTE YECAPIXTLA </td>
</tr>
</table>
left (izquierda)
Align Alineacin del contenido de la celda right (derecha)
center (centro)
Pginade
Pgina 48 de 144
Para las etiquetas <td> y <th> existen los atributos colspan y rowspan, que se utilizan para
combinar celdas.
A travs del atributo colspan se especifica el nmero de columnas por las que se extender la
celda y a travs del atributo rowspan se especifica el nmero de filas por las que se extender la
celda.
Pginade
Pgina 49 de 144
Vamos a realizar un ejemplo de cmo insertar imgenes dentro de nuestra pgina Web para hacerla
ms agradable.
Para insertar una imagen es necesario insertar la etiqueta <img>. Dicha etiqueta no necesita
etiqueta de cierre.
Los formatos de imagen que se utilizan comnmente son el .gif (Imgenes con movimiento o con
fondo transparente) o .jpeg (.jpg) y deben de estar almacenados en la carpeta donde est el archivo
de la pgina Web para que pueda ser visualizado. Por ejemplo:
El texto alternativo se muestra tambin al situar el puntero sobre la imagen. Aqu aparecer
CECyTE MORELOS.
El atributo border puede tomar valores numricos, que indican el grosor en pxeles del borde.
Para el tamao de una imagen existen dos atributos width (anchura) y height (altura) que pueden
modificar el tamao en pxeles de la imagen.
left izquierda
middle medio
Pginade
Pgina 50 de 144
right derecha
Por ltimo para insertar una imagen dentro de una tabla basta con:
</td>
</tr>
<tr>
</tr>
</table>
Los formatos de audio compatibles son: el WAV, el MP3 y en algunas ocasiones el MIDI.
Primero vamos a insertar un sonido de fondo a nuestra pgina Web. <bgsound src="sonido.mp3"
loop="-1">
Pginade
Pgina 51 de 144
Donde src, nos indica la ruta del archivo de audio que se escuchar y el atributo loop="-1" nos indica
que ser un ciclo infinito y se reproducir de forma continua.
Donde embed permite jalar el control, src nos indica el archivo que vamos a abrir,
autostart=false, establece que no se reproduzca automticamente y loop=true que se
reproducir nuevamente una vez que termine.
Ahora vamos a insertar un video como ejemplo dentro de una pgina Web.
</embed>
Donde embed permite jalar el control, src nos indica el archivo que vamos a abrir, width="400" nos
indica el alto del video y height="300", nos indica el alto autostart =false, establece que no se
reproduzca automticamente y loop=true que se reproducir nuevamente una vez que termine.
Los hipervnculos, son enlaces a otros elementos fuera del documento, como archivos, imgenes,
sonidos videos etc. Los archivos donde conectan normalmente son a una pgina Web o a un archivo.
Un ancla nos permitir crear enlaces dentro del mismo documento especificando a qu lugar
concreto de una pgina queremos saltar.
Pginade
Pgina 52 de 144
Lo primero de que debemos hacer es declarar nuestra ancla en cualquier lugar de la pgina Web.
Conectmonos a una pgina que se encuentre dentro de nuestra misma carpeta. <a
href="zapata2.htm"> CECyTE PLANTEL EMILIANO ZAPATA </a><br>
Pginade
Pgina 53 de 144
<a href="http://www.google.com"> CONECTANDONOS AGOOGLE </a>
Para descargar o abrir un archivo, por ejemplo un documento de texto. Debemos de tener el archivo
en la misma carpeta.
En nuestro ltimo ejemplo vamos a conectar nuestro hipervnculo para que enve un mensaje
electrnico a una direccin ya establecida por medio del cliente de correo que tengamos configurado
en nuestra mquina.
<p align="center">
Pginade
Pgina 54 de 144
<a href="mailto:e_zapata@cecytemor.com">
ESCRIBENOS...
</a> </p>
Pginade
Pgina 55 de 144
Nombre Repaso general de etiquetas No. 5
Presta atencin al docente en la demostracin prctica; pregunta todas las dudas
Instrucciones para
el Alumno que tengas. Realiza la prctica indicada por el profesor.
b)Aplicadistintasestrategiascomunicativassegnquienesseansusinterlocutores,el
Manera Didctica de
Lograrlas contextoenelqueseencuentraylosobjetivosquepersigue.
Pginade
Pgina 56 de 144
Nombre Diseando segn las necesidades No. 3
Pginade
Pgina 57 de 144
13. Inserta un hipervnculo que te conecte un archivo que t elijas.
14. Inserta un ancla con tu nombre al principio de tu documento.
15. Inserta un hipervnculo al ancla antes creada.
16. Inserta un hipervnculo que te conecte a alguna pgina Web disponible en
Internet.
17. Inserta un hipervnculo con tu nombre que te permita enviar un mail a tu
direccin de correo.
18. Guarda tu archivo con el nombre de prctica3 con formato htm.
19. Crea una segunda pgina personalizada a tu gusto y gurdala con tu nombre
y con formato htm.
20. En la pgina prctica3 inserta una imagen y con ella crea un hipervnculo que
te conecte a la pgina que tiene tu nombre.
21. Prueba y revise que tu pgina cumpla con todo lo que se te pide.
22. Guarda tu carpeta completa en algn medio de informacin.
23. Llama a tu profesor para que te revise la prctica.
Instrucciones Verificar que frente a los integrantes del grupo o del equipo, el alumno desarrolle
para el Docente cada uno de los pasos indicados
Recursos
materiales de Computadora, Internet y software de diseo.
apoyo
Manera
Actitudes a Didctica Realiza la pgina Web cumpliendo con los
Orden
formar de criterios solicitados de forma sistemtica
Lograrlas
Pginade
Pgina 58 de 144
Con los ejercicios y prcticas ejecutados durante este contenido o competencia, desarrollaste los
temas o habilidades logrando:
Para evaluar los temas o habilidades, conocimientos y actitudes de este contenido o competencia se
har uso de los instrumentos de evaluacin: GUIA DE OBSERVACION: TINF-04/M3S1/ED y LISTA
DE COTEJO: TINF-04/M3S1/EP
Pginade
Pgina 59 de 144
Disear una pgina Web con un
software de aplicacin
3
Pginade
Pgina 60 de 144
13. Insercin de Imgenes.
16. Referencias
4. La comunicacin te envuelve
Pginade
Pgina 61 de 144
5. Aprende a almacenar tus pginas Web en un servidor gratuito
Una vez que hemos desarrollado los contenidos o competencias para la edicin de pginas web
mediante el lenguaje HTML vamos a dar un salto a la edicin visual de pginas Web, utilizando el
software de diseo que es un programa especializado en el que se genera el cdigo HTML
automticamente, fcil de utilizar y con presentacin profesional.
Pginade
Pgina 62 de 144
El docente solicita una investigacin sobre un tema de inters para el alumno y de manera grupal por
medio de una lluvia de ideas los alumnos plantean el objetivo de la pgina, los contenidos que
contendr la informacin as como la estructura del documento.
Pginade
Pgina 63 de 144
Nombre El bal de tus archivos No. 8
Manera
Determinacin del Didctica El anlisis de la investigacin que se
Saberes a objetivo de pgina Web. de realizara a travs de un medio
adquirir Lograrlos electrnico o bibliogrfico.
Mapa del sitio
Es la representacin grfica o textual de un sitio Web. El mapa de un sitio Web puede ser un
documento que se utiliza para planificar el diseo de la Web, o puede ser una pgina Web donde se
listan todas -o las ms importantes- pginas Web de un sitio (generalmente organizadas de alguna
manera).
Es importante determinar a qu tipo de personas estara dirigida nuestra pgina Web. Enfocndonos
al objetivo que queremos lograr con la informacin que se va plasmar en ella.
Para garantizar el xito en cualquier proyecto, resulta indispensable efectuar su planeacin, es decir,
trazar y poner por escrito los detalles del proyecto, antes de su ejecucin.
Pginade
Pgina 64 de 144
Nombre Mostremos un ejemplo de un mapa del sitio. No. 4
Instrucciones
para el Alumno Analiza la siguiente imagen con tus compaeros
Manera
Didctica
Actitudes a Orden Visualiza e identifica la estructura de la
formar de
Lograrlas pgina Web.
FamiliaGarcaRuiz
JuanGarcayMaraRuiz
Paginaprincipal(index.htm)
PedroGarciaRuiz MarielaGarcaRuiz
Hijo(pagina1.htm) Hija(pagina2.htm)
RobertoRuizAlarcn WendyRuizAlarcn
Nieto(pagina1_1.htm) Nieto(pagina1_1.htm)
Pginade
Pgina 65 de 144
El mapa de sitio tambin
puede hacer referencia a un
listado de enlaces que
pertenecen a un sitio Web.
Orden Manera
Haz uso de la informacin previa
Actitudes a Didctica de
formar responsabilidad investigada sobre la drogadiccin.
Lograrlas
Competencias
4. Escucha, interpreta y emite mensajes pertinentes en distintos contextos
Genricas a mediante la utilizacin de medios, cdigos y herramientas apropiados.
Desarrollar
9. Participa y colabora de manera efectiva en equipos diversos.
Pginade
Pgina 66 de 144
Conociendo los editores visuales para el diseo de pginas Web. No. 8
Nombre
Manera
Didctica
Editores visuales Web
de A travs del anlisis de
Saberes a Elementos de la pantalla
Lograrlos la lectura.
adquirir Insercin de componentes
Una vez que hemos desarrollado los contenidos o competencias para la edicin de pginas Web
mediante el lenguaje HTML vamos a dar un salto a la edicin visual de pginas Web, utilizando el
software de diseo que es un programa especializado en el que se genera el cdigo HTML
automticamente, fcil de utilizar y con presentacin profesional.
Hoy en da existen un gran nmero de editores que permiten crear pginas Web sin la necesidad de
escribir ni una sola lnea de cdigo HTML.
Estos editores disponen de un entorno visual, y generan automticamente el cdigo de las pginas.
Al poder ver en todo momento cmo quedar la pgina en el navegador, se facilita la creacin de las
pginas, y el uso de mens permite ganar rapidez.
Los editores visuales pueden generar en ocasiones cdigo basura, es decir, cdigo que no sirve para
nada, en otras ocasiones puede ser ms efectivo corregir directamente el cdigo por lo que resulta
necesario conocer HTML para poder depurar el cdigo de nuestra pginas.
Algunos de los editores visuales con los que podrs crear tus pginas Web son: Adobe
Dreamweaver, Microsoft Frontpage, Adobe Pagemill, NetObjects Fusin, CutePage, HotDog
Proffesional, Netscape Composer y Arachnophilia, de los cuales algunos tienen la ventaja de ser
gratuitos.
Pginade
Pgina 67 de 144
Nombre Editores Visuales de pginas Web No. 5
Instrucciones
Analiza las siguientes figuras en grupo con apoyo de tu docente y comenta las
para el Alumno
diferencias y semejanzas entre tus compaeros con otros entornos grficos.
Competencias 6. Sustenta una postura personal sobre temas de inters y relevancia general,
Genricas a considerando otros puntos de vista de manera critica y reflexiva.
Desarrollar
Macromedia Dreamweaver
Pginade
Pgina 68 de 144
Microsoft FrontPage
Pginade
Pgina 69 de 144
Nombre Pantalla del editor de Dreamweaver No. 6
Instrucciones
para el Alumno Analiza los elementos de la pantalla del editor Dreamweaver
Competencias
Genricas a 4. Escucha, interpreta y emite mensajes pertinentes en distintos contextos
Desarrollar mediante la utilizacin de medios, cdigos y herramientas apropiados.
La siguiente pantalla pertenece a la interfaz del software editor de pginas de Web de la compaa
Adobe, llamado Dreamweaver. Identifica y localiza cada una de ellas.
Pginade
Pgina 70 de 144
Nombre Identifica y anota los nombres de los componentes de la pantalla. No. 7
Instrucciones Identifica los nombres de los elementos de la pantalla y escrbelas en los
para el Alumno recuadros en el Idioma Ingles.
Competencias
4. Escucha, interpreta y emite mensajes pertinentes en distintos contextos
Genricas a mediante la utilizacin de medios, cdigos y herramientas apropiados.
Desarrollar
8. Participa y colabora de manera efectiva en equipos diversos.
4.b).Expresaideasyconceptosmedianterepresentacioneslingsticas,matemticas
Manera
ogrficas
Didctica de
Lograrlas 8.b) Aporta puntos de vista con apertura y considera los de otras personas de
manerareflexiva
Pginade
Pgina 71 de 144
Pginade
Pgina 72 de 144
Nombre Manipulacin de los componentes de la pantalla del editor Web Visual No. 8
Realiza de formar ordenada y con responsabilidad los pasos siguientes:
1. En la ventana principal del software de edicin de pginas Web, anota
cuntas y cules son las barras de herramientas que se pueden ocultar
y visualizar.
2. En la ventana principal activa los siguientes paneles:
Instrucciones
para el Alumno o Insertar.
o Lneas de tiempo.
o Resultados.
3. Cambia de posicin por lo menos 4 paneles e imprime esa ventana.
Competencias
Genricas a
5. Desarrolla innovaciones y propone soluciones a problemas a partir de mtodos
Desarrollar establecidos
Pginade
Pgina 73 de 144
Nombre Mostrando el rea de trabajo No. 7
Instrucciones
para el Alumno Analiza los elementos de la pantalla de Dreamweaver
Competencias
4. Escucha, interpreta y emite mensajes pertinentes en distintos contextos
Genricas a
mediante la utilizacin de medios, cdigos y herramientas apropiados.
Desarrollar
Esta pantalla muestra el rea de trabajo en donde se disea y se colocan los elementos que formarn
la pgina Web. En muchos editores de pginas por defecto tienen el tamao de esta rea como una
pgina de un documento normal. Por lo que el tamao depende de la resolucin de su monitor.
Pginade
Pgina 74 de 144
Nombre Conociendo la barra de Insercin ( Insert Toolbar) No. 9
Manera
Elementos de la
Didctica Realizando un recorrido por cada uno de los
barra de
Saberes a herramientas. de elementos que contiene nuestro Editor Web
adquirir Lograrlos Visual.
Panel de
propiedades.
Muestra varios iconos que representan los elementos que podemos insertar en la pgina de Internet,
por ejemplo: Un vnculo, una direccin de correo electrnico, una imagen, tablas para acomodar
texto e imgenes, etc.
Has uso de esta herramienta en el laboratorio de cmputo con el apoyo del profesor.
Pginade
Pgina 75 de 144
Este men desplegable contiene una lista con las diferentes categoras dentro de la que se
encuentran agrupados los iconos que permiten insertar objetos comunes como hipervnculos y
vnculos de e-mail.
El panel propiedades permite ver las opciones para el texto, las imgenes y los objetos multimedia ya
creados; permitiendo modificar el tamao que ocupa en la pgina Web en pxeles y su posicin, el
tamao del marco, adems permite elegir segmentos irregulares de su rea para colocar uno o ms
vnculos a diferentes pginas Web.
Pginade
Pgina 76 de 144
Nombre Que es un sitio Web? No. 10
Manera
Didctica Al analizar la informacin proporcionada
Que es un sitio Web
Saberes a de identificando la importancia de crear y utilizar
adquirir Ventajas de crear un Lograrlos un sitio Web
sitio Web
Un sitio Web (en ingls: website) es un conjunto de pginas Web, tpicamente comunes a un dominio
de Internet o subdominio en la World Wide Web en Internet.
No debemos confundir sitio Web con pgina Web, esta ltima es solo un archivo html, y muchas
veces las empresas o personas tienen ms de 1 archivo colgados en Internet, lo que se constituye en
sitio Web.
Un sitio Web est alojado en un sistema de ordenador conocido como servidor Web, tambin llamado
servidor HTTP, y estos trminos tambin pueden referirse al software que se ejecuta en este sistema
y que recupera y entrega las pginas Web en respuesta a peticiones desde el sitio Web del usuario.
Apache es el programa ms comnmente usado como servidor Web y el Internet Information
Services (IIS) de Microsoft tambin se usa comnmente.
Un sitio Web esttico es uno que tiene contenido que no se espera que cambie frecuentemente y se
mantiene manualmente por alguna persona o personas que usan algn tipo de programa editor.
Un sitio web dinmico puede tener cambios frecuentes en la informacin. Hay un amplio abanico de
sistemas de software, como Active Server Pages (ASP), Java Server Pages (JSP) y el lenguaje de
programacin PHP que estn disponibles para generar sistemas de sitios Web dinmicos.
Pginade
Pgina 77 de 144
Nombre Creando un sitio Web No. 8
Instrucciones
para el Alumno En las siguientes imgenes se muestra como crear un sitio Web.
Manera
Didctica Al identificar la secuencia de las imgenes
Actitudes a que se muestran, para crear un sitio Web.
formar Orden de
Lograrlas
Competencias
Genricas a 7. Aprende por iniciativa e inters propio a lo largo de la vida.
Desarrollar
Manera
Didctica de a) Define metas y da seguimiento a sus procesos de construccin de conocimiento.
Lograrlas
Veamos cmo se crea un sitio local en nuestra mquina llamado CECyTE, el cual contendr todos los
archivos de nuestra pgina Web.
Pginade
Pgina 78 de 144
En el campo Nombre del sitio, se escribe el nombre
del sitio (en este caso CECyTE). Conviene que sea
corto. El nombre del sitio slo permite identificarlo
internamente y seleccionarlo fcilmente en la lista
de sitios que se van definiendo (si es que hay ms
de uno).
Pginade
Pgina 79 de 144
Por ltimo nos muestra el resumen de nuestro sitio
Web.
Pginade
Pgina 80 de 144
Nombre Dividiendo t pagina. No. 11
Los marcos HTML permiten a los autores presentar documentos con vistas mltiples, que pueden ser
ventanas o subventanas independientes. Las vistas mltiples ofrecen a los autores una manera de
mantener cierta informacin visible mientras otras vistas se desplazan o se sustituyen. Por ejemplo,
dentro de una misma ventana, un marco podra mostrar un grfico esttico, un segundo marco un
men de navegacin, y un tercero el documento principal que puede ser desplazado, o reemplazado
al navegar por el segundo marco.
Panel de Marcos(Frames Panel): este comando abre el panel de Frames, el cual muestra y permite
editar los Frames o Marcos que contiene la Pgina Web. Los Frames son pginas Web
independientes que se muestran sobre otra pgina Web ocupan todo un margen; generalmente en la
esquina o a un lado.
Pginade
Pgina 81 de 144
Pginade
Pgina 82 de 144
Nombre Utilizando los Frames No. 9
Instrucciones
para el Alumno Observa, lee y analiza los siguientes objetos.
Manera
Al observar en la figura como se puede
Actitudes a Didctica
Orden dividir la pantalla para organizar mejor la
formar de
informacin a mostrar utilizando frames
Lograrlas
Competencias
Genricas a 7. Aprende por iniciativa e inters propio a lo largo de la vida
Desarrollar
Manera
Didctica de a) Define metas y da seguimiento a sus procesos de construccin de conocimiento.
Lograrlas
Pginade
Pgina 83 de 144
Nombre Aprende a crear un sitio Web No. 9
Instrucciones
Presta atencin al docente en la demostracin prctica; pregunta todas las dudas
para el Alumno que tengas. Realiza la prctica indicada por el profesor.
Instrucciones
Se recomienda una demostracin prctica sobre la creacion de Frames, haciendo
para el Docente notar la importancia de utilzar los frames.
Manera
Despus de la demostracin el alumno
Actitudes a Orden Didctica de
formar elaborar un pgina Web.
Lograrlas
Pginade
Pgina 84 de 144
Nombre La importancia de los comentarios No. 10
Instrucciones
para el Alumno Observa y lee la informacin que se proporciona a continuacin.
Manera
Actitudes a Didctica Al observar en la figura para insertar un
Orden
formar de comentario.
Lograrlas
Competencias
Genricas a 7. Aprende por iniciativa e inters propio a lo largo de la vida.
Desarrollar
COMENTARIOS
Un comentario es un texto informativo que se anexa en una pgina
Web, con el objetivo de identificar las lneas de cdigo de la
aplicacin.
Pginade
Pgina 85 de 144
Aqu nos muestra el comentario insertado en el ejemplo.
Pginade
Pgina 86 de 144
Nombre Insercin de etiquetas secundarias. No. 11
Instrucciones
para el Alumno Observa y lee la informacin que se proporciona a continuacin.
Manera
Actitudes a Didctica Al observar en la figura para insertar algunas
Orden
formar de etiquetas secundarias.
Lograrlas
Competencias
Genricas a 7. Aprende por iniciativa e inters propio a lo largo de la vida.
Desarrollar
Contadores de Visitas
Los contadores de visitas llevan el control del
nmero de visitantes que han consultado la
pgina Web.
Pginade
Pgina 87 de 144
Adicionar Marquesinas
Las marquesinas nos permiten anexar textos, imgenes, entre otros objetos con movimiento dentro
de la pgina Web.
Aunque algunos editores no cuentan con esta herramienta, lo que podemos hacer es activar la vista
cdigo y escribir el cdigo de la marquesina.
Pginade
Pgina 88 de 144
Nombre Insercin de tablas. No. 12
Instrucciones
para el Alumno Observa y lee la informacin que se proporciona a continuacin sobre las tablas.
Manera
Actitudes a Didctica Al observar en la figura para insertar tablas y
Orden
formar de organizar mejor la informacin.
Lograrlas
Competencias
Genricas a 7. Aprende por iniciativa e inters propio a lo largo de la vida.
Desarrollar
Las tablas representan relaciones entre datos, una tabla est compuesta por filas y columnas,
donde a la interseccin entre una fila y una columna se le conoce como celda.
Este icono permite agregar una tabla a la pgina Web. sta tabla permite acomodar en sus
recuadros imgenes, y textos permitiendo tener una mejor estructura en tus pginas.
Pginade
Pgina 89 de 144
Observa esta ventana e investiga cul es su funcionamiento.
Manera
Actitudes a Didctica Al observar la secuencia de las figuras para
Orden
formar de insertar Imgenes dentro de la pgina Web.
Lograrlas
Competencias
Genricas a 7. Aprende por iniciativa e inters propio a lo largo de la vida.
Desarrollar
Pginade
Pgina 90 de 144
Este icono contiene un submen que permite insertar una imagen, un apartador de imagen, una
imagen cambiante una imagen Web HTML de Fireworks o una barra de Navegacin.
Se recomienda que las imgenes que se manejen estn almacenadas en el mismo directorio de la
pgina Web, al momento en que se coloque en servidor de Internet. Observa y analiza la siguiente
ventana con tus compaeros y profesor.
NOTA.- Busca dos imgenes sobre tu deporte favorito y almacnalas en una carpeta denominada
mi primera pgina Web.
Pginade
Pgina 91 de 144
Nombre Insercin de elementos multimedia. No. 14
Manera
Actitudes a Didctica Al observar la secuencia de las figuras para
Orden
formar de insertar elementos multimedia.
Lograrlas
Competencias
Genricas a 7. Aprende por iniciativa e inters propio a lo largo de la vida
Desarrollar
Este icono abre un men flotante que permite insertar elementos como:
Animaciones Flash, botones animados, applets de Java, Controladores
ActiveX y plugins.
Pginade
Pgina 92 de 144
Nombre Insercin de botones activables. No. 15
Manera
Actitudes a Didctica Al observar la secuencia de la explicacin de
Orden
formar de las figuras para insertar botones activables.
Lograrlas
Competencias
Genricas a 7. Aprende por iniciativa e inters propio a lo largo de la vida
Desarrollar
Pginade
Pgina 93 de 144
Nombre Presta atencin a la explicacin media No. 10
El docente realizara una demostracin practica, y el alumno deber anotar las
Instrucciones dudas que preguntara al final de la sesin y a continuacin realizara la
para el Alumno prctica indicada por el profesor.
Manera
a) Expresa ideas y conceptos mediante representaciones lingsticas,
Didctica de matemticas o grficas.
Lograrlas
Pginade
Pgina 94 de 144
Nombre Que es un Formulario? No. 12
Formularios Manera
Didctica Se requiere que el alumno analice estos
Saberes a Elementos de un de trminos necesarios para cumplir con los
adquirir formulario Lograrlos conocimientos de los formularios, sus
elementos y su funcionamiento.
Crear Formularios
Un formulario es una aplicacin que se utiliza para recoger datos de los usuarios, nos pueden servir
para realizar un pedido en una tienda virtual, crear una encuesta, conocer las opiniones de los
usuarios, recibir preguntas, hacer suscripciones a un boletn o revista que editemos, etc.
Una vez el usuario rellena los datos y pulsa el botn para enviar el formulario se arrancar un
programa que recibir los datos y har el tratamiento correspondiente (una base de datos por
ejemplo).
Un formulario est formado, entre otras cosas, por etiquetas, campos de texto, mens desplegables,
y botones.
Pginade
Pgina 95 de 144
Pginade
Pgina 96 de 144
Nombre No
Elementos del formulario 11
.
Instrucciones Realiza una investigacin sobre los elementos que se pueden integrar en un
para el Alumno formulario.
Pginade
Pgina 97 de 144
Nombre Presta atencin a la explicacin de formularios No. 12
Instrucciones Presta atencin al docente en la demostracin prctica; pregunta todas las dudas
para el Alumno que tengas. Realiza la prctica indicada por el profesor.
Instrucciones
Se recomienda una demostracin prctica sobre la creacin de formularios y la
para el Docente manipulacin de datos a un correo electrnico y a una base de datos.
Pginade
Pgina 98 de 144
Nombre Diseando una pgina Web en un editor visual. No. 1
Contenido o
Competencia a Disear una pgina Web con un software de aplicacin.
desarrollar
Pginade
Pgina 99 de 144
Instrucciones
Computadora, Internet y software de diseo.
para docente
Recursos
materiales de Computadora, Internet y software de diseo.
apoyo
Manera
Actitudes a Didctica Realiza la pgina Web cumpliendo con los
Orden
formar de criterios solicitados de forma sistemtica
Lograrlas
Pginade
Pgina 100 de 144
Nombre Conectando tus paginas No. 13
Vnculos
Manera Se requiere que el alumno analice estos
Hipervnculos
Didctica trminos necesarios para cumplir con los
Saberes a Direcciones de conocimientos sobre los vnculos e
adquirir absolutas Lograrlos hipervnculos para realizar lo links a las
paginas Web.
Direcciones
Relativas
Los libros al momento de que los leemos son secuenciales: una letra y otra y una pgina y as hasta
el final; en cambio los documentos multimedia son hipertextos. Donde el visitante va a navegar por
los apartados que sean de su inters, se detiene en un punto lo consulta y vuelve nuevamente, es
decir navega por la informacin.
Pginade
Pgina 101 de 144
Pero qu sucede cuando envas un sitio Web al proveedor de Internet? Probablemente lo has
alojado en una carpeta del estilo Cecyte dentro de algn servidor. La pgina index no est en la
misma ruta que como estaba en la PC. No est en C:\Documents and Settings\SeRGio\Mis
documentos\Sergio\ del servidor.
El servidor tiene su propia estructura y organiza sus propias ubicaciones. La direccin absoluta que
era vlida en la computadora en la cual se dise el sitio, pero no lo es en el servidor.
Una ubicacin relativa se refiere respecto de la pgina principal (ndex). Si tienes todas las pginas
de un sitio Web en la misma carpeta, la direccin relativa es simplemente el nombre del fichero, sin
nada por delante.
Al remitirlo a tu proveedor de Internet, las direcciones relativas funcionan exactamente igual que en la
computadora de diseo. Si alojas las distintas pginas Web en carpetas que cuelgan de la principal,
la direccin relativa es la ruta desde la pgina principal hasta la carpeta y fichero en cuestin.
Pginade
Pgina 102 de 144
Nombre Referencias No. 16
Instrucciones
para el Alumno Lee con atencin el siguiente texto. En l se muestran algunas imgenes y
explicaciones para una referencia relativa.
Manera
Actitudes a Didctica Al identificar la secuencia de las imgenes
Orden de que se muestran, as como el tipo de
formar
Lograrlas referencia relativa o absoluta.
Competencias
Genricas a 7. Aprende por iniciativa e inters propio a lo largo de la vida.
Desarrollar
Manera c) Articula saberes de diversos campos y establece relaciones entre ellos y su vida
Didctica de cotidiana.
Lograrlas
Pginade
Pgina 103 de 144
Un ejemplo de una direccin absoluta
es cuando realizamos un hipervnculo
a una pgina Web que no se
encuentra dentro de nuestra carpeta o
sitio Web.
C:/Documents and
Settings/SeRGio/Escritorio/Web
Acapulco/
Pginade
Pgina 104 de 144
Nombre Saltando en tu documento No. 17
Instrucciones
para el Alumno Lee con atencin el siguiente texto. En l se muestran algunas imgenes y
explicaciones para una referencia relativa.
Manera
Actitudes a Didctica Al identificar la secuencia de las imgenes
Orden de que se muestran, as como el tipo de
formar
Lograrlas referencia relativa o absoluta.
Competencias
Genricas a 7. Aprende por iniciativa e inters propio a lo largo de la vida.
Desarrollar
Manera
Didctica de a) Define metas y da seguimiento a sus procesos de construccin de conocimiento.
.
Lograrlas
Un marcador es muy similar a un ancla y nos sirve para identificar el lugar a donde la pgina
se va a conectar por medio de un hipervnculo.
Pginade
Pgina 105 de 144
Nos genera: <a name="hola"></a>
Donde hola es el nombre del marcador.
Ahora vamos a conectar el hipervnculo a la marca antes establecida.
Pginade
Pgina 106 de 144
Nombre Efectos en tus conexiones No. 18
Instrucciones
Lee con atencin el siguiente texto. En l se muestran algunas imgenes y
para el Alumno explicaciones para proporcionar efectos a tus vnculos e hipervnculos.
Manera
Actitudes a Didctica Al identificar la secuencia de las imgenes
Orden de que se muestran, as como los efectos de
formar
Lograrlas vnculos e hipervnculos.
Competencias
Genricas a 7. Aprende por iniciativa e inters propio a lo largo de la vida.
Desarrollar
Pginade
Pgina 107 de 144
Una vez que guardemos el archivo abramos la pgina Web donde vemos que el aspecto de los
hipervnculos cambia.
Macromedia Dreamweaver.
Tambin se puede cambiar el aspecto de los hipervnculos en una imagen para que al colocar el
cursor sustituya una imagen por otra.
Pginade
Pgina 108 de 144
Nombre Observa con atencin No. 13
Instrucciones Presta atencin al docente en la demostracin prctica; pregunta todas las dudas
para el Alumno que tengas. Realiza la prctica indicada por el profesor.
Manera
Al poner atencin a la secuencia de
Didctica
Actitudes a Orden operaciones que realiz el profesor y al
formar de
expresar sus dudas.
Lograrlas
Pginade
Pgina 109 de 144
Nombre Manipulacin en tus conexiones No. 19
Instrucciones
Lee con atencin el siguiente texto. En l se muestran algunas imgenes y
para el Alumno explicaciones para manipular las conexiones en los frames.
Manera
Actitudes a Didctica Al identificar la secuencia de las imgenes
Orden de que se muestran, as como la manipulacin
formar
Lograrlas de las conexiones con los frames.
Competencias
Genricas a 7. por iniciativa e inters propio a lo largo de la vida.
Desarrollar
Manera c). Articula saberes de diversos campos y establece relaciones entre ellos y su vida
Didctica de cotidiana
Lograrlas
Veamos un ejemplo de cmo podemos manipular la conexin a las pginas Web en cualquier
software de aplicacin.
Cuando insertamos un hipervnculo podemos modificar ciertos parmetros como el texto, el vnculo
que ser la conexin a la pgina Web o el archivo a conectar.
El destino nos indica la ubicacin o destino donde aparece nuestra pgina o nuestro archivo.
Recuerda que en la competencia anterior utilizamos Marcos o Frames para poder organizar la
informacin de las pginas Web.
Pginade
Pgina 110 de 144
Lo ms interesante de los Frames es la posibilidad que tienen de interactuar entre s, es decir
pulsar un enlace en el Frame 1 y cargar el contenido en el Frame 2.
<html>
<head>
<title>EJEMPLO DE FRAMES</title>
</head>
<Frameset rows="80,*" cols="*" Framespacing="10" Frameborder="yes" border="10"
bordercolor="#00FF00">
<Frame src="arriba.htm" name="topFrame" scrolling="SI" noresize>
<Frameset rows="*" cols="127,*" Framespacing="10" Frameborder="yes" border="10"
bordercolor="#00FF00">
<Frame src="izquierdo.htm" name="leftFrame" scrolling="SI" noresize>
<Frame src="central.htm" name="mainFrame"></Frameset>
</Frameset>
<noFrames><body>
</body></noFrames>
</html>
Recuerda que hay ciertos valores reservados para TARGET cuando queremos realizar un
hipervnculo.
Pginade
Pgina 111 de 144
Nombre Manipulando la conexin a las pginas Web No. 20
Instrucciones Presta atencin al docente en la demostracin prctica; pregunta todas las
para el Alumno dudas que tengas. Realiza la prctica indicada por el profesor.
Competencias
Genricas a
5. Desarrolla innovaciones y propone soluciones a problemas a partir de
Desarrollar mtodos establecidos.
Pginade
Pgina 112 de 144
Diseando una pgina Web en un editor visual con caractersticas
Nombre especificas.
No. 2
Contenido o
Competencia a Disear una pgina Web con un software de aplicacin.
Desarrollar
Recursos
materiales de Computadora y software de diseo Web.
apoyo
Pginade
Pgina 113 de 144
Instrucciones para el alumno.- Realiza de formar ordenada y con
responsabilidad los pasos siguientes:
1. Crea una carpeta con el nombre de hipervnculos.
2. Abre el software de diseo de pginas Web.
3. Crea un nuevo Sitio Web llamado con tu nombre y gurdalo en la carpeta antes
creada.
4. Genera una pgina Web llamada ndex, sobre tus amigos con 3 Frames
(izquierdo, arriba y en el centro).
Arriba
Izquierdo Centro
Pginade
Pgina 114 de 144
14. Realiza un hipervnculo de regreso a la pgina principal para cada una de
las pginas de tus amigos.
15. Modifica los efectos de conversin de hipervnculos en el software de
diseo.
16. Prueba y revisa que tu pgina cumpla con todo lo que se te pide. Guarda la
carpeta completa donde se almacen tu sitio Web, en algn medio de informacin.
17. Llama al docente para que te revise la prctica.
Instrucciones
para el Verificar que los alumnos desarrollen cada uno de los pasos indicados.
docente
ATRIBUTOS DE
3.7. Almacenar pginas Web en un servidor gratuito o delicado
LA
COMPETENCIA
El docente realiza una demostracin prctica en donde se aplique un ejemplo de cmo almacenar
una pgina Web en un servidor, as como la mencin de algunos servidores Web gratuitos que
permiten almacenar estas pginas.
Pginade
Pgina 115 de 144
Nombre Los servidores Web No. 14
Investiga lo siguiente:
Instrucciones 1. Que es un Servidor Web?
2. Que es una arquitectura cliente Servidor?
para el Alumno
3. Que es un servidor Web dedicado o gratuito?
Manera
Didctica El anlisis de la investigacin que se
Saberes a Servidor Web de realizar a travs de un medio
adquirir Lograrlos electrnico o bibliogrfico.
Pginade
Pgina 116 de 144
Nombre Identifica la diferencia. No. 21
Instrucciones
para el Alumno Analiza las siguientes imgenes con tus compaeros
Manera
Visualiza e identifica la diferencia de la
Didctica
Actitudes a Orden referencia y/o ubicacin donde se encuentra
formar de
almacenada la pgina Web.
Lograrlas
Competencias
Genricas a 4. Escucha, interpreta y emite mensajes pertinentes en distintos contextos
mediante la utilizacin de medios, cdigos y herramientas apropiados.
Desarrollar
Pginade
Pgina 117 de 144
Decamos tambin que una URL (Uniform Resource Locator): Es la direccin que se digita
en el computador para que ste muestre la pgina Web que se desea ver en INTERNET.
Pginade
Pgina 118 de 144
No
Nombre Aprende a almacenar tus pginas Web en un servidor gratuito . 15
Instrucciones
Presta atencin al docente en la demostracin prctica; pregunta todas las
para el Alumno dudas que tengas. Realiza la prctica indicada por el profesor.
Instrucciones
Se recomienda una demostracin prctica en donde se explique como
para el Docente almacenar las paginas Web en un servidor dedicado o gratuito.
Manera
Al poner atencin a la secuencia de
Didctica
Actitudes a Orden operaciones que realiza el profesor y al
formar de
expresar tus dudas.
Lograrlas
Manera
e) Maneja las tecnologas de la informacin y la comunicacin para obtener
Didctica de informacin y expresar ideas.
Lograrlas
Pginade
Pgina 119 de 144
Nombre No. 5
Almacenando una pgina Web en un servidor Web gratuito.
Contenido o
Competencia a Disear una pgina Web con un software de aplicacin.
Desarrollar
Instrucciones
para el El docente evaluar las pginas Web de los alumnos, revisndolas desde la
direccin de Internet proporcionada.
Docente
Recursos
materiales de Computadora e Internet.
apoyo
Manera
Orden Didctica Investiga un servidor gratuito para
Actitudes a
formar Responsabilidad de almacenar la pgina Web.
Lograrlas
Pginade
Pgina 120 de 144
Competencias 4. Escucha, interpreta y emite mensajes pertinentes en distintos contextos
Genricas a mediante la utilizacin de medios, cdigos y herramientas apropiados.
Desarrollar
Manera
b) Aplica distintas estrategias comunicativas segn quienes sean sus
Didctica de interlocutores, el contexto en el que se encuentra y los objetivos que persigue.
Lograrlas
Los ejercicios y prcticas ejecutados en este contenido, permiten que t adquieras los atributos y
destrezas, conocimientos y actitudes necesarias para Disear una pgina Web con un software de
aplicacin, para establecer etiquetas primarias y secundarias, frames, tablas, imgenes, sonido,
video, formularios, links, hipervnculos, as como subir las pginas Web a un servidor Web gratuito.
Pginade
Pgina 121 de 144
Publicar pginas Web en los
servidores de Internet.
4
Pginade
Pgina 122 de 144
Finalmente ha llegado el momento de publicar nuestro trabajo. Todas los contenidos o competencias
desarrolladas hasta este momento no tendran sentido si nuestras pginas no se publicaran. Para ello
entonces, los ejemplos, ejercicios y prcticas permitirn que al finalizar la competencia tu ests en
posibilidad de almacenar tus pginas en un servidor ya sea gratuito o en su caso dedicado. Asimismo,
durante esta parte de curso, dominars claramente las capacidades para el manejo de software de
comunicacin va FTP.
El docente solicita una investigacin sobre las ventajas y desventajas de por lo menos tres servidores
Web que permitan almacenar las pginas Web.
Pginade
Pgina 123 de 144
Nombre Quin traslada tus archivos? No. 16
Manera
Didctica
Saberes a Protocolo de transferencia de El anlisis de la informacin.
Ftp Lograrlos
adquirir
Por lo general, los programas servidores FTP no suelen encontrarse en los ordenadores
personales, por lo que un usuario normalmente utilizar el FTP para conectarse remotamente
a uno y as intercambiar informacin con l.
Las aplicaciones ms comunes de los servidores FTP suelen ser el alojamiento Web, en el
que sus clientes utilizan el servicio para subir sus pginas Web y sus archivos
correspondientes; o como servidor de backup (copia de seguridad) de los archivos
importantes que pueda tener una empresa.
Cuando un navegador no est equipado con la funcin FTP, o si se quiere cargar ficheros en
un ordenador remoto, se necesitar utilizar un programa cliente FTP. Un cliente FTP es un
programa que se instala en el ordenador del usuario, y que emplea el protocolo FTP para
conectarse a un servidor FTP y transferir archivos, ya sea para descargarlos o para subirlos.
Pginade
Pgina 124 de 144
Para utilizar un cliente FTP, se necesita conocer el nombre del fichero, el ordenador en que
reside (servidor, en el caso de descarga de archivos), el ordenador al que se quiere transferir
el archivo (en caso de querer subirlo nosotros al servidor), y la carpeta en la que se
encuentra.
Nombre No. 22
Aplicacin Ftp
Competencias
Genricas a 7.- Aprende por iniciativa e inters propio a lo largo de la vida.
Desarrollar
Manera c). Articula saberes de diversos campos y establece relaciones entre ellos y su
Didctica de vida cotidiana.
Lograrlas
Pginade
Pgina 125 de 144
(1) El programa FTP en ejecucin
(2) Creando una nueva cuenta en el programa. Esta
cuenta ya debe estar dada de alta en el servidor
donde se va a almacenar la pgina y regularmente la
crea el administrador del mismo.
Pginade
Pgina 126 de 144
(2) Datos de la cuenta (6) Tipo de cuenta
Pginade
Pgina 127 de 144
(9) La pgina antes de subir archivos (10) Los archivos que se van a subir.
Pginade
Pgina 128 de 144
(13) Comenzando a subir los archivos. (14) Subiendo los archivos. Obsrvese el avance de
cada uno.
Pginade
Pgina 129 de 144
Nombre Complementa la informacin No. 17
Instrucciones Realiza una investigacin sobre los servidores dedicados o gratuitos.
para el Alumno
Manera
El alumno le da un orden a la investigacin
Actitudes a Orden Didctica de
formar realizada, complementando la tabla.
Lograrlas
3 ventajas
Pginade
Pgina 130 de 144
3 desventajas
Principal
caracterstica
Pginade
Pgina 131 de 144
Nombre Almacenando en un servidor gratuito No. 18
Localiza alguna de las pginas creadas durante este curso, crea una cuenta en
Instrucciones un servidor gratuito. Sube los elementos de una pgina a la direccin Web
para el Alumno asignada mediante un programa FTP. Muestra el trabajo al resto del grupo.
Pginade
Pgina 132 de 144
Nombre Almacenando en un servidor dedicado No. 19
El docente te proporcionar los datos de una cuenta en un servidor dedicado.
Instrucciones Una vez realizado lo anterior, localiza una pgina Web y sbela al servidor
para el Alumno mediante software FTP.
Manera
El alumno almacena la pgina Web en un
Didctica
Actitudes a Orden servidor dedicado, utilizando una aplicacin
formar de
FTP.
Lograrlas
Pginade
Pgina 133 de 144
Nombre Publicando las pginas en un servidor Web. No. 6
Contenido o
Competencia a Publicar pginas Web en los servidores de Internet.
Desarrollar
Recursos
materiales de Computadora, Internet y software de diseo Web.
apoyo
Localiza alguna pgina creada en las prcticas anteriores. Crea una cuenta en un
Instrucciones servidor gratuito y sube la pgina ah. Luego el docente te proporcionar una
para el Alumno cuenta en un servidor Web en donde podrs subir tu pgina por segunda ocasin.
Esto es, tendrs tu pgina en un servidor gratuito y un servidor dedicado.
Pginade
Pgina 134 de 144
Recursos
materiales de Computadora e Internet y pginas ya elaboradas.
apoyo
Orden Manera
Actitudes a Didctica Investiga un servidor gratuito para
Responsabilidad
formar de almacenar la pgina Web.
Creatividad Lograrlas
Manera
b) Aplica distintas estrategias comunicativas segn quienes sean sus
Didctica de interlocutores, el contexto en el que se encuentra y los objetivos que persigue.
Lograrlas
Pginade
Pgina 135 de 144
Nombre Prctica Integradora General. No. 3
9 Utilizar los elementos fundamentales del diseo.
Contenido o 9 Manejar los elementos bsicos de un lenguaje usado en la creacin de
Competencia a pginas WEB (HTML, DHTML, ASP, Java Script, CSS u otros).
Desarrollar 9 Disear una pgina Web con un software de aplicacin.
9 Publicar pginas web en los servidores de Internet.
1.1. Analizar las teoras del diseo (minimalismo, conceptualismo, etc.).
1.2. Identificar el impacto y el enfoque en diseos existentes.
1.3. Disear formatos considerando las zonas ureas, direccin, sentido y
equilibrio.
1.4. Aplicar la teora del color considerando el crculo cromtico, contrastes, el
RGB (Red, Green, Blue) y CMY (Cyan, Magenta, Yellow).
2.1. Definir Objetivos y contenidos de la pgina Web.
2.2 Esquematizar la estructura general de una pgina Web
2.3. Utilizar Etiquetas en una pgina Web.
2.4. Establecer vnculos e hipervnculos
2.5. Manipular objetos y formularios en una pgina Web.
2.6. Manipular tablas en una pgina Web
Atributos de la
2.7. Manipular Imgenes y animaciones en una pgina Web.
Competencia 2.8. Definir secciones de mapeo de imgenes en una pgina web.
2.9. Insertar Sonido y Video en una pgina Web.
2.10. Implementar servicios de correo en una pgina web.
3.1. Definir Objetivos y contenidos de la pgina Web.
3.2. Establecer Etiquetas (principales y secundarias, Caracteres especiales) en
la pgina Web.
3.3. Establecer Links dentro de la pgina Web, entre pginas Web y entre
servidores.
3.4. Manipular Imgenes dentro de una pgina Web.
3.5. Estructurar tablas en una pgina Web.
3.6. Insertar Sonido y Video en una pgina Web.
3.7. Almacenar pginas Web en un servidor dedicado o gratuito.
Pginade
Pgina 136 de 144
3.8. Identificar los servidores de Internet disponibles para publicacin de
informacin.
3.9. Seleccionar un servidor de Internet considerando las caractersticas de la
pgina Web.
3.10. Utilizar la pgina del servidor de Internet para alojar una pgina Web.
3.11 Verificar el funcionamiento de la pgina Web dentro del servidor
seleccionado.
Recursos
materiales de Computadora, Internet y software de diseo Web.
apoyo
Instrucciones
Realiza la prctica Integradora proporcionada por tu profesor.
para el Alumno
Recursos
materiales de Computadora e Internet y pginas ya elaboradas.
apoyo
Manera
Actitudes a Orden, respeto y Didctica
formar creatividad de
Elaboracin de pginas Web
Lograrlas
Pginade
Pgina 137 de 144
Los ejemplos, ejercicios y prcticas que se han propuesto en esta gua de aprendizaje te permitirn
desarrollar los temas o atributos, conocimientos y actitudes con respecto al diseo de formatos
publicitarios, logotipos, invitaciones. Para lograr tu plena capacidad en este aspecto se recurri a
diferentes actividades que fueron presentados de acuerdo a su dificultad, iniciando en las ms
sencillas y finalizando por las ms complicadas.
Para comprobar que has desarrollado los contenidos o competencias en todos los apartados
sealados con anterioridad, se utilizarn dos tipos de instrumentos de evaluacin: las GUAS DE
OBSERVACIN para medir tus desempeos y las LISTAS DE COTEJO para los productos logrados.
Pginade
Pgina 138 de 144
Esta gua esta concebida como un medio de aprendizaje en la educacin tcnica, de nivel medio
superior, que sin ser sustituto del docente, sirve de apoyo a la dinmica del proceso. Al orientar las
actividades de los alumnos en el aprendizaje significativo, a travs de situaciones problemticas y
tareas que garanticen la apropiacin activa critico- reflexiva y creadora de los contenidos, con la
adecuada direccin, y control de sus propios aprendizajes.
Pginade
Pgina 139 de 144
Castellanos Casas, Ricardo y Ferreira Corts, Gonzalo. (2003), Informtica 2. La herramienta
del nuevo Mileno. Mxico, DF. Editorial Alfaomega.
Gonzlez Trejo, Margarita y otros. (2000), Introduccin a Internet. Coleccin Guas y textos de
cmputo. Direccin General de Servicios de Cmputo Acadmico, UNAM.
Gonzlez Trejo, Margarita y otros. (2000), Introduccin a Internet. Gua didctica y cuaderno
de prcticas. Coleccin Guas y textos de cmputo. Direccin General de Servicios de
Cmputo Acadmico, UNAM.
Ibarra Delgado, Alma y otros. (2000), Pginas para Internet. Coleccin Guas y textos de
cmputo. Direccin General de Servicios de Cmputo Acadmico, UNAM.
Ibarra Delgado, Alma y otros. (2000), Pginas para Internet. Gua didctica y cuaderno de
prcticas. Coleccin Guas y textos de cmputo. Direccin General de Servicios de Cmputo
Acadmico, UNAM.
Page, Khristine Annwn. (2004), Dreamweaver MX 2004: Trucos esenciales versin dual.
Anaya Multimedia-Anaya Interactiva.
Pea de San Antonio, scar. (2001), Dreamweaver 4: administracin de sitios y pginas Web.
Ra-Ma, Librera y Editorial Microinformtica.
Pginade
Pgina 140 de 144
Prez, Csar. (2003), Curso prctico multimedia de Dreamweaver MX. Garben.
S.A. (2004), Diseo web con HTML y FrontPage XP. Grupo Eidos
Talavera Rosales, Alejandro. (2002), Pginas interactivas para Internet. Coleccin Guas y
textos de cmputo. Direccin General de Servicios de Cmputo Acadmico, UNAM.
www.aulaclic.com
www.lawebdelprogramador.com
www.forosdelweb.com
www.webexperto.com
Pginade
Pgina 141 de 144
ACTIVE X: Lenguaje desarrollado por Microsoft para la elaboracin de aplicaciones exportables a la
red y capaces de operar sobre cualquier plataforma a travs, normalmente, de navegadores WWW.
APLICACIN: Es un programa que realiza una tarea especfica en el ordenador como el tratamiento
de textos, el tratamiento de imgenes, descompresin de archivos, etc.
BROWSER: (Navegador): Programa usado para visualizar documentos WWW en Internet. Los ms
utilizados en estos momentos son Netscape e Internet Explorer.
CELDA: Elemento de una tabla, se forma de la interseccin entre una fila y una columna.
COMANDO: En programacin, es una instruccin o sentencia del lenguaje, que est sujeto a su
sintaxis. Realiza tareas predefinidas.
COMPRESIN: Es la accin de hacer mas pequeo el tamao de un archivo con el fin de que ocupe
menos espacio.
DEGRADADOS: Las herramientas de degradado crean una fusin gradual entre varios colores.
Puedes seleccionar rellenos de degradado existentes o crear los suyos propios.
DESTINATARIOS: Direcciones de correo electrnico a las cuales ser enviado un archivo o correo
electrnico.
FORMATO DE ARCHIVO: Patrn o forma que utiliza un programa para almacenar los documentos
que produce. Existen formatos de texto, de imgenes, de sonido, etc. Se identifica por la extensin:
un punto y una abreviatura del formato. Por e .doc / .gif / .mp3.
Pginade
Pgina 142 de 144
FPS: Fotogramas por segundo, es la unidad de medida para la velocidad con la que se reproducen
los videos y animaciones.
GIF: Graphic Interchange Format. Formato de Intercambio Grfico, un formato de archivos grficos
popularizado inicialmente por Compuserve.
HIPERVNCULO: Acceso directo mediante una palabra o imagen a una hoja de un documento, o a
otro archivo en otra ubicacin, muy utilizado para navegar por Internet, por varias pginas en
diferentes partes del mundo unidas por hipervnculos.
INTERFAZ: Conjunto de especificaciones permiten la conexin del ordenador con los perifricos de
entrada y salida.
MP3: Tipo de formato de archivos de msica digital comprimida. Es la ltima tecnologa en msica
digital.
MPEG: Moving Pictures Expert Group. Se trata de un modo estndar de comprimir vdeo e imgenes
en movimiento.
PALETAS: Las paletas le ayudan a supervisar y modificar imgenes. Las paletas aparecen por
defecto apiladas en grupos.
PNG (PORTABLE NETWORK NETWORK): Grficos portables de red. Formato grfico muy completo
especialmente pensado para redes.
RGB (RED, GREEN AND BLUE): Son los tres colores usados para producir la luz visual. Estos tres
colores se intercalan dentro de los tubos del monitor permitiendo formar distintas imgenes que luego
se visualizan.
TABLA: Esta formada por un conjunto de filas y columnas que a su vez forman Celdas, es utilizada
para agrupar en sus celdas datos.
WORLD WIDE WEB (RED MUNDIAL, CONOCIDO TAMBIN COMO: WWW, W3): Sistema de
arquitectura cliente/servidor para distribucin y obtencin de informacin en Internet basado en
hipertexto o enlaces. Sistema de adquisicin de informacin a travs de pginas web y visualizando
estas en un navegador.
Pginade
Pgina 143 de 144
Pginade
Pgina 144 de 144