Paginas Web

Tcnico en
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
Submdulo III Elaboracin de pginas Web.
Contenido o Competencia 1 Contenido o Competencia 2
2. Manejar los elementos bsicos de un

1. Utilizar los elementos fundamentales lenguaje usado en la creacin de pginas
del diseo. WEB (HTML, DHTML, ASP, Java Script,
CSS u otros).
Atributos de la competencia Atributos de la competencia
1.1. Analizar las teoras del 2.1. Definir Objetivos y contenidos

diseo (minimalismo, de la pgina Web.
conceptualismo, etc.). 2.2 Esquematizar la estructura
1.2. Identificar el impacto y el general de una pgina Web
enfoque en diseos existentes. 2.3. Utilizar Etiquetas en una
1.3. Disear formatos pgina Web.
considerando las zonas ureas, 2.4. Establecer vnculos e
direccin, sentido y equilibrio. hipervnculos
1.4. Aplicar la teora del color 2.5. Manipular objetos y formularios
considerando el crculo en una pgina Web.
cromtico, contrastes, el RGB 2.6. Manipular tablas en una pgina
(Red, Green, Blue) y CMY Web
(Cyan, Magenta, Yellow). 2.7. Manipular Imgenes y
animaciones en una pgina Web.
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.
Pginade
Pgina 6 de 144
Tcnico en Informtica
Mdulo II Redes de rea local Creacin de productos multimedia a travs de

software de diseo.
Submdulo III Elaboracin de pginas Web.
Contenido o competencia 3 Contenido o competencia 4
3. Disear una pgina Web con un

4. Publicar pginas Web.
software de aplicacin.
Atributos de la Competencia Atributos de la Competencia
3.1. Definir Objetivos y contenidos 4.1. Identificar los servidores de

de la pgina Web. Internet disponibles para publicacin
3.2. Establecer Etiquetas de informacin.
(principales y secundarias, 4.2. Seleccionar un servidor de
Caracteres especiales) en la pgina Internet considerando las
Web. caractersticas de la pgina Web.
3.3. Establecer Links dentro de la 4.3. Utilizar la pgina del servidor de
pgina Web, entre pginas Web y Internet para alojar una pgina Web.
entre servidores. 4.4. Verificar el funcionamiento de la
3.4. Manipular Imgenes dentro de pgina Web dentro del servidor
una pgina Web. seleccionado.
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 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.
Suena interesante verdad?
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.
Nuestro submdulo se complementa con 2 submdulos ms que son: Utilizacin de software de

diseo para el manejo de grficos y Generacin de animaciones con elementos multimedia utilizando
las aplicaciones actuales. Lo que te permite disear grficos, animaciones interactivas y creacin de
pginas Web.
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
1. Aplicar la teora del color.
2. Utilizar las etiquetas.
3. Establecer los links.
4. Manipular las imgenes.
5. Estructurar las tablas.
6. Insertar el sonido y el video.
7. Establecer las Etiquetas
8. Establecer los links.
9. Manipular las imgenes.
10. Estructurar las tablas.
11. Insertar el sonido y el video.
12. Almacenar la pgina Web.
13. Manipular los programas de aplicacin para correo electrnico.
14. Manipular los navegadores de Internet
15. Manipular los sistemas de comunicacin personal.
16. Operar los metabuscadores.
17. Proteger el equipo de los riesgos de Internet.
18. Utilizar los Servidores Web.
Producto
1. Diferentes esquemas de los fundamentos de diseo.
2. Formatos realizados.
3. Esquemas realizados.
4. Los objetivos definidos.
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
2. Buscando el mejor color
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.
Pero cmo lo lograras?
Es muy sencillo, aprenders a travs de actividades de aprendizaje tales como: ejercicios,

investigaciones, dinmicas, trabajo colaborativo, prcticas frente a la computadora y de muchas
formas ms, poco a poco irs alcanzando los conocimientos, pero sobre todo las competencias en el
manejo del software que te permitirn realizar trabajos donde el uso de colores, espacios y equilibrio
grfico sern importantsimos.
Para tal efecto, el contenido de esta primera competencia se distribuye en los siguientes temas:
Analizar las teoras del diseo.
Identificar el impacto y el enfoque en diseos existentes.
Disear formatos considerando las zonas, reas, direccin, sentido y equilibrio.
Aplicar la teora del color considerando el crculo cromtico, contrastes, el RGB y CMY.
Utilizar y manipular correo electrnico, mensajera instantnea.
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.
Adelante con este nuevo espacio de aprendizaje!
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).
RESULTADO DE Al trmino de los temas o habilidades el alumno identificar las

APRENDIZAJE teoras de diseo y del color.
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.
Teoras del diseo

(Minimalismo,
Conceptualismo).
Teora del color

(circulo cromtico,
RGB (Red, Green,
Manera
Blue), CMY (Cyan,
Didctica
Magenta, Yellow), La investigacin la podrs realizar a travs
Saberes a de
contrastes). de un medio electrnico o bibliogrfico.
adquirir Lograrlos
Funciones de diseo
(necesidades,
impacto, enfoque).
Diseo de formatos
(zonas ureas,
direccin y sentido,
equilibrio).
Pginade
Pgina 16 de 144
Nombre Combinacin de colores No. 2
Instrucciones Investiga las caractersticas principales de las Teoras del color.

para el Alumno
Teoras del diseo

(Minimalismo,
Conceptualismo).
Teora del color

(circulo cromtico,
RGB (Red, Green,
Manera
Blue), CMY (Cyan,
Didctica
Magenta, Yellow), La investigacin la podrs realizar a travs
Saberes a de
contrastes). de un medio electrnico o bibliogrfico.
adquirir Lograrlos
Funciones de diseo
(necesidades,
impacto, enfoque).
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
Competencias 4. Escucha, interpreta y emite mensajes pertinentes en distintos contextos

Genricas a mediante la utilizacin de medios, cdigos y herramientas apropiados.
Desarrollar
Manera 4.a) Expresaideasyconceptosmedianterepresentacioneslingsticas,matemticaso

Didctica de grficas.
Lograrlas
Pginade
Pgina 19 de 144
Figura 1
Pginade
Pgina 20 de 144

Nombre Arcoris No. 2
Instrucciones
para el Alumno Observa y analiza las siguientes imgenes.
Manera
Visualicen e identifiquen las propiedades de
Responsabilidad cada uno de ellos y comenta las que posee
formar de
cada una.
Lograrlas
Competencias 2. Es sensible al arte y participa en la apreciacin e interpretacin de sus

Genricas a expresiones en distintos gneros.
Desarrollar
Manera a). Valora el arte como manifestacin de la belleza y expresin de ideas,

Didctica de sensaciones y emociones.
Lograrlas
Imagen 1 RYB Imagen 2 RGB Imagen 3 CYM
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
5. Desarrolla innovaciones y propone soluciones a problemas a partir de mtodos

Competencias
Genricas a
establecidos.
Desarrollar
8. Participa y colabora de manera efectiva en equipos diversos.
5.b)Ordenainformacindeacuerdoacategoras,jerarquasyrelaciones
Manera
Didctica de 8.a) Propone maneras de solucionar un problema o desarrollar un proyecto en
Lograrlas equipo, definiendo un curso de accin con pasos especficos.
Que traigan la misma investigacin.
Discusin alargada sobre la creacin de mapas y cuadros.
Pginade
Pgina 23 de 144
Nombre No. 1
Rediseando
Contenido o
Competencia a Utilizar los elementos fundamentales del diseo.
Desarrollar
1.1. Analizar las teoras del diseo (minimalismo, conceptualismo, etc.).

