SlideShare una empresa de Scribd logo
1 de 12
SANTIAGO DE CALI
AREA: TECNOLOGIA E INFORMATICA
PROYECTO DE AULA
PERIODO 3 GRADO 11- EQUIPO Nº _____
DOCENTE: ESP. GUILLERMO MONDRAGON CASTRO
LICEO
DEPARTAMEN
TAL
Versión: 01 Fecha: Página Código:
ESTÁNDAR BÁSICO DE COMPETENCIA: CTS
-Apropiación y uso de la tecnología
Tengo en cuenta principios de funcionamiento y criterios de selección, para la
utilización eficiente y segura de artefactos, productos, servicios, procesos y
sistemas tecnológicos de mi entorno.
COMPETENCIAS BÁSICAS:
-- Utilizo adecuadamente herramientas informáticas de uso común para la
búsqueda y procesamiento de la información y la Comunicación de ideas.
COMPETENCIAS CIUDADANAS:
- Contribuyo a que los conflictos entre personas y entre grupos se manejen de
manera pacífica y constructiva mediante la aplicación de estrategias basadas en
el diálogo y la negociación.
COMPETENCIAS LABORALES GENERALES:
- Diseño algunos modelos tecnológicos que apoyan el desarrollo de tareas y
acciones.
I.LOGRO ESPERADO:
Definir, conocer y crear una página WEB utilizando el programa Publisher del
paquete de office tomando un tema de referencia específico.
II.INDICADORES DE LOGRO
1. Ser :
Honestidad, Respeto, Responsabilidad
2. Saber:
Conoce lo referente a una relatoría, ensayo, página Web, sitio
Web, HTML (programación)
PARTICIPANDO DEL CONOCIMIENTO NOS
VAMOS APROPIANDO
Aplica los pasos para elaborar una página WEB utilizando Publisher.
3. Hacer: desarrolla el plan de aula, resuelve los talleres y las
prácticas propuestas
Lee y Consulta en equipo
*Elabora una relatoría de manera individual sobre:
lecturas páginas Web, lenguaje de programación para
paginas web html y diseño de página Web en Publisher
con letra arial 12; utilizando normas icontec, dicha
actividad debe subir a la wiki
*Elabora un ensayo de manera individual- original
sobre los derechos de autor.
Lo envía al correo electrónico gmondragon64@gmail.com
Elabora un blog
*Elabora una página web en JIMDO
Debe hacerlo tomando el tema de referencia
4. Convivir: Respeta las opiniones de las otras personas, fomenta la
cultura
Ciudadana.
Asume una actitud de respeto en el uso de las
direcciones
Electrónicas.
III. GRUPO TEMÁTICO: INFORMATICA APLICADA
1. Relatoría - ensayo
2. Internet
3. ¿Cómo evaluar un sitio Web?
4. Página WEB
5. Lenguaje de programación para páginas Web
6. Diseño de una página Web con Publisher
7. Respeto por la diferencia
8. Relaciones interpersonales
9. Análisis de situaciones personales
IV. ACTIVIDADES PEDAGÓGICAS:
1. Desarrollo del proyecto y del plan de aula
2. Lectura, análisis individual y grupal de los documentos propuestos
3. En la sala de sistemas equipos de 2-3 personas (diseño)
4. Crear cuenta de correo de google y utilizarla enviando los informes
de manera puntual (cuenta personal)
5. Manejo de tic (tecnología de información y comunicación)
V. MATERIAL DIDÁCTICO:
1. Proyecto y plan de aula
2. Lecturas sugeridas y recomendadas
3. Saberes de las y los participantes
4. Medios telemáticos (computador, Internet)
5. Documentos, textos, libros
6. Material magnético nuevo ( CD ), memoria USB
7. Puede adquirir el material en la fotocopiadora ( no olvide llevarlo a
la sala de sistemas).
VI. CRITERIOS DE EVALUACION:
Desempeños académicos: (solución de problemas, cumplimiento escolar, uso
adecuado de las tic), desempeños sociales: (trabajo en equipo, conservación
del medio ambiente, liderazgo), desempeños personales: (asistencia,
presentación personal, disposición al trabajo)
ESTRATEGIAS PEDAGÓGICAS DE APOYO
DEBILIDADES EN EL PROCESO FORMATIVO: (Para la superación del
desempeño bajo)
- Aclaración de dudas surgidas en el desarrollo del tema
Asignación de talleres de refuerzo
Sustentación del taller
Evaluación teórico, práctica (repechaje)
Ejercicio y práctica personalizada utilizando el computador.
ACTIVIDADES ESPECIALES DE MOTIVACIÓN:
- Asignación del proyecto de profundización
Consulta y sustentación de algunas temáticas que aborden el contenido
Elaboración de una pagina web y colgarla en un lugar (hosting)
Sustentación del proyecto ante un auditorio teniendo en cuenta el manejo del
tema, profundidad de la investigacion, calidad del orador.
REFERENCIAS BIBLIOGRAFICAS
Tiznado S., Marco Antonio, Password procesos creativos 10, Editorial MCGraw-
Hill, Santafé de Bogotá, 1997.
El Tiempo, Práctico curso de informática e Internet.
Candau, Debbie, Intel Educar para el futuro, adaptado para COLOMBIA,
primera reimpresión febrero de 2006.
Webgrafia o cibergrafia
http://www.flashvortex.com/ Para crear los banner
http://goanimate.com para crear animaciones web 2.0
Jimdo.com para creación de pagina web
Live stream Para hacer transmisiones
Ustream
*Guía de front page en pdf
Videos tutoriales
http://www.aula21.net/
Serie clic curso completo.
LA RELATORÍA
La relatoría es un texto escrito de mínimo 3 páginas y máximo de 5, donde el autor o
los autores presentan un texto a partir de las lecturas realizadas. Esta modalidad exige
un tiempo de trabajo que le beneficiará.
Los objetivos de la relatoría, respecto a usted como estudiante, son:
1. Construir su texto escrito sobre la temática expuesta.
2. Desarrollar habilidades comunicativas en los campos de la lectura y la escritura.
3. Desarrollar su capacidad de reaccionar intelectualmente ante una temática
expuesta.
Al construir el texto escrito elabórela siguiendo la secuencia pedida a continuación, no
es necesario titular cada paso.
E
S
T
R
U
C
T
U
R
A
No ASPECTOS A EVALUAR CRITERIOS DE EVALUACIÓN
1.
INTRODUCCIÓN:
En esta parte el lenguaje es de
tipo informativo.
 Citar el tema y/o documento sobre el cual va
a centrar la reflexión.
 Enunciar el objetivo de su relatoría.
2. SÍNTESIS
En esta parte el lenguaje es de
tipo informativo.
 Es primordial rescatar fielmente los
planteamientos más importantes de la guía.
 Es una síntesis que refleja el tema del
ponente.
 Es Comprensión interpretativa de lo literal.
 No es pertinente introducir ideas propias.
3.
REACCIÓN INTELECTUAL
Esta parte de la relatoria es la
producción intelectual del
estudiante participante, de sus
puntos de vista sobre la
temática, situación que se
plasma en la construcción de un
texto.
 Son reflexiones personales derivadas de la
interpretación de la guía y la relación hecha
entre la teoría y la aplicación en el contexto
de su trabajo, como estudiante.
 Se plasman las ideas nuevas o
cuestionamientos que surgieron.
F
O
R
M
A
1.
COHESIÓN
ADECUACIÓN DEL TEXTO
 Relación lógica entre las ideas planteadas
en el texto.
 Secuencia lógica.