Atributos de la 1.2. Identificar el impacto y el enfoque en diseos existentes.
1.3. Disear formatos considerando las zonas, reas, direccin, sentido y
Competencia
equilibrio.
1.4. Aplicar la teora del color considerando el crculo cromtico, contrastes, el
RGB (Red, Green, Blue) y CMY (Cyan, Magenta, Yellow).
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.
1. Consulta una pgina Web de alguna empresa comercial o de gobierno.

2. Identifica y analiza cada uno de sus elementos de su estructura, diseo y colores.
3. Copia la pgina completa en un documento en Word.
4. En alguna aplicacin (Adobe Photo shop) redisea la pgina Web, haciendo indicaciones y
observaciones de cada uno de los elementos de su estructura, diseo y colores.
5. Fundamenta los cambios y rediseos que realices en la pgina Web.
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:
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, reas, 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).
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
3. Navega y busca tu Informacin
4. Identificando la estructura
5. Repaso general de etiquetas
Pginade
Pgina 26 de 144
2. Programando en un lenguaje de Hipertexto.
3. Diseando segn las necesidades.
En esta ocasin juntos incursionaremos en el novedoso mundo de la programacin y el diseo de

pginas para Internet. Es importante que sepas que vamos a desarrollar nuestras capacidades, para
transformar ideas en un documento creado en un lenguaje de programacin, para la creacin de
pginas Web, logrando con ello transmitir informacin, colores, imgenes, movimiento, etc, es decir,
todos estos elementos tan manejados en la actualidad.
Suena interesante verdad?
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:
1. Definir objetivos y contenidos de la pgina Web.
2. Esquematizar la estructura general de una pgina Web.
3. Utilizar etiquetas en una pgina Web.
4. Establecer vnculos e hipervnculos.
5. Manipular objetos y formularios en una pgina Web.
6. Manipular tablas en una pgina Web.
7. Manipular imgenes y animaciones en una pgina Web.
8. Definir secciones de mapeo de imgenes en una pgina Web.
9. Insertar sonido y video en una pgina Web.
10. Implementar servicios de correo en una pgina Web.
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.
Iniciemos pues en este viaje del aprendizaje!
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.

ATRIBUTOS DE
2.5. Manipular objetos y formularios en una pgina Web.
LA
COMPETENCIA 2.6. Manipular tablas en una pgina Web.
2.7. Manipular imgenes y animaciones en una pgina Web.
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.
Estructurar una pgina Web, manipular objetos, etiquetas, vnculos

RESULTADO DE
e hipervnculos, tablas, imgenes, sonido, video, as como la
APRENDIZAJE implementacin de los servicios de correo en una pgina Web.
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
Instrucciones Lee con atencin la informacin que se te proporciona a continuacin.

para el Alumno
Manera Se requiere que el alumno analice los

Internet Didctica de trminos necesarios para cumplir con los
Saberes a Navegadores Web Lograrlos conocimientos de esta competencia, lo
adquirir esencial es que pueda determinar cual es el
funcionamiento de los navegadores.
Web (World Wide Web) en ocasiones se utiliza la

palabra Web como sinnimo de Internet.
El hipertexto es lo que permite que al hacer clic en una

palabra o grfico pasemos de la pgina en la que
estamos a otra pgina distinta.
Quin y cmo se crea la informacin en Internet?

Los servidores de Internet pertenecen a las
universidades, las instituciones pblicas y a las
empresas. Las empresas de hospedaje o Hosting
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.
La funcionalidad bsica de un navegador Web es permitir la visualizacin de documentos de texto,

posiblemente con recursos multimedia incrustados.
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.
Microsoft Internet Explorer
Mozilla FireFox
Pginade
Pgina 30 de 144
Nombre Buscadores Web No. 5
Instrucciones Lee con atencin la informacin que se te proporciona a continuacin.

para el Alumno
Internet
Buscadores Web Didctica de trminos necesarios para cumplir con los
Saberes a Tipos de Lograrlos conocimientos de esta competencia, lo
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

Desarrollar
Manera
e) Maneja las tecnologas de la informacin y la comunicacin para obtener
Didctica de informacin y expresar ideas.
Lograrlas
Recuerda que la informacin en Internet la generamos todos, y no siempre esta

correcta, por eso es importante compararla con otra bsqueda.
Tampoco la informacin que encontramos primero es la mas completa, ni tampoco

entre mas encontremos es mejor y no basta con solo copiar y pegar si no que
tenemos que seleccionar y depurar la informacin para que no lleve basura.
No olvides anotar siempre la direccin o referencia de la pgina en donde

encontraste esa informacin.
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.
9 Estructura de Didctica de trminos necesarios para cumplir con los
Saberes a una pgina Lograrlos conocimientos de esta competencia, lo
Web.
funcionamiento de los mismos.
9 Vnculos e
hipervnculos.
9 Navegadores
de Internet.
Pginade
Pgina 34 de 144
Nombre Una probadita No. 3
Identifica y analiza el cdigo presentado y comntalas con tus compaeros.

Instrucciones
para el Alumno Recuerda que el hipertexto es lo que permite que al hacer clic en una palabra o
grfico pasemos de la pgina en la que estamos a otra pgina distinta.
Manera
Orden Al revisar los pasos e ir los trabajando.
formar de
Lograrlas
Competencias
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.
La etiqueta de comienzo est delimitada por los caracteres < >.
Para ello necesitamos un editor de textos:
Un "editor de texto" es un programa que permite escribir y modificar archivos digitales

compuestos nicamente por texto sin formato, conocidos comnmente como archivos de
texto.
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.
NotePad o Bloc de notas es un editor

de texto simple incluido en los sistemas
operativos de Microsoft desde 1985. Su
funcionalidad es muy sencilla, con WordPad es un sencillo programa de
capacidades de formato (negrita, procesamiento de texto que viene
cursiva...) propias de procesadores de incluido en la lista de accesorios
textos, o facilidades de programacin gratuitos en Microsoft Windows.
(edicin hexadecimal, reemplazado de
texto...).
Pginade
Pgina 36 de 144
Veamos la estructura bsica de una pgina Web.
<html> Declara el inicio del programa
<head> Declara la cabecera y el ttulo de la pgina Web
<title>Mi Primer Pgina...</title>
</head>
<body bgcolor="#FFCC99"> Establece un color de fondo para el cuerpo del

programa.
Elaborar pginas Web utilizando las Texto que se muestra dentro de la pgina Web
aplicaciones actuales
</body> Se cierra el cuerpo del programa
</html> Cierra la etiqueta para el programa
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
Las etiquetas pueden estar escritas en minsculas o maysculas y

no marca error por eso, pero si sera un error no escribir las
etiquetas correctamente, lo que ocasionara que no se mostrara
correctamente nuestra pgina Web. Sin embargo es recomendable
que adoptemos un solo formato al escribirlas, es decir o todas la
etiquetas las escribimos solo con minsculas o todas las escribimos
con maysculas, esto para evitar que al momento de subir las
pgina al servidor, los enlaces generen error.
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.
Revisa las respuestas de cada uno de los alumnos.

Instrucciones
Una vez revisada la prctica, realimenta con todo el grupo las respuestas de la
para el docente
misma.
Manera El alumno describir cada una de las

Actitudes a Orden Didctica de etiquetas que le permiten crear una pgina
formar Lograrlas web.
Competencias Escucha, interpreta y emite mensajes pertinentes en distintos contextos mediante

Genricas a la utilizacin de medios, cdigos y herramientas apropiados.
Desarrollar
Manera Interpreta la informacin investigada, interpreta y disea la estructura bsica de

Didctica de una pgina Web, utilizando medios, cdigos y herramientas apropiadas.
Lograrlas
Pginade
Pgina 39 de 144
CDIGO EXPLICA PARA QUE SIRVE CADA ETIQUETA
1. <html>
2. <head>
<title>
Mi Primer pgina Web...
</title>
</head>
3. <body bgcolor="#FFCC99">
4. <body background="fondo.jpg">
5. <!Saludos//-->
6. <font color="#FFFFCC" size="10"