2. USOS LEXICALES
 Ortografía
 Palabras adecuadas
 Ideas completas.
3. BIBLIOGRAFÍA  Referencia a los textos trabajados.
GRADO 11 - LECTURAS
PAGINA WEB
Es un documento que permite el manejo de textos, imágenes, sonidos, videos, etc.,
con el fin de emitir un mensaje.
Una página es un hiperdocumento que se le pueden ingresar muchos elementos, se
visualiza en Internet.
Sitio Web: es un conjunto de páginas Web.
Para colocar una página en la Web se puede hacer mediante 2 opciones: gratuita y con
pago.
1. Hay empresas que publican una página de forma gratuita.
2. mediante pago: se realiza una suscripción a una empresa prestadora de
asistencia en el servicio de la Web y como parte del servicio ellas cuelgan una
página Web de un número limitado de páginas.
Programas para diseño de páginas Web:
Word, FrontPage, dreamweaber, Publisher, god live, composer FrontPage y Publisher
viene con office, el office Premium viene con FrontPage.
Para desarrollar elementos en la página Web resulta útil apoyarse en otros programas
para que el producto quede mejor acabado. Apoyarse por ejemplo en coreldraw -
ilustration o free mand
Para incluir efectos dinámicos se pueden utilizar programas como: flash
macromedia, 3d estudio max, animador, autovision.
Paginas con imágenes se trabajan con programas de edición de imágenes como:
photo paint, photo Draw, etc.
Los buscadores son recursos para difundir páginas Web, son buscadores:
www.google.com
www.altavista.com
www.yahoo.com
Clasificación de páginas Web:
.com comerciales
.org organización
.co
Estatales
.es
PAUTAS PARA CREAR UN SITIO WEB
Se deben tener en cuenta
1. objetivo: permite trabajar de manera eficaz como para que se crea, porque,
como se realiza
2. a quien va dirigido: es decir el tipo de público, si este es infantil, juvenil,
técnico, profesional, etc.
De acuerdo al público se implementarán herramientas específicas como:
modas, lenguaje.
3. proveer la información exacta
4. nunca utilice textos o imágenes que estén reservadas a una empresa
5. estética: es importante cautivar la mirada del observador
Partes de una pagina WEB
home page : es la página de entrada y esta incluye
1. área de titulo:
Comprende nombre de la empresa, el logo o logotipo, nombre de la
Persona, puede ir una imagen o un banner.
El logo es solo un icono, logotipo es icono mas texto, banner son avisos
donde se intercambian imágenes y textos.
Normalmente debajo del banner van unas franjitas denominadas vínculos.
2. área de vínculos: aquí pueden aparecer:
textos
imágenes
botones
imágenes + texto
Su función es permitir acceder a más información, puede ser en dirección horizontal o
vertical.
3. cuerpo de página
Puede incluir algunos de los siguientes aspectos: textos explicativos o imágenes tipo
catalogo, galería o propaganda publicitaria.
4. área de vínculo, tipo texto
En el área de los vínculos pueden aparecer empresas que quieren pautar en la página
Web que se exhibe.
Lenguaje de programación
para páginas Web
HTML
Índice
1. Introducción
2. Que es el HTML
3. Orígenes del HTML
4. Creación de páginas Web con lenguaje HTML
5 Como insertar una imagen
6. conclusión
1. Introducción
El HTML no es más que una aplicación del SGML (Standard Generalized Markup
Language), un sistema para definir tipos de documentos estructurados y lenguajes de
marcas para representar esos mismos documentos. El término HTML se suele referir a
ambas cosas, tanto al tipo de documento como al lenguaje de marcas.
A medida que nos afianzamos en el manejo de Internet cada uno de nosotros pasa por
tres etapas diferentes: Al principio solamente conocemos unas pocas páginas, luego
nos damos cuenta que existen buscadores lo cual lo hace más interesante y por último
nos damos cuenta que en Internet no solamente se puede ver la información sino que
también se puede publicar. ¿Y qué otra manera más fácil y más sencilla? Si Internet
tiene acceso a todos los rincones del mundo.
Para que varias personas se comuniquen es necesario que éstas hablen un mismo
idioma. El lenguaje que utilizan las computadoras que están conectadas a Internet es
HTML.
2. Que es el HTML
El HTML, Hyper Text Markup Language (Lenguaje de marcación de Hipertexto) es el
lenguaje de marcas de texto utilizado normalmente en la WWW (World Wide Web).
Fue creado en 1986 por el físico nuclear Tim Berners-Lee; el cual tomo dos
herramientas preexistentes: El concepto de Hipertexto (Conocido también como link o
ancla) el cual permite conectar dos elementos entre si y el SGML (Lenguaje Estándar
de Marcación General) el cual sirve para colocar etiquetas o marcas en un texto que
indique como debe verse. HTML no es propiamente un lenguaje de programación
como C++, Visual Basic, etc., sino un sistema de etiquetas. HTML no presenta ningún
compilador, por lo tanto algún error de sintaxis que se presente éste no lo detectará y
se visualizara en la forma como éste lo entienda.
El entorno para trabajar HTML es simplemente un procesador de texto, como el que
ofrecen los sistemas operativos Windows (Bloc de notas), UNIX (el editor vi o ed) o el
que ofrece MS Office (Word). El conjunto de etiquetas que se creen, se deben guardar
con la extensión .htm o .html
Estos documentos pueden ser mostrados por los visores o "browsers" de paginas Web
en Internet, como Netscape Navigator, Mosaic, Opera y Microsoft Internet Explorer.
También existe el HTML Dinámico (DHTML), que es una mejora de Microsoft de la
versión 4.0 de HTML que le permite crear efectos especiales como, por ejemplo, texto
que vuela desde la página palabra por palabra o efectos de transición al estilo de
anuncio publicitario giratorio entre página y página.
3. Orígenes del HTML
1986. Publicación de la ISO 8879 que presenta el Standard General Markup Language,
origen del HTML.
1989. Tim Berners-Lee, a la sazón en el Centro Europeo de Investigaciones Nucleares
presenta su artículo Information Management: A Proposal dedicándose de lleno al
desarrollo de un sistema que permitiera el acceso en línea de manera uniforme a la
información disponible en muchos recursos distintos, y que pudiese funcionar en
máquinas que conectadas por redes basadas en TCP/IP.
1990-1991. Tim Berners-Lee define el HTML como un subconjunto de SGML (Standard
Generalized Markup Language), que más tarde se llamará nivel 0; soporta
encabezados, listas y anclas. Se crea el nombre World Wide Web.
1991. Tim Berners-Lee introduce el primer visor de HTML, LineMode, que trabaja en
modo texto y sólo en plataformas UNIX. El Centro Europeo de Investigaciones
Nucleares realiza la apertura del primer sitio con acceso público de World Wide Web el
17 de mayo (http://info.cern.ch).
1992. Dan Connolly produce la primera Definición de Tipo de Documento (DTD) para el
lenguaje, llamada HTML 1.0, agregando a la definición original atributos para modificar
el estilo físico del texto. Se distribuye Viola, primer visor gráfico de Web y disponible
sólo para X.11.
1995. Dave S. Raggett (Hewlett-Packard, Inglaterra) comienza a compilar la normativa
del nuevo nivel del lenguaje, el HTML 3.0, cuya principal novedad es el soporte de
tablas. Microsoft produce su primer visor de Internet, el cual también utiliza elementos
de HTML degenerados. Una nueva versión de Netscape, Navigator 2.0, agrega soporte
de encuadres. Sun Microsystems produce el primer visor de World Wide Web con
soporte de un lenguaje de programación, HotJava. Se celebran la Tercera y Cuarta
conferencias internacionales de WWW, en Boston y Darmstadt respectivamente, y la
conferencia de WWW para Asia y el Pacífico en Wagga-Wagga.
4. Creación de páginas Web con lenguaje HTML
Para crear una página Web se pueden utilizar varios programas especializados en esto,
como por ejemplo, el Microsoft FrontPage o el Macromedia Dreamweaver. Otra
forma de diseñar un archivo .html, es copiar todo en el Bloc de Notas del Windows, ya
que este sencillo programa cumple con un requisito mínimo que es la posibilidad de
trabajar con las etiquetas con las que trabaja este lenguaje.
5. Como insertar una imagen
A la hora de crear una página Web podemos introducir gráficos de forma muy sencilla,
sólo hay que tener en cuenta que las imágenes deben tener formato Gif o JPEG.
Una vez que terminamos de escribir todo nuestro documento, lo guardamos
poniéndole un nombre, y necesariamente lo debemos guardar con la extensión .HTM o
.HTML.
6. Conclusión
Sin HTML no existiría el Internet que hoy conocemos, si no se hubiera inventado,
seguiríamos con el aburrido FTP (Protocolo de Transferencia de Ficheros)
mandándonos o bajando archivos que a veces ni sabíamos lo que eran, sin tener la
posibilidad de visualizarlo antes. Ahora por medio de una página llena de colores y
botones por la cual se puede navegar, se puede tener acceso a bastante información y
archivos.
El lenguaje de HTML abrió una puerta al mundo permitiéndole a las personas expresar
sus ideas por medio de páginas y mostrárselas a todas las personas de todos los
países.
Con el HTML se logró un gran movimiento económico ya que muchísimas empresas
publican, venden, y ofrecen sus productos, sus servicios y sus ofertas atrayendo a
mayor cantidad de personas. También gracias al HTML nacieron muchas empresas que
ofrecen diversos servicios como Yahoo, Altavista, HotMail, Terra, Yupi, Mercadolibre,
De Remate, etc.
Infinitas son las posibilidades que te brindan las páginas WEB ya que no solo te dan la
posibilidad de pasar el tiempo navegando, sino que también hasta se puede comprar
un auto por Internet, solo basta con llenar un formulario con los datos personales y el
número de tarjeta de crédito y en ocho días lo tenemos en nuestra casa.
Todo el universo de Internet se lo debemos al HTML, ya que todas las páginas con las
que se compone la World Wide Web están hechas con el lenguaje de programación.
DISEÑO DE PAGINA WEB CON PUBLISHER
Debes crear la carpeta, ejemplo: Sergio- Ramírez, subcarpeta ejemplos-
estudiantes, dentro de ella la subcarpeta: sitio- Web- estudiantes-multimedia.
PASO 1: COMO USAR EL ASISTENTE DEL SITIO WEB
1. inicia el Publisher
2. mira el panel del asistente, haz clic en sitios Web( haz doble clic en el sitio que
has elegido)
3. clic en insertar página si decidiste más de una página
4. clic en relleno y sonido de fondo y elige la opción
5. si deseas barra de exploración (las barras de navegación proporciona vínculos
a las otras páginas de tu sitio).
6. si deseas algún tipo de formulario, haciendo clic en la opción seleccionada
7. clic en combinaciones de colores y elige la que prefieras
8. clic en combinaciones de fuentes y elige la deseada
9. puedes cerrar el asistente haciendo clic en la cruz del borde superior derecho
del mismo
10. puedes volver al asistente en cualquier momento, haciendo clic en el menú
formato y luego seleccionas opciones de sitios Web
11. en el menú archivo, haz clic en guardar como
12. encuentra tu carpeta del programa. Abre la carpeta ejemplos – estudiantes.
Abre la carpeta sitio- Web estudiantes
13. en el cuadro nombre de archivo, escribe un nombre para tu documento.
Publisher automáticamente agrega la extensión .pub.
14. haz clic en guardar
Como añadir páginas adicionales al sitio Web
1. en el menú insertar, haz clic en página
2. comando tipo de páginas disponibles cuando quieres cambiar el tipo de página
por otra distribución, haz clic en una distribución
3. ver mas opciones
4. debajo de opciones, haz clic en duplicar todos los objetos de la página 1
5. si deseas que un botón de la página principal vincule esta nueva pagina,
selecciona agregar hipervínculo a la barra de exploración de Web
6. haz clic en aceptar
nota: la barra de exploración Web solo admite 10 páginas
Como cambiar el titulo de la página Web
1. en la barra de estado de la parte inferior de la pantalla , haz clic en el icono de
la página 1 para regresar a la página 1
2. haz clic en titulo de la página principal en la parte superior de tu página Web.
3. en la barra de estado, haz clic en el icono página 2 para ir a al página 2
4. haz clic en el cuadro de texto titulo ubicado en la parte superior de la página2.
digita un titulo apropiado.
5. guarda tu publicación cada 15 minutos
Como agregar un formulario
1. haz clic en formato y luego en opciones de sitio Web
2. selecciona el formulario deseado
3. Publisher elabora automáticamente una nueva página con el formato
de un formulario
4. completa los campos del formulario
5. haz doble clic en enviar para indicar a que correo electrónico serán
enviadas las respuestas , inscripciones o pedidos ( como editar el
código HTML de un formulario de respuestas)
6. en el cuadro de dialogo propiedades del botón de comando, haz clic
en propiedades de formulario y luego en enviar datos por correo
electrónico
7. en el cuadro enviar datos a esta dirección de correo electrónico,
escribe la dirección de correo electrónico a la que deseas que sean
enviados los formularios.
8. en el cuadro asunto del mensaje del correo electrónico, cambia el
mensaje si lo deseas.
9. haz clic en aceptar
10.aceptar
11.guarda tu publicación.
PASO 2: COMO REALZAR UN SITIO WEB
Demasiados sonidos e imágenes pueden distraer la atención y provocar
lentitud al cargar el sitio.
Recuerda cumplir con las normas legales sobre derechos de autor y marcas;
incluye las fuentes bibliográficas si fuese necesario y guarda tu trabajo con
frecuencia.
Como agregar marcos al texto
1. oculta el asistente
2. en la barra de herramientas de objetos de la izquierda, haz clic en (
instrumento marco de texto)
3. dibuja un cuadro de texto. Arrastra el cuadro diagonalmente hasta donde
deseas que termine tu texto.
4. haz clic en cualquier parte del cuadro de texto para activar el modo edición
5. cambia el estilo del texto si lo deseas y comienza a digitar tu texto
Como crear hipervínculos
 Como crear un hipervínculo a otra pagina de un sitio Web
1. selecciona una imagen o un bloque de texto que te gustaría vincular a otra
página en tu sitio o a otra dirección de Internet.
2. en el menú insertar, haz clic en hipervínculo, o haz clic en el botón insertar
hipervínculo de la barra de herramientas.
3. en el cuadro de dialogo insertar hipervínculo, haz clic en lugar de este
documento.
4. especifica la página apropiada
5. clic en aceptar
6. guarda tu publicación
 Como crear vínculos a Internet
Como elaborar un vínculo para una parte del texto:
1. selecciona el texto que quieres vincular a otro sitio de Internet
2. en insertar, haz clic en hipervínculo, o haz clic en el botón insertar hipervínculo
de la barra de herramientas.
3. clic en archivo o página Web existente.
4. al lado de dirección pega o escribe la dirección URL en el cuadro habilitado
5. clic en aceptar
6. los textos subrayados por lo general indican la presencia de un hipervínculo.
Como crear un hipervínculo a una dirección de correo electrónico
1. haz clic en la imagen o selecciona el texto que quieras vincular a la dirección de
correo electrónico. Cuando alguien selecciona este vinculo en Internet, se inicia
el programa de correo electrónico de esa persona con tu dirección de correo
electrónico en el campo para.
2. en insertar, haz clic en hipervínculo o haz clic en el botón insertar
hipervínculo de la barra de herramientas
3. en el Cuadro de diálogo insertar hipervínculo haz clic en dirección de correo
electrónico
4. escribe la dirección de correo electrónico
5. escribe asunto, si deseas que los mensajes te lleguen con un asunto
determinado
6. aceptar
7. guarda
Como crear un vínculo para un archivo:
Si deseas que los visitantes solamente lean el documento, necesitas
guardarlo como una pagina WEB.
Como crear un vinculo a un documento de Microsoft Word o Excel
1. abre el documento
2. en archivo, haz clic en guardar como página Web
3. guarda el archivo en la misma carpeta que tu sitio WEB
4. vuelve a tu página. selecciona el texto o la imagen que quieres
vincular al documento
5. en insertar, haz clic en hipervínculo o haz clic en el botón insertar
hipervínculo, en la barra de herramientas estándar.
6. en vincular a, haz clic en archivo o pagina WEB existente
7. examina para encontrar el archivo apropiado y haz clic en aceptar.
PASO 3: COMO USAR EL VERIFICADOR DE DISEÑO
1. en el menú herramientas, haz clic en el verificador de diseño
2. haz clic en todas. Para verificar páginas especificas, haz clic en
páginas, y digita los números de páginas en los cuadros desde y hasta
3. haz clic en aceptar
4. Publisher verifica el diseño y abre un cuadro de dialogo si encuentran
algún problema
5. si deseas solucionar el problema, ve a la publicación y haz los cambios
6. haz clic en cerrar.
PASO 4: VISTA PREVIA DE UN SITIO WEB
1. en el menú archivo, haz clic en vista previa de páginas WEB.
2. en el cuadro de diálogo vista previa de páginas Web, haz clic en sitio Web para
tener la vista previa de todas las páginas de tu sitio WEB
3. verifica todos tus vínculos para asegurarte que funcionan correctamente.
PASO 5: COMO GUARDAR UN SITIO WEB
Antes de cargar tu sitio Web a Internet, primero guárdalo como un archivo
de Publisher. Este permite editarlo y hacerle cambios. Cuando hayas
terminado, guarda tu sitio Web como una página Web.
Como guardar como un archivo de Publisher
1. guarda tu sitio Web como un archivo de Publisher en tu carpeta de
página Web
2. en el menú archivo, haz clic en guardar.
3. encuentra tu carpeta del programa. Abre tu carpeta de ejemplos
estudiantes. Luego abre tu carpeta sitio Web- estudiantes
4. digita un nombre para tu sitio Web
5. haz clic en guardar.
Como guardar como una pagina Web
Guárdala una última vez como un archivo de Publisher, ya que el formato HTML no
puede ser editado en Publisher.
1. en el menú archivo, haz clic en guardar como página Web. Encuentra tu
carpeta del programa. Abre tu carpeta ejemplos- estudiantes. Abre tu carpeta
sitio- Web- estudiantes
2. haz clic en guardar
3. si deseas verificar que los vínculos de tu presentación power point funcionan,
abre MI PC o Microsoft Windows Explorer, y luego haz doble clic en el index de
tu carpeta de páginas WEB.

Más contenido relacionado

La actualidad más candente

Modelo Guión Conceptual
Modelo Guión Conceptual Modelo Guión Conceptual
Modelo Guión Conceptual
Alberto Rojas
 
Seconds life dinorah rojas herramientas web1
Seconds life dinorah rojas herramientas web1Seconds life dinorah rojas herramientas web1
Seconds life dinorah rojas herramientas web1
dinorahrojas
 
HERRAMIENTAS PARA A EDUCACIÓN
HERRAMIENTAS PARA A EDUCACIÓNHERRAMIENTAS PARA A EDUCACIÓN
HERRAMIENTAS PARA A EDUCACIÓN
PaolaUresti
 
Webinar cero: presentación del programa y claves para organizar actividades d...
Webinar cero: presentación del programa y claves para organizar actividades d...Webinar cero: presentación del programa y claves para organizar actividades d...
Webinar cero: presentación del programa y claves para organizar actividades d...
Área de Innovación Universidad Internacional de Andalucía
 
Modulo web 2.0
Modulo web 2.0Modulo web 2.0
Modulo web 2.0
carivfi
 
web 2.0: Del usuario consumidor al usuario productor
web 2.0: Del usuario consumidor al usuario productorweb 2.0: Del usuario consumidor al usuario productor
web 2.0: Del usuario consumidor al usuario productor
Fernando Irigaray
 
Taller sesion 2 mapas conceptuales
Taller sesion 2  mapas conceptualesTaller sesion 2  mapas conceptuales
Taller sesion 2 mapas conceptuales
Carolina Bejarano
 
Prod1 enrique miguel ovalle horcasitas
Prod1 enrique miguel ovalle horcasitasProd1 enrique miguel ovalle horcasitas
Prod1 enrique miguel ovalle horcasitas
Ave Fenix
 

La actualidad más candente (19)

Modelo Guión Conceptual
Modelo Guión Conceptual Modelo Guión Conceptual
Modelo Guión Conceptual
 
Seconds life dinorah rojas herramientas web1
Seconds life dinorah rojas herramientas web1Seconds life dinorah rojas herramientas web1
Seconds life dinorah rojas herramientas web1
 
Actividad febrero 2016
Actividad febrero 2016Actividad febrero 2016
Actividad febrero 2016
 
Construyendo pertinencia del proyecto educativo colegio snicolas
Construyendo pertinencia del proyecto educativo colegio snicolasConstruyendo pertinencia del proyecto educativo colegio snicolas
Construyendo pertinencia del proyecto educativo colegio snicolas
 
HERRAMIENTAS PARA A EDUCACIÓN
HERRAMIENTAS PARA A EDUCACIÓNHERRAMIENTAS PARA A EDUCACIÓN
HERRAMIENTAS PARA A EDUCACIÓN
 
Webinar cero: presentación del programa y claves para organizar actividades d...
Webinar cero: presentación del programa y claves para organizar actividades d...Webinar cero: presentación del programa y claves para organizar actividades d...
Webinar cero: presentación del programa y claves para organizar actividades d...
 
Propuesta de evaluación del aprendizaje mediado por TIC
Propuesta de evaluación del aprendizaje mediado por TICPropuesta de evaluación del aprendizaje mediado por TIC
Propuesta de evaluación del aprendizaje mediado por TIC
 
Proyecto 2 do periodo académico grado 10
Proyecto 2 do periodo académico grado 10Proyecto 2 do periodo académico grado 10
Proyecto 2 do periodo académico grado 10
 
Curso Taller "Exprimiendo el WEB 2.0"
Curso  Taller "Exprimiendo el WEB 2.0"Curso  Taller "Exprimiendo el WEB 2.0"
Curso Taller "Exprimiendo el WEB 2.0"
 
Portafolio herramientas
Portafolio herramientasPortafolio herramientas
Portafolio herramientas
 
Modulo web 2.0
Modulo web 2.0Modulo web 2.0
Modulo web 2.0
 
Foros janette ayala
Foros janette ayalaForos janette ayala
Foros janette ayala
 
Andamios lizbeth salassalazar.
Andamios lizbeth salassalazar.Andamios lizbeth salassalazar.
Andamios lizbeth salassalazar.
 
web 2.0: Del usuario consumidor al usuario productor
web 2.0: Del usuario consumidor al usuario productorweb 2.0: Del usuario consumidor al usuario productor
web 2.0: Del usuario consumidor al usuario productor
 
Taller sesion 2 mapas conceptuales
Taller sesion 2  mapas conceptualesTaller sesion 2  mapas conceptuales
Taller sesion 2 mapas conceptuales
 
Computo3
Computo3Computo3
Computo3
 
webquest
webquestwebquest
webquest
 
WEBQUEST
WEBQUESTWEBQUEST
WEBQUEST
 
Prod1 enrique miguel ovalle horcasitas
Prod1 enrique miguel ovalle horcasitasProd1 enrique miguel ovalle horcasitas
Prod1 enrique miguel ovalle horcasitas
 

Similar a Proyecto de aula nuevo periodo 3 Grado 11

Conceptualización y Planificación de sitios web
Conceptualización y Planificación de sitios web Conceptualización y Planificación de sitios web
Conceptualización y Planificación de sitios web
Francisco Berrizbeitia
 

Similar a Proyecto de aula nuevo periodo 3 Grado 11 (20)

Presentacion
PresentacionPresentacion
Presentacion
 
Páginas_web guia didactica.pdf
Páginas_web guia didactica.pdfPáginas_web guia didactica.pdf
Páginas_web guia didactica.pdf
 
Deisy rosero blog
Deisy rosero blogDeisy rosero blog
Deisy rosero blog
 
Portafolio Electronico
Portafolio ElectronicoPortafolio Electronico
Portafolio Electronico
 
01 anexo fichas_detrabajo_sa_v2
01 anexo fichas_detrabajo_sa_v201 anexo fichas_detrabajo_sa_v2
01 anexo fichas_detrabajo_sa_v2
 
Elaboración de-paginas-web
Elaboración de-paginas-webElaboración de-paginas-web
Elaboración de-paginas-web
 
Matriz de posibilidades pedagógicas, didácticas & tecnológicas.pdf
Matriz de posibilidades pedagógicas, didácticas & tecnológicas.pdfMatriz de posibilidades pedagógicas, didácticas & tecnológicas.pdf
Matriz de posibilidades pedagógicas, didácticas & tecnológicas.pdf
 
Guia blog
Guia blogGuia blog
Guia blog
 
Guia blog
Guia blogGuia blog
Guia blog
 
Guia blog
Guia blogGuia blog
Guia blog
 
Logros
LogrosLogros
Logros
 
Conceptualización y Planificación de sitios web
Conceptualización y Planificación de sitios web Conceptualización y Planificación de sitios web
Conceptualización y Planificación de sitios web
 
segundo periodo
segundo periodosegundo periodo
segundo periodo
 
Guia de aprendizaje_tic
Guia de aprendizaje_ticGuia de aprendizaje_tic
Guia de aprendizaje_tic
 
Alad, módulo ii, mi portafolio electrónico, vmdf, grupo 18
Alad, módulo ii, mi portafolio electrónico, vmdf, grupo 18Alad, módulo ii, mi portafolio electrónico, vmdf, grupo 18
Alad, módulo ii, mi portafolio electrónico, vmdf, grupo 18
 
Diseño de Portafolios Electrónicos
Diseño de Portafolios ElectrónicosDiseño de Portafolios Electrónicos
Diseño de Portafolios Electrónicos
 
CREACION CONTENIDOS Mie (7 a 10 am).pptx
CREACION CONTENIDOS Mie (7 a 10 am).pptxCREACION CONTENIDOS Mie (7 a 10 am).pptx
CREACION CONTENIDOS Mie (7 a 10 am).pptx
 
Diseñar para la presentación de temas y proyectos
Diseñar para la presentación de temas y proyectosDiseñar para la presentación de temas y proyectos
Diseñar para la presentación de temas y proyectos
 
Actividad de aula soportada con aplicaciones Web 2.0.pptx
Actividad de aula soportada con aplicaciones Web 2.0.pptxActividad de aula soportada con aplicaciones Web 2.0.pptx
Actividad de aula soportada con aplicaciones Web 2.0.pptx
 
Act Final Portafolio
Act Final PortafolioAct Final Portafolio
Act Final Portafolio
 

Último

Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficios
JonathanCovena1
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
lupitavic
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Francisco158360
 

Último (20)

Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficios
 
Estrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxEstrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptx
 
plande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfplande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdf
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
Valoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCVValoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCV
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 

Proyecto de aula nuevo periodo 3 Grado 11

  • 1. SANTIAGO DE CALI AREA: TECNOLOGIA E INFORMATICA PROYECTO DE AULA PERIODO 3 GRADO 11- EQUIPO Nº _____ DOCENTE: ESP. GUILLERMO MONDRAGON CASTRO LICEO DEPARTAMEN TAL Versión: 01 Fecha: Página Código: ESTÁNDAR BÁSICO DE COMPETENCIA: CTS -Apropiación y uso de la tecnología Tengo en cuenta principios de funcionamiento y criterios de selección, para la utilización eficiente y segura de artefactos, productos, servicios, procesos y sistemas tecnológicos de mi entorno. COMPETENCIAS BÁSICAS: -- Utilizo adecuadamente herramientas informáticas de uso común para la búsqueda y procesamiento de la información y la Comunicación de ideas. COMPETENCIAS CIUDADANAS: - Contribuyo a que los conflictos entre personas y entre grupos se manejen de manera pacífica y constructiva mediante la aplicación de estrategias basadas en el diálogo y la negociación. COMPETENCIAS LABORALES GENERALES: - Diseño algunos modelos tecnológicos que apoyan el desarrollo de tareas y acciones. I.LOGRO ESPERADO: Definir, conocer y crear una página WEB utilizando el programa Publisher del paquete de office tomando un tema de referencia específico. II.INDICADORES DE LOGRO 1. Ser : Honestidad, Respeto, Responsabilidad 2. Saber: Conoce lo referente a una relatoría, ensayo, página Web, sitio Web, HTML (programación) PARTICIPANDO DEL CONOCIMIENTO NOS VAMOS APROPIANDO
  • 2. Aplica los pasos para elaborar una página WEB utilizando Publisher. 3. Hacer: desarrolla el plan de aula, resuelve los talleres y las prácticas propuestas Lee y Consulta en equipo *Elabora una relatoría de manera individual sobre: lecturas páginas Web, lenguaje de programación para paginas web html y diseño de página Web en Publisher con letra arial 12; utilizando normas icontec, dicha actividad debe subir a la wiki *Elabora un ensayo de manera individual- original sobre los derechos de autor. Lo envía al correo electrónico gmondragon64@gmail.com Elabora un blog *Elabora una página web en JIMDO Debe hacerlo tomando el tema de referencia 4. Convivir: Respeta las opiniones de las otras personas, fomenta la cultura Ciudadana. Asume una actitud de respeto en el uso de las direcciones Electrónicas. III. GRUPO TEMÁTICO: INFORMATICA APLICADA 1. Relatoría - ensayo 2. Internet 3. ¿Cómo evaluar un sitio Web? 4. Página WEB 5. Lenguaje de programación para páginas Web 6. Diseño de una página Web con Publisher 7. Respeto por la diferencia 8. Relaciones interpersonales 9. Análisis de situaciones personales IV. ACTIVIDADES PEDAGÓGICAS: 1. Desarrollo del proyecto y del plan de aula 2. Lectura, análisis individual y grupal de los documentos propuestos 3. En la sala de sistemas equipos de 2-3 personas (diseño) 4. Crear cuenta de correo de google y utilizarla enviando los informes de manera puntual (cuenta personal) 5. Manejo de tic (tecnología de información y comunicación) V. MATERIAL DIDÁCTICO: 1. Proyecto y plan de aula 2. Lecturas sugeridas y recomendadas 3. Saberes de las y los participantes
  • 3. 4. Medios telemáticos (computador, Internet) 5. Documentos, textos, libros 6. Material magnético nuevo ( CD ), memoria USB 7. Puede adquirir el material en la fotocopiadora ( no olvide llevarlo a la sala de sistemas). VI. CRITERIOS DE EVALUACION: Desempeños académicos: (solución de problemas, cumplimiento escolar, uso adecuado de las tic), desempeños sociales: (trabajo en equipo, conservación del medio ambiente, liderazgo), desempeños personales: (asistencia, presentación personal, disposición al trabajo) ESTRATEGIAS PEDAGÓGICAS DE APOYO DEBILIDADES EN EL PROCESO FORMATIVO: (Para la superación del desempeño bajo) - Aclaración de dudas surgidas en el desarrollo del tema Asignación de talleres de refuerzo Sustentación del taller Evaluación teórico, práctica (repechaje) Ejercicio y práctica personalizada utilizando el computador. ACTIVIDADES ESPECIALES DE MOTIVACIÓN: - Asignación del proyecto de profundización Consulta y sustentación de algunas temáticas que aborden el contenido Elaboración de una pagina web y colgarla en un lugar (hosting) Sustentación del proyecto ante un auditorio teniendo en cuenta el manejo del tema, profundidad de la investigacion, calidad del orador. REFERENCIAS BIBLIOGRAFICAS Tiznado S., Marco Antonio, Password procesos creativos 10, Editorial MCGraw- Hill, Santafé de Bogotá, 1997. El Tiempo, Práctico curso de informática e Internet. Candau, Debbie, Intel Educar para el futuro, adaptado para COLOMBIA, primera reimpresión febrero de 2006. Webgrafia o cibergrafia http://www.flashvortex.com/ Para crear los banner http://goanimate.com para crear animaciones web 2.0 Jimdo.com para creación de pagina web Live stream Para hacer transmisiones Ustream *Guía de front page en pdf Videos tutoriales http://www.aula21.net/ Serie clic curso completo.
  • 4. LA RELATORÍA La relatoría es un texto escrito de mínimo 3 páginas y máximo de 5, donde el autor o los autores presentan un texto a partir de las lecturas realizadas. Esta modalidad exige un tiempo de trabajo que le beneficiará. Los objetivos de la relatoría, respecto a usted como estudiante, son: 1. Construir su texto escrito sobre la temática expuesta. 2. Desarrollar habilidades comunicativas en los campos de la lectura y la escritura. 3. Desarrollar su capacidad de reaccionar intelectualmente ante una temática expuesta. Al construir el texto escrito elabórela siguiendo la secuencia pedida a continuación, no es necesario titular cada paso. E S T R U C T U R A No ASPECTOS A EVALUAR CRITERIOS DE EVALUACIÓN 1. INTRODUCCIÓN: En esta parte el lenguaje es de tipo informativo.  Citar el tema y/o documento sobre el cual va a centrar la reflexión.  Enunciar el objetivo de su relatoría. 2. SÍNTESIS En esta parte el lenguaje es de tipo informativo.  Es primordial rescatar fielmente los planteamientos más importantes de la guía.  Es una síntesis que refleja el tema del ponente.  Es Comprensión interpretativa de lo literal.  No es pertinente introducir ideas propias. 3. REACCIÓN INTELECTUAL Esta parte de la relatoria es la producción intelectual del estudiante participante, de sus puntos de vista sobre la temática, situación que se plasma en la construcción de un texto.  Son reflexiones personales derivadas de la interpretación de la guía y la relación hecha entre la teoría y la aplicación en el contexto de su trabajo, como estudiante.  Se plasman las ideas nuevas o cuestionamientos que surgieron. F O R M A 1. COHESIÓN ADECUACIÓN DEL TEXTO  Relación lógica entre las ideas planteadas en el texto.  Secuencia lógica. 2. USOS LEXICALES  Ortografía  Palabras adecuadas  Ideas completas. 3. BIBLIOGRAFÍA  Referencia a los textos trabajados.
  • 5. GRADO 11 - LECTURAS PAGINA WEB Es un documento que permite el manejo de textos, imágenes, sonidos, videos, etc., con el fin de emitir un mensaje. Una página es un hiperdocumento que se le pueden ingresar muchos elementos, se visualiza en Internet. Sitio Web: es un conjunto de páginas Web. Para colocar una página en la Web se puede hacer mediante 2 opciones: gratuita y con pago. 1. Hay empresas que publican una página de forma gratuita. 2. mediante pago: se realiza una suscripción a una empresa prestadora de asistencia en el servicio de la Web y como parte del servicio ellas cuelgan una página Web de un número limitado de páginas. Programas para diseño de páginas Web: Word, FrontPage, dreamweaber, Publisher, god live, composer FrontPage y Publisher viene con office, el office Premium viene con FrontPage. Para desarrollar elementos en la página Web resulta útil apoyarse en otros programas para que el producto quede mejor acabado. Apoyarse por ejemplo en coreldraw - ilustration o free mand Para incluir efectos dinámicos se pueden utilizar programas como: flash macromedia, 3d estudio max, animador, autovision. Paginas con imágenes se trabajan con programas de edición de imágenes como: photo paint, photo Draw, etc. Los buscadores son recursos para difundir páginas Web, son buscadores: www.google.com www.altavista.com www.yahoo.com Clasificación de páginas Web: .com comerciales .org organización .co Estatales .es PAUTAS PARA CREAR UN SITIO WEB Se deben tener en cuenta 1. objetivo: permite trabajar de manera eficaz como para que se crea, porque, como se realiza 2. a quien va dirigido: es decir el tipo de público, si este es infantil, juvenil, técnico, profesional, etc.
  • 6. De acuerdo al público se implementarán herramientas específicas como: modas, lenguaje. 3. proveer la información exacta 4. nunca utilice textos o imágenes que estén reservadas a una empresa 5. estética: es importante cautivar la mirada del observador Partes de una pagina WEB home page : es la página de entrada y esta incluye 1. área de titulo: Comprende nombre de la empresa, el logo o logotipo, nombre de la Persona, puede ir una imagen o un banner. El logo es solo un icono, logotipo es icono mas texto, banner son avisos donde se intercambian imágenes y textos. Normalmente debajo del banner van unas franjitas denominadas vínculos. 2. área de vínculos: aquí pueden aparecer: textos imágenes botones imágenes + texto Su función es permitir acceder a más información, puede ser en dirección horizontal o vertical. 3. cuerpo de página Puede incluir algunos de los siguientes aspectos: textos explicativos o imágenes tipo catalogo, galería o propaganda publicitaria. 4. área de vínculo, tipo texto En el área de los vínculos pueden aparecer empresas que quieren pautar en la página Web que se exhibe. Lenguaje de programación para páginas Web HTML Índice 1. Introducción 2. Que es el HTML 3. Orígenes del HTML 4. Creación de páginas Web con lenguaje HTML 5 Como insertar una imagen
  • 7. 6. conclusión 1. Introducción El HTML no es más que una aplicación del SGML (Standard Generalized Markup Language), un sistema para definir tipos de documentos estructurados y lenguajes de marcas para representar esos mismos documentos. El término HTML se suele referir a ambas cosas, tanto al tipo de documento como al lenguaje de marcas. A medida que nos afianzamos en el manejo de Internet cada uno de nosotros pasa por tres etapas diferentes: Al principio solamente conocemos unas pocas páginas, luego nos damos cuenta que existen buscadores lo cual lo hace más interesante y por último nos damos cuenta que en Internet no solamente se puede ver la información sino que también se puede publicar. ¿Y qué otra manera más fácil y más sencilla? Si Internet tiene acceso a todos los rincones del mundo. Para que varias personas se comuniquen es necesario que éstas hablen un mismo idioma. El lenguaje que utilizan las computadoras que están conectadas a Internet es HTML. 2. Que es el HTML El HTML, Hyper Text Markup Language (Lenguaje de marcación de Hipertexto) es el lenguaje de marcas de texto utilizado normalmente en la WWW (World Wide Web). Fue creado en 1986 por el físico nuclear Tim Berners-Lee; el cual tomo dos herramientas preexistentes: El concepto de Hipertexto (Conocido también como link o ancla) el cual permite conectar dos elementos entre si y el SGML (Lenguaje Estándar de Marcación General) el cual sirve para colocar etiquetas o marcas en un texto que indique como debe verse. HTML no es propiamente un lenguaje de programación como C++, Visual Basic, etc., sino un sistema de etiquetas. HTML no presenta ningún compilador, por lo tanto algún error de sintaxis que se presente éste no lo detectará y se visualizara en la forma como éste lo entienda. El entorno para trabajar HTML es simplemente un procesador de texto, como el que ofrecen los sistemas operativos Windows (Bloc de notas), UNIX (el editor vi o ed) o el que ofrece MS Office (Word). El conjunto de etiquetas que se creen, se deben guardar con la extensión .htm o .html Estos documentos pueden ser mostrados por los visores o "browsers" de paginas Web en Internet, como Netscape Navigator, Mosaic, Opera y Microsoft Internet Explorer. También existe el HTML Dinámico (DHTML), que es una mejora de Microsoft de la versión 4.0 de HTML que le permite crear efectos especiales como, por ejemplo, texto que vuela desde la página palabra por palabra o efectos de transición al estilo de anuncio publicitario giratorio entre página y página. 3. Orígenes del HTML 1986. Publicación de la ISO 8879 que presenta el Standard General Markup Language, origen del HTML. 1989. Tim Berners-Lee, a la sazón en el Centro Europeo de Investigaciones Nucleares presenta su artículo Information Management: A Proposal dedicándose de lleno al desarrollo de un sistema que permitiera el acceso en línea de manera uniforme a la información disponible en muchos recursos distintos, y que pudiese funcionar en máquinas que conectadas por redes basadas en TCP/IP. 1990-1991. Tim Berners-Lee define el HTML como un subconjunto de SGML (Standard Generalized Markup Language), que más tarde se llamará nivel 0; soporta
  • 8. encabezados, listas y anclas. Se crea el nombre World Wide Web. 1991. Tim Berners-Lee introduce el primer visor de HTML, LineMode, que trabaja en modo texto y sólo en plataformas UNIX. El Centro Europeo de Investigaciones Nucleares realiza la apertura del primer sitio con acceso público de World Wide Web el 17 de mayo (http://info.cern.ch). 1992. Dan Connolly produce la primera Definición de Tipo de Documento (DTD) para el lenguaje, llamada HTML 1.0, agregando a la definición original atributos para modificar el estilo físico del texto. Se distribuye Viola, primer visor gráfico de Web y disponible sólo para X.11. 1995. Dave S. Raggett (Hewlett-Packard, Inglaterra) comienza a compilar la normativa del nuevo nivel del lenguaje, el HTML 3.0, cuya principal novedad es el soporte de tablas. Microsoft produce su primer visor de Internet, el cual también utiliza elementos de HTML degenerados. Una nueva versión de Netscape, Navigator 2.0, agrega soporte de encuadres. Sun Microsystems produce el primer visor de World Wide Web con soporte de un lenguaje de programación, HotJava. Se celebran la Tercera y Cuarta conferencias internacionales de WWW, en Boston y Darmstadt respectivamente, y la conferencia de WWW para Asia y el Pacífico en Wagga-Wagga. 4. Creación de páginas Web con lenguaje HTML Para crear una página Web se pueden utilizar varios programas especializados en esto, como por ejemplo, el Microsoft FrontPage o el Macromedia Dreamweaver. Otra forma de diseñar un archivo .html, es copiar todo en el Bloc de Notas del Windows, ya que este sencillo programa cumple con un requisito mínimo que es la posibilidad de trabajar con las etiquetas con las que trabaja este lenguaje. 5. Como insertar una imagen A la hora de crear una página Web podemos introducir gráficos de forma muy sencilla, sólo hay que tener en cuenta que las imágenes deben tener formato Gif o JPEG. Una vez que terminamos de escribir todo nuestro documento, lo guardamos poniéndole un nombre, y necesariamente lo debemos guardar con la extensión .HTM o .HTML. 6. Conclusión Sin HTML no existiría el Internet que hoy conocemos, si no se hubiera inventado, seguiríamos con el aburrido FTP (Protocolo de Transferencia de Ficheros) mandándonos o bajando archivos que a veces ni sabíamos lo que eran, sin tener la posibilidad de visualizarlo antes. Ahora por medio de una página llena de colores y botones por la cual se puede navegar, se puede tener acceso a bastante información y archivos. El lenguaje de HTML abrió una puerta al mundo permitiéndole a las personas expresar sus ideas por medio de páginas y mostrárselas a todas las personas de todos los países. Con el HTML se logró un gran movimiento económico ya que muchísimas empresas publican, venden, y ofrecen sus productos, sus servicios y sus ofertas atrayendo a mayor cantidad de personas. También gracias al HTML nacieron muchas empresas que ofrecen diversos servicios como Yahoo, Altavista, HotMail, Terra, Yupi, Mercadolibre, De Remate, etc. Infinitas son las posibilidades que te brindan las páginas WEB ya que no solo te dan la posibilidad de pasar el tiempo navegando, sino que también hasta se puede comprar
  • 9. un auto por Internet, solo basta con llenar un formulario con los datos personales y el número de tarjeta de crédito y en ocho días lo tenemos en nuestra casa. Todo el universo de Internet se lo debemos al HTML, ya que todas las páginas con las que se compone la World Wide Web están hechas con el lenguaje de programación. DISEÑO DE PAGINA WEB CON PUBLISHER Debes crear la carpeta, ejemplo: Sergio- Ramírez, subcarpeta ejemplos- estudiantes, dentro de ella la subcarpeta: sitio- Web- estudiantes-multimedia. PASO 1: COMO USAR EL ASISTENTE DEL SITIO WEB 1. inicia el Publisher 2. mira el panel del asistente, haz clic en sitios Web( haz doble clic en el sitio que has elegido) 3. clic en insertar página si decidiste más de una página 4. clic en relleno y sonido de fondo y elige la opción 5. si deseas barra de exploración (las barras de navegación proporciona vínculos a las otras páginas de tu sitio). 6. si deseas algún tipo de formulario, haciendo clic en la opción seleccionada 7. clic en combinaciones de colores y elige la que prefieras 8. clic en combinaciones de fuentes y elige la deseada 9. puedes cerrar el asistente haciendo clic en la cruz del borde superior derecho del mismo 10. puedes volver al asistente en cualquier momento, haciendo clic en el menú formato y luego seleccionas opciones de sitios Web 11. en el menú archivo, haz clic en guardar como 12. encuentra tu carpeta del programa. Abre la carpeta ejemplos – estudiantes. Abre la carpeta sitio- Web estudiantes 13. en el cuadro nombre de archivo, escribe un nombre para tu documento. Publisher automáticamente agrega la extensión .pub. 14. haz clic en guardar Como añadir páginas adicionales al sitio Web 1. en el menú insertar, haz clic en página 2. comando tipo de páginas disponibles cuando quieres cambiar el tipo de página por otra distribución, haz clic en una distribución 3. ver mas opciones 4. debajo de opciones, haz clic en duplicar todos los objetos de la página 1 5. si deseas que un botón de la página principal vincule esta nueva pagina, selecciona agregar hipervínculo a la barra de exploración de Web 6. haz clic en aceptar nota: la barra de exploración Web solo admite 10 páginas Como cambiar el titulo de la página Web 1. en la barra de estado de la parte inferior de la pantalla , haz clic en el icono de la página 1 para regresar a la página 1 2. haz clic en titulo de la página principal en la parte superior de tu página Web. 3. en la barra de estado, haz clic en el icono página 2 para ir a al página 2
  • 10. 4. haz clic en el cuadro de texto titulo ubicado en la parte superior de la página2. digita un titulo apropiado. 5. guarda tu publicación cada 15 minutos Como agregar un formulario 1. haz clic en formato y luego en opciones de sitio Web 2. selecciona el formulario deseado 3. Publisher elabora automáticamente una nueva página con el formato de un formulario 4. completa los campos del formulario 5. haz doble clic en enviar para indicar a que correo electrónico serán enviadas las respuestas , inscripciones o pedidos ( como editar el código HTML de un formulario de respuestas) 6. en el cuadro de dialogo propiedades del botón de comando, haz clic en propiedades de formulario y luego en enviar datos por correo electrónico 7. en el cuadro enviar datos a esta dirección de correo electrónico, escribe la dirección de correo electrónico a la que deseas que sean enviados los formularios. 8. en el cuadro asunto del mensaje del correo electrónico, cambia el mensaje si lo deseas. 9. haz clic en aceptar 10.aceptar 11.guarda tu publicación. PASO 2: COMO REALZAR UN SITIO WEB Demasiados sonidos e imágenes pueden distraer la atención y provocar lentitud al cargar el sitio. Recuerda cumplir con las normas legales sobre derechos de autor y marcas; incluye las fuentes bibliográficas si fuese necesario y guarda tu trabajo con frecuencia. Como agregar marcos al texto 1. oculta el asistente 2. en la barra de herramientas de objetos de la izquierda, haz clic en ( instrumento marco de texto) 3. dibuja un cuadro de texto. Arrastra el cuadro diagonalmente hasta donde deseas que termine tu texto. 4. haz clic en cualquier parte del cuadro de texto para activar el modo edición 5. cambia el estilo del texto si lo deseas y comienza a digitar tu texto Como crear hipervínculos  Como crear un hipervínculo a otra pagina de un sitio Web 1. selecciona una imagen o un bloque de texto que te gustaría vincular a otra página en tu sitio o a otra dirección de Internet. 2. en el menú insertar, haz clic en hipervínculo, o haz clic en el botón insertar hipervínculo de la barra de herramientas. 3. en el cuadro de dialogo insertar hipervínculo, haz clic en lugar de este documento.
  • 11. 4. especifica la página apropiada 5. clic en aceptar 6. guarda tu publicación  Como crear vínculos a Internet Como elaborar un vínculo para una parte del texto: 1. selecciona el texto que quieres vincular a otro sitio de Internet 2. en insertar, haz clic en hipervínculo, o haz clic en el botón insertar hipervínculo de la barra de herramientas. 3. clic en archivo o página Web existente. 4. al lado de dirección pega o escribe la dirección URL en el cuadro habilitado 5. clic en aceptar 6. los textos subrayados por lo general indican la presencia de un hipervínculo. Como crear un hipervínculo a una dirección de correo electrónico 1. haz clic en la imagen o selecciona el texto que quieras vincular a la dirección de correo electrónico. Cuando alguien selecciona este vinculo en Internet, se inicia el programa de correo electrónico de esa persona con tu dirección de correo electrónico en el campo para. 2. en insertar, haz clic en hipervínculo o haz clic en el botón insertar hipervínculo de la barra de herramientas 3. en el Cuadro de diálogo insertar hipervínculo haz clic en dirección de correo electrónico 4. escribe la dirección de correo electrónico 5. escribe asunto, si deseas que los mensajes te lleguen con un asunto determinado 6. aceptar 7. guarda Como crear un vínculo para un archivo: Si deseas que los visitantes solamente lean el documento, necesitas guardarlo como una pagina WEB. Como crear un vinculo a un documento de Microsoft Word o Excel 1. abre el documento 2. en archivo, haz clic en guardar como página Web 3. guarda el archivo en la misma carpeta que tu sitio WEB 4. vuelve a tu página. selecciona el texto o la imagen que quieres vincular al documento 5. en insertar, haz clic en hipervínculo o haz clic en el botón insertar hipervínculo, en la barra de herramientas estándar. 6. en vincular a, haz clic en archivo o pagina WEB existente 7. examina para encontrar el archivo apropiado y haz clic en aceptar. PASO 3: COMO USAR EL VERIFICADOR DE DISEÑO 1. en el menú herramientas, haz clic en el verificador de diseño 2. haz clic en todas. Para verificar páginas especificas, haz clic en páginas, y digita los números de páginas en los cuadros desde y hasta 3. haz clic en aceptar
  • 12. 4. Publisher verifica el diseño y abre un cuadro de dialogo si encuentran algún problema 5. si deseas solucionar el problema, ve a la publicación y haz los cambios 6. haz clic en cerrar. PASO 4: VISTA PREVIA DE UN SITIO WEB 1. en el menú archivo, haz clic en vista previa de páginas WEB. 2. en el cuadro de diálogo vista previa de páginas Web, haz clic en sitio Web para tener la vista previa de todas las páginas de tu sitio WEB 3. verifica todos tus vínculos para asegurarte que funcionan correctamente. PASO 5: COMO GUARDAR UN SITIO WEB Antes de cargar tu sitio Web a Internet, primero guárdalo como un archivo de Publisher. Este permite editarlo y hacerle cambios. Cuando hayas terminado, guarda tu sitio Web como una página Web. Como guardar como un archivo de Publisher 1. guarda tu sitio Web como un archivo de Publisher en tu carpeta de página Web 2. en el menú archivo, haz clic en guardar. 3. encuentra tu carpeta del programa. Abre tu carpeta de ejemplos estudiantes. Luego abre tu carpeta sitio Web- estudiantes 4. digita un nombre para tu sitio Web 5. haz clic en guardar. Como guardar como una pagina Web Guárdala una última vez como un archivo de Publisher, ya que el formato HTML no puede ser editado en Publisher. 1. en el menú archivo, haz clic en guardar como página Web. Encuentra tu carpeta del programa. Abre tu carpeta ejemplos- estudiantes. Abre tu carpeta sitio- Web- estudiantes 2. haz clic en guardar 3. si deseas verificar que los vínculos de tu presentación power point funcionan, abre MI PC o Microsoft Windows Explorer, y luego haz doble clic en el index de tu carpeta de páginas WEB.