face ="Arial" >
VIVA MEXICO
</font>
7. <p align="center"> HOLA </p>
8. <p align="left"> HOLA </p>
9. <p align="rigth"> HOLA </p>
Pginade
Pgina 40 de 144
10. <marquee bgcolor="#FFFFFF"
behavior="alternate"
direction="down">
VIVA MEXICO
</marquee>
<br><br>

behavior="scroll" direction="up">
VIVA MEXICO
</marquee>
<br><br>

behavior="scroll" direction="rigth">
VIVA MEXICO
</marquee>
<br><br>

behavior="slide" direction="right">
VIVA MEXICO
</marquee>
<br><br>

behavior="slide" direction="left">
VIVA MEXICO
</marquee>
<br><br>
15. Scrollamount
16. Scrooldelay
Pginade
Pgina 41 de 144
17. Loop
18. hspace y vspace
19. <big>
20. <small>
21. <h1>HOLA /h1>
<h6>HOLA </h6>
22. <br>
23. <b> CECyTE</b>
24. <s> CECyTE </s>
25. <tt> CECyTE</tt>
Pginade
Pgina 42 de 144
26. <u> CECyTE </u>
27. <i> CECyTE </i>
28. &nbsp
29. &aacute
30. </body>
31. </html>
Pginade
Pgina 43 de 144
Nombre Programando en un lenguaje de hipertexto No. 2
Contenido o Manejar los elementos bsicos de un lenguaje usado en la creacin de pginas

Competencia a WEB (HTML, DHTML, ASP, Java Script, CSS u otros).
Desarrollar
Atributos de la 2.1. Definir objetivos y contenidos de la pgina Web.

competencia 2.3. Utilizar etiquetas en una pgina Web.
1. Inicializa el navegador instalado.

2. Utiliza los buscadores de Internet para bajar una pgina Web que hable de
los tipos de protocolos.
3. Enva la informacin que encontraste acerca de protocolos y a la direccin
de correo proporcionada por tu profesor en un archivo adjunto.
4. Inicia el editor Bloc de notas.
5. Genera el cdigo para crear una pgina Web siguiendo la siguiente
estructura.
a. Insertar como ttulo de la pgina tu nombre completo.
b. Coloca en color azul el cuerpo de la pgina.
c. Insertar como ttulo dentro de la pgina ELABORACIN DE
PGINAS WEB.
d. Insertar el texto buscado y haz una sntesis en el cuerpo de la
pgina.
Instrucciones e. Coloca una marquesina de color blanco con texto Arial nmero 12
para el Alumno en color rojo movimiento alternativo y direccin izquierda que se
repita solamente 3 veces.
f. Inserta las siguientes palabras y caracteres especiales en la
Pgina Web.
Pgina (Con letra en negritas).
Cancin (Con letra cursiva).
(con letra subrayado).
(con letra teletipo o mquina de escribir).
6. Guardar la pgina con el nombre Prctica2 y con formato htm en algn

medio de informacin.
1. Prueba que funcione adecuadamente tu pgina con lo requerido y una vez
que termines llama al profesor y entrega tu disco.
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
Manera a) Define metas y da seguimiento a sus procesos de construccin de

Didctica de conocimiento
Lograrlas
Nombre Diseo Web No. 6
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.
Aplicar las herramientas de software de

diseo para el manejo de grficos.
Generar animacin con aplicaciones
multimedia.
Elaborar pginas Web utilizando las
aplicaciones actuales.
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>
Columna o celda <td>
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
Espacio entre el contenido de las

Cellpadding Un nmero
celdas y el borde
Cellspacing Espacio entre celdas Un nmero
Border Grosor del borde Un nmero
left (izquierda)
Alineacin de la tabla dentro de la
Align right (derecha)
pgina
center (centro)
Bicolor Color de fondo Nmero hexadecimal
Background Imagen de fondo Nmero hexadecimal
Bordercolor Color del borde Nmero hexadecimal
Ya modificando los atributos de la tabla anterior nos quedara:
<table width="50%" border="2" align="center" cellspacing="0" bordercolor="#000000"

bgcolor="#FFFFFF">
<tr>
<td>CECyTE TLAYECAC </td>
</tr>
<tr>
Pginade
Pgina 47 de 144
<td> CECyTE YECAPIXTLA </td>
</tr>
</table>
Tambin existen algunos atributos validos para las celdas:
Atributo Sirve para Valores
left (izquierda)
Align Alineacin del contenido de la celda right (derecha)
center (centro)
baseline (lnea de base)

bottom (inferior)
Valign Alineacin vertical del contenido de la celda
middle (medio)
top (superior)
Bicolor Color de fondo nmero hexadecimal
Background Imagen de fondo nmero hexadecimal
Bordercolor Color del borde nmero hexadecimal
Si modificamos nuevamente los atributos de nuestra tabla:

bgcolor="#FFFFFF">
<tr align="center" bgcolor="#0000CC">
<td bgcolor="#00FF00">CECyTE TLAYECAC </td>
</tr>
<tr>
</tr>
</table>
Combinar celdas
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.
<table width="575" border="2" cellspacing="2">

<tr align="center" valign="middle">
<th colspan="3">SOFTWARE DE DISEO</th>
</tr>
<th rowspan="2">SUBMODULOS</th>
<th colspan="2">CUMPLE</th>
</tr>
<th>SI</th>
<th>NO</th>
</tr>
<td>Aplicar las herramientas de software de diseo para el manejo de grficos.</td>
<td> 1</td>
<td> 2</td>
</tr>
<td>Generar animacin con aplicaciones multimedia.</td>
<td> 3</td>
<td> 4</td>
</tr>
<td>Elaborar pginas Web utilizando las aplicaciones actuales.</td>
<td>5</td>
<td>6</td>
</tr>
</table>
Existen tambin etiquetas para insertar imgenes sonidos y videos.
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.
El nombre de la imagen ha de especificarse a travs del atributo src.
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:
<img src="logo.jpg" alt="CECyTE MORELOS" >
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.
<img src="logo.jpg" alt="CECyTE MORELOS" border ="4">
Para el tamao de una imagen existen dos atributos width (anchura) y height (altura) que pueden
modificar el tamao en pxeles de la imagen.
<img src="logo.jpg" alt="CECyTE MORELOS" border ="4" width="200" height="80>
La alineacin de las imgenes se establece a travs del atributo align.
Valor Sirve para
left izquierda
middle medio
Pginade
Pgina 50 de 144
right derecha
<img src="logo.jpg" alt="CECyTE MORELOS" border ="4" width="200" height="80"

align="right">
Por ltimo para insertar una imagen dentro de una tabla basta con:

bgcolor="#FFFFFF">
<tr align="center" bgcolor="#0000CC">
<td>CECyTE EMILIANO ZAPATA
<img src="logo.jpg" alt="CECyTE MORELOS" border ="4" width="200" height="80">
</td>
<td bgcolor="#00FF00">CECyTE TLAYECAC </td>
</tr>
<tr>
</tr>
</table>
En este ejemplo veamos como agregar sonidos a nuestras pginas Web.
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.
Tambin se puede anexar a nuestra pgina Web un sonido con controles.
<embed src="angel.mp3" autostart="false" loop="true"> </embed>
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.
Los formatos de video compatibles son: AVI, el MPEG y el MOV.
<embed src="vidacorta.mpeg" width="400" height="300" autostart="false" loop="true">
</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.
Un hiperenlace (tambin llamado enlace, vnculo, hipervnculo o liga) es un elemento de un

documento electrnico que hace referencia a otro recurso, por ejemplo, otro documento o un punto
especfico del mismo o de otro documento.
Los vnculos son enlaces dentro del mismo documento.
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.
<a href="#ancla1">ESTA ES UN ANCLA </a>

Donde utilizamos a href para colocar el nombre de nuestra ancla. En texto ANCLA1 es opcional y
puede ir o no y por ltimo cerramos nuestra etiqueta </a> de hipervnculo.
Conectmonos a una pgina que se encuentre dentro de nuestra misma carpeta. <a
href="zapata2.htm"> CECyTE PLANTEL EMILIANO ZAPATA </a><br>
Donde zapata2.html es la pgina a donde nos conectaremos, y CECyTE PLANTEL EMILIANO

ZAPATA, el hipervnculo.
Vamos a realizar una conexin a una pgina Web existente
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.
<a href="Desarrollo.doc" tarjet=_blank > DESCARGAR... </a>
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.
Se recomienda una demostracin prctica sobre la creacin de una pgina Web

Instrucciones para que incluya: reglas, marquesinas, textos con distintos formatos, tablas, imgenes,
el Docente sonido de fondo, sonido, video, anclas, vnculos e hipervnculos
Manera Al poner atencin a la secuencia de

Actitudes a formar Orden Didctica de operaciones que realizo el profesor y al
Lograrlas expresar sus dudas.

Desarrollar
b)Aplicadistintasestrategiascomunicativassegnquienesseansusinterlocutores,el
Manera Didctica de
Lograrlas contextoenelqueseencuentraylosobjetivosquepersigue.
Pginade
Pgina 56 de 144
Nombre Diseando segn las necesidades No. 3
Contenido o Manejar los elementos bsicos de un lenguaje usado en la creacin de pginas

Competencia a WEB (HTML, DHTML, ASP, Java Script, CSS u otros).
Desarrollar

Atributos de la 2.4. Establecer vnculos e hipervnculos
Competencia 2.6. Manipular tablas en una pgina Web
2.7. Manipular Imgenes y animaciones en una pgina Web.
1. Crea una carpeta con tu nombre.
2. Inicia el editor Bloc de notas.
3. Genera el cdigo para crear una pgina Web siguiendo la siguiente estructura.
4. Insertar como ttulo de la pgina tu nombre completo.
5. Coloca una imagen agradable de fondo.
6. Coloca un archivo de sonido de fondo.
7. Insertar como ttulo dentro de la pgina ELABORACIN DE PGINAS WEB.
8. Coloca una marquesina de color azul con texto Tahoma del nmero 14 en
color gris con movimiento alternativo y direccin izquierda.
9. Inserta la siguiente tabla con el color que desees.
Instrucciones Software de Diseo

para el Alumno
Aplicar las herramientas de software de diseo para Corel Drawn.
el manejo de grficos.
Generar animacin con aplicaciones multimedia. Flash
Elaborar pginas Web utilizando las aplicaciones Dreamweaver

actuales.
10. Coloca una imagen centrada dentro de la celda Software de Diseo.

11. Inserta un archivo de sonido con controles.
12. Inserta un archivo de video.
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
5. Desarrolla innovaciones y propone soluciones a problemas a partir de

Competencias mtodos establecidos.
Genricas a 6. Sustenta una postura personal sobre temas de inters y relevancia general,
Desarrollar considerando otros puntos de vista de manera crtica y reflexiva.
7. Aprende por iniciativa e inters propio a lo largo de la vida
5. f) Utiliza las tecnologas de la informacin y comunicacin para procesar e

interpretar informacin.
6.a) Elige las fuentes de informacin ms relevantes para un propsito
Manera especfico y discrimina entre ellas de acuerdo a su relevancia y confiabilidad.
Didctica de 7.c) Articula saberes de diversos campos y establece relaciones entre ellos y
Lograrlas su vida cotidiana.
Pginade
Pgina 58 de 144
Con los ejercicios y prcticas ejecutados durante este contenido o competencia, desarrollaste los
temas o habilidades logrando:

2.4. Establecer vnculos e hipervnculos
2.6. Manipular tablas en una pgina Web
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
8. El bal de tus archivos
9. Conociendo los editores visuales para el diseo de pginas Web.
10. Conociendo la barra de Insercin ( Insert Toolbar)
11. Que es un sitio Web
12. Dividiendo t pagina.
13. Que es un Formulario
14. Conectando tus paginas
15. Los servidores Web
4. Mostremos un ejemplo de un mapa del sitio.
5. Editores Visuales de pginas Web
6. Pantalla del editor Web Visual
7. Mostrando el rea de trabajo
8. Creando un sitio Web
9. Utilizando los Frames
10. La importancia de los comentarios
11. Insercin de etiquetas secundarias
12. Insercin de tablas
Pginade
Pgina 60 de 144
13. Insercin de Imgenes.
14. Insercin de elementos multimedia.
15. Insercin de botones activables.
16. Referencias
17. Saltando en tu documento
18. Efectos en tus conexiones
19. Manipulacin en tus conexiones
20. Manipulando la conexin a las pginas Web.
21. Identifica la diferencia.
6. Disea un mapa del sitio
7. Identifica y anota los nombres de los componentes de la pantalla
8. Manipulacin de los componentes de la pantalla del editor Web Visual
9. Aprende a crear un sitio Web
10. Presta atencin a la explicacin media
11. Elementos del formulario
12. Presta atencin a la explicacin de formularios
13. Observa con atencin
14. Manipulando la conexin a las pginas Web
15. Aprende a almacenar tus pginas Web en un servidor gratuito
4. La comunicacin te envuelve
Pginade
Pgina 61 de 144
5. Aprende a almacenar tus pginas Web en un servidor gratuito
1. Diseando una pgina Web en un editor visual
2. Diseando una pgina Web en un editor visual con caractersticas especificas.
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.
3.1 Definir objetivos y contenidos de la pgina Web.

3.2 Establecer Etiquetas (principales y secundarias, caracteres
especiales) en la pgina Web.
ATRIBUTOS DE 3.3. Establecer Links dentro de la pgina Web, entre pginas
LA Web y entre servidores.
3.4. Manipular Imgenes dentro de una pgina Web.
COMPETENCIA
3.5. Estructurar tablas en una pgina Web.
3.6. Insertar Sonido y Video en una pgina Web.
3.7 Almacenar paginas Web en un servidor dedicado o gratuito.
Al trmino de este tema lograras la habilidad para definir los

objetivos, y estructurar los contenidos de la pgina Web.
RESULTADO DE Estructurar etiquetas principales, secundarias y caracteres
APRENDIZAJE especiales, establecer Links dentro de la pgina Web y entre los
servidores, manipular imgenes, estructuras tablas e insertar
Sonido y video en una pgina Web
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
Instrucciones Investiga que es un mapa de sitio Web, y cul es su objetivo.

para el Alumno
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
Mapa del sitio (site map)
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.

Desarrollar
Manera a) Expresa ideas y conceptos mediante representaciones lingsticas, matemticas

Didctica de o grficas.
Lograrlas
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.
Nombre Disea un mapa del sitio No. 6

Intgrate en equipo mximo 3 personas para realizar la dinmica de integracin
dada por el profesor.
Instrucciones
para el Alumno Elaboren un mapa del sitio, con el tema de Drogadiccin, definiendo el objetivo
que se persigue al dar a conocer este problema social.
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
Desarrollar
4. a) Expresa ideas y conceptos mediante representaciones lingsticas,

Manera
matemticas o grficas
Didctica de
Lograrlas 9. e) Acta de manera propositiva frente a fenmenos de la sociedad y se
mantiene informado.
Pginade
Pgina 66 de 144
Conociendo los editores visuales para el diseo de pginas Web. No. 8
Nombre
Lee con atencin el siguiente texto y analiza la informacin descrita.

Instrucciones
para el Alumno
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.
Manera Al identificar la secuencia de las imgenes que

Actitudes a Orden Didctica de se muestran, as como las diferencias y
formar Lograrlas semejanzas entre ambos editores.
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
Manera a) Elige las fuentes de informacin ms relevantes para un propsito especfico

Didctica de y discrimina entre ellas de acuerdo a su relevancia y confiabilidad.
Lograrlas
Aqu te mostramos dos de los editores visuales de pginas Web ms utilizados.
Macromedia Dreamweaver
Pginade
Pgina 68 de 144
Microsoft FrontPage
Estos son los programas

generadores de cdigo los
manejaremos en este
contenido.
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
Manera Al identificar los elementos que componen la

Actitudes a Orden Didctica de pantalla del editor Web visual.
formar Lograrlas
Competencias
Genricas a 4. Escucha, interpreta y emite mensajes pertinentes en distintos contextos
Desarrollar mediante la utilizacin de medios, cdigos y herramientas apropiados.
Manera a) Expresa ideas y conceptos mediante representaciones lingsticas,

Didctica de matemticas o grficas.
Lograrlas
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.
El docente les pedir a los alumnos que se

integren con otro de sus compaeros.
Manera
Orden,
Actitudes a Didctica de
formar responsabilidad En parejas identificaran, anotaran y
Lograrlas
traducirn los nombres de los componentes
de la pantalla.
Competencias
Desarrollar
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.
Manera El docente revisar como los alumnos

Orden, Didctica manipulan los componentes de la pantalla
Actitudes a
formar responsabilidad de del editor Web, as como la impresin de la
Lograrlas misma.
Competencias
Genricas a
Desarrollar establecidos
Manera a) Sigue instrucciones y procedimientos de manera reflexiva, comprendiendo

Didctica de como cada uno de sus pasos contribuye al alcance de un objetivo.
Lograrlas
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
Manera Al Identificar el rea de trabajo en pantalla de

Actitudes a Orden Didctica de Dreamweaver
formar Lograrlas
Competencias
Genricas a
mediante la utilizacin de medios, cdigos y herramientas apropiados.
Desarrollar
a) Sigue instrucciones y procedimientos de manera reflexiva, comprendiendo como

Manera cada uno de sus pasos contribuye al alcance de un objetivo.
Didctica de
Lograrlas
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
Instrucciones Analiza la siguiente informacin que se presenta.

para el Alumno
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.
LA BARRA DE INSERCIN (Insert Toolbar):
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.
Esta herramienta es la base para iniciar el diseo de una pgina Web.
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
Instrucciones Analiza la informacin que se te presenta y enriquece tus conocimientos

para el Alumno investigando ms sobre el tema.
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
ADMINISTRAR SITIOS 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
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.
Al definir un sitio local:
o Se establece la estructura del sitio que se est creando.

o Se indica a Dreamweaver dnde se desea almacenar todos los archivos del sitio.
Seleccionar Men Sitio > Nuevo sitio.
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).
Indicamos que no utilizamos ninguna tecnologa

Servidor.
La carpeta raz local, accede a la carpeta en que

se situarn las pginas del sitio (previamente
creada).
El campo Carpeta raz local se actualizar y

mostrar la ruta del sitio local en nuestro disco
duro.
Dentro de esa carpeta se podrn crear otras, pero

todos los archivos del sitio Web deben de estar
dentro de la carpeta principal.
Como trabajaremos en una carpeta dentro de

nuestra mquina local, no utilizamos ningn
servidor remoto.
Pginade
Pgina 79 de 144
Por ltimo nos muestra el resumen de nuestro sitio
Web.
Cuando iniciemos la aplicacin, nos muestra la

informacin del sitio que tenemos seleccionado.
Pginade
Pgina 80 de 144
Nombre Dividiendo t pagina. No. 11
Instrucciones Lee y analiza con atencin los siguientes trminos.

para el Alumno
Se requiere que el alumno analice estos

Manera
trminos necesarios para cumplir con los
Didctica
conocimientos de esta competencia, lo
Saberes a Marcos o frames de
esencial es que pueda determinar cul es la
adquirir Lograrlos
ventaja de dividir nuestra pgina Web.
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
Orden dividir la pantalla para organizar mejor la
formar de
informacin a mostrar utilizando frames
Lograrlas
Competencias
Desarrollar
Manera
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

Desarrollar
Manera a. Expresa ideas y conceptos mediante representaciones lingsticas,

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
Desarrollar
Manera a) Define metas y da seguimiento a sus procesos de construcciones de

Didctica de conocimiento.
Lograrlas
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.
Un comentario no se ve en la pgina Web, solo queda insertado en el

cdigo de la misma.
Pginade
Pgina 85 de 144
Aqu nos muestra el comentario insertado en el ejemplo.
La lnea 10, nos muestra el comentario insertado.
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
Desarrollar

Lograrlas
Este icono abre el cuadro de dilogo de Insert

Date el cual permite agregar la fecha del da de
hoy u otra a la pgina Web.
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.
Este es el resultado del cdigo insertado en la pgina Web.
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
Desarrollar

Lograrlas
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.
Nombre Insercin de Imgenes. No. 13
Instrucciones Observa y lee la informacin que se proporciona a continuacin sobre la insercin

para el Alumno de Imgenes.
Manera
Actitudes a Didctica Al observar la secuencia de las figuras para
Orden
formar de insertar Imgenes dentro de la pgina Web.
Lograrlas
Competencias
Desarrollar

Lograrlas
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

para el Alumno de los elementos multimedia
Manera
Actitudes a Didctica Al observar la secuencia de las figuras para
Orden
formar de insertar elementos multimedia.
Lograrlas
Competencias
Desarrollar

Lograrlas
Este icono abre un men flotante que permite insertar elementos como:
Animaciones Flash, botones animados, applets de Java, Controladores
ActiveX y plugins.
En el laboratorio analiza y describe para qu sirve cada uno de los

siguientes comandos del icono media.
Pginade
Pgina 92 de 144
Nombre Insercin de botones activables. No. 15

para el Alumno de botones activables.
Manera
Actitudes a Didctica Al observar la secuencia de la explicacin de
Orden
formar de las figuras para insertar botones activables.
Lograrlas
Competencias
Desarrollar

Didctica de conocimiento..
Lograrlas
Manipular Botones Activables

Dentro del software de diseo, se pueden anexar botones
activables, que vienen incluidos en el software de diseo
Web, o que son generados en algn software de
animacin multimedia, como por ejemplo Macromedia
Flash.
Este es el resultado de un botn activable insertado en la pgina Web.
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.
Se recomienda una demostracin prctica sobre la insercin de comentarios,

marquesinas, imgenes, fecha, tablas, as como la insercin de objetos
multimedia como son:
Instrucciones o Audio
para el Docente o Video
o Animaciones Flash
o Botones activables

Didctica operaciones que realizo el profesor y al
Actitudes a Orden
formar de expresar sus dudas y elaborando el
Lograrlas ejercicio indicado.

Genricas a mediante la utilizacin de medios, cdigos y herramientas apropiados
Desarrollar
Manera
a) Expresa ideas y conceptos mediante representaciones lingsticas,
Lograrlas
Pginade
Pgina 94 de 144
Nombre Que es un Formulario? No. 12
Instrucciones Observa y analiza la siguiente informacin y las ilustraciones.

para el Alumno
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.
Instrucciones Se recomienda revisar la investigacin realizada por los alumnos.

para el Docente
Manera El alumno le da un orden a la investigacin

Actitudes a Didctica realizada, analizando y organizando la
Orden
formar de informacin de los elementos de un
Lograrlas formulario.

Desarrollar

Didctica de matemticas o graficas
Lograrlas
Recuerda que los formularios sirven para recibir informacin de los

usuarios,comoporejemplounaencuesta,un cuestionarioendondelos
datossepuedenalmacenarenunabasededatosoenviarpormediodeun
correoelectrnico.
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
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.

Actitudes a Orden Didctica de operaciones que realizo el profesor y al
formar Lograrlas expresar sus dudas.

Desarrollar

Didctica de matemticas o graficas.
Lograrlas
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
1.1 Definir objetivos y contenidos de la pgina Web.

1.2 .Establecer Etiquetas (principales y secundarias, caracteres
Atributos de la especiales) en la pgina Web.
1.3 Establecer Links dentro de la pgina Web, entre pginas Web y
Competencia entre servidores.
1.4Manipular Imgenes dentro de una pgina Web.
1.5 Estructurar tablas en una pgina Web.
1.6 Insertar Sonido y Video en una pgina Web.
Recursos materiales
Computadora y software de diseo Web.
de apoyo
Instrucciones para el alumno.- Realiza de formar ordenada y con

responsabilidad los pasos siguientes:
1. Inicia la aplicacin de software de diseo.
2. Genera un sitio con tu nombre donde almacenars tus pginas
Web.
3. Disea por lo menos 4 pginas Web sobre tu familia y los valores
que se comentan dentro de ella.
4. Estructura tu pgina Web con tres Frames, en el orden que te
agrade.
5. Describe a cada uno de los integrantes de tu familia, apoyndote
Instrucciones para el de los siguientes elementos:
o La creacin tablas.
Alumno o Insercin de Imgenes, comentarios, la fecha y hora, as
como contadores de visitas.
o Adicin de marquesinas.
o Manipulacin de botones activables y aplicaciones
multimedia.
6. Realiza el diseo de un formulario sobre tu familia o persona en
cual permita enviar los datos a una direccin de correo electrnico.
7. Una vez termines t prctica, revisa que cumpla con todos los
requerimientos y llama al profesor para Instrucciones para el
Alumno que te revise.
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

Competencias establecidos.
Genricas a 6. Sustenta una postura personal sobre temas de inters y relevancia general,
Desarrollar considerando otros puntos de vista de manera crtica y reflexiva.
7. Aprende por iniciativa e inters propio a lo largo de la vida
5. f) Utiliza las tecnologas de la informacin y comunicacin para procesar e

Manera interpretar informacin.
6.a) Elige las fuentes de informacin ms relevantes para un propsito especfico
Didctica de
y discrimina entre ellas de acuerdo a su relevancia y confiabilidad.
Lograrlas 7.c)Articulasaberesdediversoscamposyestablecerelacionesentreellosysuvida
cotidiana.
Pginade
Pgina 100 de 144
Nombre Conectando tus paginas No. 13
Instrucciones Lee y analiza con atencin los siguientes trminos.

para el Alumno
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.
Direcciones absolutas y relativas
Una direccin absoluta de un fichero o una pgina se describe de la siguiente forma:
C:\Documents and Settings\SeRGio\Mis documentos\Sergio\index.htm (para un vnculo que

desde otra pgina nos lleve a la inicial).
Si escribes esto en la casilla de direccin URL, el vnculo funciona trabajando en la PC.
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.
Entonces, volvemos a insistir, las direcciones relativas funcionarn en el proveedor perfectamente.
Cuando se maneja el cuadro de

dilogo Crear Hipervnculo, y la forma
de crearlo es el doble clic en el fichero
de la pgina correspondiente, se estn
utilizando siempre direcciones relativas.
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
Desarrollar
Manera c) Articula saberes de diversos campos y establece relaciones entre ellos y su vida
Didctica de cotidiana.
Lograrlas
Cuando hacemos un hipervnculo, nos

referimos a una direccin relativa a
una pgina Web, que se encuentra
dentro de la misma carpeta o sitio Web.
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/
Recuerda que cuando creas un sitio Web en

una aplicacin por ejemplo Dreamweaver,
todos los archivos de imagen, sonido, de
animacin, etc. Que se van insertando en la
pgina Web, te pregunta si quieres crear una
copia en la carpeta del sitio, para que no
tengamos problema al momento de subir todo
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
Orden de que se muestran, as como el tipo de
formar
Lograrlas referencia relativa o absoluta.
Competencias
Desarrollar
Manera
.
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.
En el procesador de textos Microsoft Word y en Microsoft Front Page funcionan exactamente

igual.
Veamos el ejemplo en el software de diseo Microsoft Front Page.
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.
Listo aqu tendramos el marcador e hipervnculo insertado.

<a href="#hola">CONECTANDO A HOLA</a>
Veamos el ejemplo en el software de diseo Macromedia Dreamweaver.
Nos genera: <a name="hola"></a>
Donde hola es el nombre del marcador.
Ahora vamos a conectar el hipervnculo a la marca antes establecida.
Listo aqu tendramos el marcador e hipervnculo insertado.

<a href="#hola">CONECTANDO A LA ANCLA </a>
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
Orden de que se muestran, as como los efectos de
formar
Lograrlas vnculos e hipervnculos.
Competencias
Desarrollar
Manera c) Articula saberes de diversos campos y establece relaciones entre ellos y su

Didctica de vida cotidiana.
Lograrlas
Veamos algunos efectos de conversin de hipervnculos, es decir configuremos la aplicacin para

cambiar el aspecto de los hipervnculos, por ejemplo que cuando acerquemos el cursor; cuando
visitamos una liga que cambie de color.
Microsoft Front Page.
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
Se recomienda una demostracin prctica sobre la creacin de vnculos e

Instrucciones hipervnculos, referencias relativas y absolutas, as como la aplicacin de efectos
para el Docente a los vnculos e hipervnculos.
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

Genricas a mediante la utilizacin de medios, cdigos, y herramientas apropiados
Desarrollar

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
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.
TARGET=_top, hace que la pgina se cargue en la ventana completa del navegador.

TARGET=_self, hace que la pgina se cargue en la misma ventana del Frame actual.
TARGET=_parent, hace que la pgina se cargue en el Frame "padre", del que desciende el
actual.
TARGET=_blank, hace que la pgina se cargue en una nueva ventana.
TARGET=nombre, hace que la pgina se cargue en el Frame llamado nombre. Si no existe se carga
en una ventana nueva.
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.
Instrucciones Se recomienda ejecutar una demostracin prctica para la manipular la

para el Docente conexin a las pginas Web en los Frames.
Manera
Didctica
Actitudes a Orden operaciones que realiz el profesor y al
formar de
expresar sus dudas.
Lograrlas
Competencias
Genricas a
5. Desarrolla innovaciones y propone soluciones a problemas a partir de
Desarrollar mtodos establecidos.
a) Sigue instrucciones y procedimientos de manera reflexiva,

Manera
Didctica de comprendiendo como cada uno de sus pasos contribuye al alcance de
Lograrlas un objetivo.
Pginade
Pgina 112 de 144
Diseando una pgina Web en un editor visual con caractersticas
Nombre especificas.
No. 2
Contenido o
Desarrollar

1.2. Establecer Etiquetas (principales y secundarias, caracteres especiales) en
la pgina Web.
1.3. Establecer Links dentro de la pgina Web, entre pginas Web y entre
Atributos de la
servidores.
Competencia
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
Instrucciones 5. Coloca tu nombre completo como ttulo de la pgina.

para el Alumno
6. En la parte superior (Arriba), coloca el siguiente texto: MIS MEJORES
AMIGOS.
7. En el lado izquierdo escribe con texto sencillo o texto flash: El nombre de 3 de
tus mejores amigos.
8. Genera una animacin Web referente a ti y a tus amigos e insrtala en el
Frame del centro.
9. Inserta una marca o un ancla que se llama cecyt
10. Debajo de la animacin flash inserta tu nombre y crea un hipervnculo que se
conecte con la marca o ancla cecyt.
11. Inserta una imagen de sustitucin debajo del hipervnculo de tu nombre.
12. Realiza una pgina personal para cada uno de tus tres amigos, donde
describas su personalidad.
13. Vincula cada una de las pginas creadas con los nombres que se encuentran
en el Frame izquierdo, de manera que aparezcan en el Frame destino 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
Al trmino de este tema lograras la habilidad de almacenar las

RESULTADO DE
pginas Web en un servidor gratuito o delicado para que pueda
APRENDIZAJE ser accedida desde cualquier maquina conectada a Internet.
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.
Anota aqu tu investigacin
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
Manera a) Expresa ideas y conceptos mediante representaciones lingsticas, matemticas o

Didctica de grficas
Lograrlas
Escribe cul es la diferencia que notas en la barra de direcciones del navegador?
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.
Veamos entonces su estructura.
Por qu es importante conocer la estructura del URL?
Porque te permite decidir a primera vista si la pgina encontrada puede o no ser de tu

inters.
Te permite encontrar pginas que desaparecen o vnculos desactualizados para lo cual

debes ir recortando el URL comenzando desde la parte derecha del mismo hasta la barra
inclinada ( / ) y as sucesivamente hasta llegar al servidor.
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
Didctica
Actitudes a Orden operaciones que realiza el profesor y al
formar de
expresar tus dudas.
Lograrlas
Competencias 4 Escucha, interpreta y emite mensajes pertinentes en distintos contextos

Desarrollar
Manera
e) Maneja las tecnologas de la informacin y la comunicacin para obtener
Lograrlas
Recuerda que la ventaja de crear un sitio Web es

tener todas las pginas y los archivos
almacenados en un solo lugar con el objeto de
almacenar rpidamente toda la pagina en un
Servidor Web.
Pginade
Pgina 119 de 144
Nombre No. 5
Almacenando una pgina Web en un servidor Web gratuito.
Contenido o
Desarrollar
Atributos de la Almacenar pginas Web en un servidor dedicado o gratuito.

Competencia
1. Investiga en Internet algn servidor Web, en donde puedas almacenar las

pginas Web generadas en la prctica anterior de hipervnculos, debes de fijarte
que el espacio de almacenamiento proporcionado por el servidor Web, sea el
necesario.
2. Almacena tus archivos en el servidor Web dedicado o gratuito.

Instrucciones
para el Alumno 3. Prueba que la pgina Web que almacenaste en el servidor se encuentre
funcionando adecuadamente mostrando todas las imgenes y probando sus
hipervnculos
Una vez que hayas probado tu pgina en el servidor, proporciona la direccin de

Internet en donde se encuentra almacenada tu pgina Web, al profesor para que te
revise la prctica.
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
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.
La evaluacin de las habilidades y destrezas, conocimientos y actitudes de esta competencia se har

uso de los instrumentos de evaluacin
Pginade
Pgina 121 de 144
Publicar pginas Web en los
servidores de Internet.
4
16. Quin traslada tus archivos?
22. Aplicacin Ftp
16. Completa la informacin
17. Almacenando en un servidor gratuito
18. Almacenando en un servidor dedicado
6. Publicando las pginas en un servidor Web.
3. Practica Integradora Final
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.
4.1. Identificar los servidores de Internet disponibles para

publicacin de informacin.
ATRIBUTOS DE 4.2 Seleccionar un servidor de Internet considerando las
LA caractersticas de la pgina Web
4.3. Utilizar la pgina del servidor de Internet para alojar una
COMPETENCIA
pgina Web.
4.4. Verificar el funcionamiento de la pgina Web dentro del
servidor seleccionado.
Al trmino de este tema lograras la habilidad para identificar,

seleccionar y alojar las pginas Web en un servidor de Internet.
RESULTADO DE
APRENDIZAJE Adems de verificar el funcionamiento de la pagina Web dentro del
servidor seleccionado.
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
Instrucciones Lee con atencin la informacin que se te presenta a continuacin.

para el Alumno
Manera
Didctica
Saberes a Protocolo de transferencia de El anlisis de la informacin.
Ftp Lograrlos
adquirir
EL FTP: (File Transfer Protocol), utilizar el protocolo FTP de transferencia de ficheros. Se

utilizar cuando la informacin que se desee acceder se encuentre en un servidor de ftp. Por
defecto se acceder a un servidor annimo (anonymous), si se desea indicar el nombre de
usuario se usar:
ftp://maquina.dominio@usuario, y luego le pedir la clave de acceso.
Un servidor FTP es un programa especial que se ejecuta en un equipo servidor

normalmente conectado a Internet (aunque puede estar conectado a otros tipos de redes,
LAN, MAN, etc.). Su funcin es permitir el intercambio de datos entre diferentes
servidores/ordenadores.
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
A travs de las capturas de pantalla que a continuacin se te presentan,

ejemplificaremos el acceso a un servidor de pginas web mediante una aplicacin
FTP denominada Ipswitch WS_FTP.
Instrucciones
Observa con detalle que se trata de un servidor dedicado y que vamos a
para el Alumno
aprovechar para subir una pgina de ejemplo en un directorio que previamente nos
ha asignado el administrador de este servidor.
Manera Al identificar la secuencia de las imgenes

Didctica que se muestran, as como el tipo de medio
Actitudes a Responsabilidad y de transmisin que utilizan para establecer la
formar de comunicacin y la transferencia de archivos.
Orden
Lograrlas
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.
(3) Nombre para la conexin (4) Direccin del servidor
Pginade
Pgina 126 de 144
(2) Datos de la cuenta (6) Tipo de cuenta
(8) Conectndose al servidor mediante los datos de

(7) Finalizando la creacin de la conexin la conexin
Pginade
Pgina 127 de 144
(9) La pgina antes de subir archivos (10) Los archivos que se van a subir.
(12) archivos seleccionados y listos para subirlos al

(11) Seleccionado el directorio en la PC donde se servidor. Ntese que incluye la estructura de
encuentran los archivo a subir de la pgina directorios.
Pginade
Pgina 128 de 144
(13) Comenzando a subir los archivos. (14) Subiendo los archivos. Obsrvese el avance de
cada uno.
(15) La pgina montada ya en el servidor.
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
formar realizada, complementando la tabla.
Lograrlas

Desarrollar
Manera e). Maneja las tecnologas de la informacin y la comunicacin para obtener

Didctica de informacinyexpresarideas.
Lograrlas
SERVIDOR GRATUITO SERVIDOR DEDICADO
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.
Antes de realizar este ejercicio es recomendable realizar una demostracin

prctica en donde se muestre las tcnicas necesarias para crear una cuenta en
Instrucciones un servidor web gratuido y subir las pginas ah. Asmismo, se recomienda
para el Docente revisar que el ejercicio del alumno cumpla con lo requerido, adems de tomar en
cuenta la limpieza del trabajo, realimentando las posibles contingencias.
El alumno busca un servidor gratuito,

Manera
identifica sus caractersticas, selecciona el
formar ms adecuado creando una cuenta y
Lograrlas
almacenando una pgina Web.

Desarrollar
Manera e). Maneja las tecnologas de la informacin y la comunicacin para obtener

Didctica de informacinyexpresarideas
Lograrlas
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.
Se recomienda crear las cuentas en el servidor antes de realizar este ejercicio.

En caso de no tener acceso a un servidor dedicado, una alternativa puede ser
montar un servidor local y acceder a l va FTP para montar el servidor una
buena opcin es utilizar EASYPHP, que proporciona elementos bsicos para tal
finalidad casi sin tener que configurar nada.
Instrucciones
para el Docente Asimismo, es recomendable realizar una demostracin prctica en donde se
muestre las tcnicas necesarias para crear una cuenta en un servidor web
dedicado y subir las pginas ah. Se recomienda, finalmente, revisar que el
ejercicio del alumno cumpla con lo requerido, adems de tomar en cuenta la
limpieza del trabajo, realimentando las posibles contingencias.
Manera
El alumno almacena la pgina Web en un
Didctica
Actitudes a Orden servidor dedicado, utilizando una aplicacin
formar de
FTP.
Lograrlas

Desarrollar
Manera a) Maneja las tecnologas de la informacin y la comunicacin para obtener

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
1.1. Identificar los servidores de Internet disponibles para publicacin de

informacin.
Atributos de la 1.2. Seleccionar un servidor de Internet considerando las caractersticas de la
pgina Web
Competencia
1.3. Utilizar la pgina del servidor de Internet para alojar una pgina Web.
1.4. Verificar el funcionamiento de la pgina Web dentro del servidor
seleccionado.
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.
Es recomendable crear una cuenta en un servidor dedicado para que el alumno

Instrucciones suba su pgina ah. Revisar que la prctica del alumno cumpla con lo requerido,
para el adems de tomar en cuenta la limpieza del trabajo, realimentando las posibles
contingencias.
docente Verificando el funcionamiento de las pgina Web dentro del servidor seleccionado.
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

Desarrollar
Manera
b) Aplica distintas estrategias comunicativas segn quienes sean sus
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.6. Manipular tablas en una pgina Web
Atributos de la
Competencia 2.8. Definir secciones de mapeo de imgenes 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.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
Se recomienda disear una prctica Integradora que involucre todo lo visto en el

curso, enfocndose a combinar los otros dos submdulos, como es el diseo de
Instrucciones Imgenes y de animaciones para enriquecer el trabajo solicitado.
para el
Se sugiere que en equipo, los alumnos diseen la pgina Web de una empresa
docente real, investigando requerimientos y diseando animaciones y toda su publicidad,
como son: Logotipo, Folletos, tarjetas de presentacin, pancartas, etc.
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

Desarrollar
Manera b) Aplica distintas estrategias comunicativas segn quienes sean sus

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.
La forma de evaluar el presente submdulo es en primer termino considerando los instrumentos de

evaluacin, los cuales determinan el producto y desempeo, derivados por cada una de las prcticas
plasmadas en la gua.
Pginade
Pgina 139 de 144
Castellanos Casas, Ricardo y Ferreira Corts, Gonzalo. (2003), Informtica 2. La herramienta
del nuevo Mileno. Mxico, DF. Editorial Alfaomega.
Castellanos Casas, Ricardo y Ferreira Corts, Gonzalo. (2003), Informtica 3. La herramienta

del nuevo Mileno. Mxico, DF. Editorial Alfaomega.
Castellanos Casas, Ricardo y Ferrerira Corts, Gonzalo, (2003), Informtica 1. La herramienta

del nuevo Mileno. Mxico, DF.
Gail, Linda C, (1995), Enciclopedia de Trminos de Microcomputacin, Mxico DF. Editorial

Prentice-Hall Hispanoamericana.
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.
Macromedia. Manual oficial del usuario. Dreamweaver MX.
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.
ANIMACIN: Una animacin es una secuencia de imgenes, o cuadros, que se visualiza en el

tiempo. Cada cuadro vara ligeramente del inmediatamente anterior, creando la ilusin de movimiento
cuando los cuadros se ven en sucesin rpida.
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.
ARCHIVO ADJUNTO: Archivos anexados a un correo electrnico, para ser enviados.
ARCHIVO: Unidad de informacin almacenada en el disco con un nombre especfico. Tambin se le

llama fichero. Puede contener datos en cdigo mquina, necesarios para la ejecucin de un
programa, o informacin comn y corriente procesada por el usuario. Los nombres de los archivos no
pasan de ocho caracteres. Tienen una extensin consistente en tres caracteres que lo identifican en
su tipo o lo relacin con un programa determinado.
ATRIBUTOS: Son valores que se asignan a objetos, imgenes, fuentes, etc.
AVI: Formato de fichero multimedia tipo QuickTime, desarrollado por Microsoft.
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/DESCOMPRESIN: Mtodo para cifrar/descifrar seales que permite transmitir (o

almacenar) ms informacin de la que, de otro modo, podra aceptar el soporte.
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.
IMAGEN: Se denomina as a toda presentacin sin movimiento.
INTERFAZ: Conjunto de especificaciones permiten la conexin del ordenador con los perifricos de
entrada y salida.
JPEG (JOINT PHOTOGRAPHIC EXPERTS GROUP O GRUPO DE EXPERTOS DE ENSAMBLE

FOTOGRFICO): Tipo de formato de imagen o compresin de imagen. Est pensado especialmente
para imgenes fotogrficas por la calidad que da al comprimir stas.
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.
Multimedia: Sistemas informticos que integran audio, vdeo y datos.
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

Paginas Web

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Paginas Web

Uploaded by

Copyright:

Available Formats

Tcnico en

Submdulo III Elaboracin de pginas Web.

Contenido o Competencia 1 Contenido o Competencia 2

2. Manejar los elementos bsicos de un

Atributos de la competencia Atributos de la competencia

1.1. Analizar las teoras del 2.1. Definir Objetivos y contenidos

Mdulo II Redes de rea local Creacin de productos multimedia a travs de

Submdulo III Elaboracin de pginas Web.

Contenido o competencia 3 Contenido o competencia 4

3. Disear una pgina Web con un

Atributos de la Competencia Atributos de la Competencia

3.1. Definir Objetivos y contenidos 4.1. Identificar los servidores de

Suena interesante verdad?

Nuestro submdulo se complementa con 2 submdulos ms que son: Utilizacin de software de

1. Aplicar la teora del color.

2. Utilizar las etiquetas.

3. Establecer los links.

4. Manipular las imgenes.

5. Estructurar las tablas.

6. Insertar el sonido y el video.

7. Establecer las Etiquetas

8. Establecer los links.

9. Manipular las imgenes.

10. Estructurar las tablas.

11. Insertar el sonido y el video.

12. Almacenar la pgina Web.

13. Manipular los programas de aplicacin para correo electrnico.

14. Manipular los navegadores de Internet

15. Manipular los sistemas de comunicacin personal.

16. Operar los metabuscadores.

17. Proteger el equipo de los riesgos de Internet.

18. Utilizar los Servidores Web.

1. Diferentes esquemas de los fundamentos de diseo.

4. Los objetivos definidos.

2. Buscando el mejor color

Pero cmo lo lograras?

Es muy sencillo, aprenders a travs de actividades de aprendizaje tales como: ejercicios,

Adelante con este nuevo espacio de aprendizaje!

RESULTADO DE Al trmino de los temas o habilidades el alumno identificar las

Teoras del diseo

Teora del color

Instrucciones Investiga las caractersticas principales de las Teoras del color.

Teoras del diseo

Teora del color

Competencias 4. Escucha, interpreta y emite mensajes pertinentes en distintos contextos

Manera 4.a) Expresaideasyconceptosmedianterepresentacioneslingsticas,matemticaso

Nombre Arcoris No. 2

Competencias 2. Es sensible al arte y participa en la apreciacin e interpretacin de sus

Manera a). Valora el arte como manifestacin de la belleza y expresin de ideas,

Imagen 1 RYB Imagen 2 RGB Imagen 3 CYM

5. Desarrolla innovaciones y propone soluciones a problemas a partir de mtodos

Que traigan la misma investigacin.

Discusin alargada sobre la creacin de mapas y cuadros.

1.1. Analizar las teoras del diseo (minimalismo, conceptualismo, etc.).

1. Consulta una pgina Web de alguna empresa comercial o de gobierno.

1.1 Analizar las teoras del diseo (minimalismo, conceptualismo, etc.).

3. Navega y busca tu Informacin

5. Repaso general de etiquetas

3. Diseando segn las necesidades.

En esta ocasin juntos incursionaremos en el novedoso mundo de la programacin y el diseo de

Suena interesante verdad?

1. Definir objetivos y contenidos de la pgina Web.

2. Esquematizar la estructura general de una pgina Web.

3. Utilizar etiquetas en una pgina Web.