INSTITUCIN EDUCATIVA BUENOS AIRES LAS PAVAS

CANALETE CRDOBA
Resolucin: 162 de 08 junio de 2011











PREPARADOR



GRADO 11



AO LECTIVO 2014



Estndar: Apropiacin y uso de la tecnologa
Logro: Elaborar una pgina Web, haciendo uso del editor web gratuito Jimdo
CONTENIDO TEMTICO:
Qu es una pgina Web
Clasificacin y tipos de pginas Web
Jimdo
Como crear una pgina en Jimdo
Principales herramientas que ofrece Jimdo
INDICADORES DE DESEMPEO
Identifica la conceptualizacin bsica acerca de Pginas web, su diseo y elaboracin
Organiza adecuadamente la informacin para disear sitios web
Utiliza con fundamento los principios bsicos de diseo para elaborar propuestas que sean
grficamente coherentes y atractivas
Participa de forma activa en el desarrollo de las actividades planteadas en clase

Actividades de Desarrollo:
Qu es una pgina web?
Una pgina web se define como un documento electrnico el cual contiene informacin textual, visual y/o sonora que se encuentra
alojado en un servidor y puede ser accesible mediante el uso de navegadores. Una pgina web forma parte de una coleccin de otras
pginas webs dando lugar al denominado sitio web el cual se encuentra identificado bajo el nombre de un dominio.
La creacin y desarrollo de una pgina web se realiza bajo un lenguaje de programacin capaz de ser interpretados por los
navegadores, lenguajes como el HTML, PHP, ASP, JSP o RUBY son ejemplos entre otros. Al inicio de la era de internet accesible, sobre
los aos 90, era necesario el conocimiento de algn lenguaje de programacin para el desarrollo de una web, siendo una tarea
encomendada a personas con altos conocimientos informticos, hoy en da contamos con software especializado capaz de trabajar
como un editor de texto ,estilo Word, que transforman toda la informacin insertada en un lenguaje de programacin capaz de ser
interpretado por los navegadores, de esta forma se liberaliz y se globaliz la creacin de pginas webs con apenas unos escasos
conocimientos informticos, programas como Dreamweaver, Amaya, SharepointDesigner o Mozilla Composer son entre otros los
denominados WYSIWYG (acrnimo del ingls " lo que ves es lo que obtienes") capaces de crear complejas pginas webs con el entorno
de un simple editor de texto.
Una vez que hemos creado y desarrollado nuestras pginas webs es necesario alojarlas en un servidor el cul lo podemos definir como
un ordenador conectado constantemente a la intranet privada o a internet cuyo objetivo es poder disponer de la pgina web a
cualquier hora del da. Para poder acceder al servidor es necesario el uso de programas denominados clientes FTP, los cuales conectan
el ordenador personal donde se ha desarrollado la pgina con el servidor donde se alojar, Filezilla, FileFTP o Cute FTP son entre otros
ejemplos de clientes FTP.
Por ltimo, una vez alojadas nuestras pginas webs estas son accesibles mediante el uso de navegadores los cuales permiten visualizar
correctamente la informacin alojada y desarrollada, Chrome, Mozilla, Internet Explorer y Safari son entre otros ejemplos de
navegadores ampliamente utilizados.


Grado:11
rea: Tecnologa
UnidadNo 1
Estndar:Apropiacin y
uso de la tecnologa

Competencia:
Utilizo adecuadamente
herramientas informticas
de usocomn para la
bsqueda y
procesamiento de la
informacin y la
comunicacin de ideas


Indicadores de
desempeo
Identifica la
conceptualizacin
bsica acerca de
Pginas web, su
diseo y elaboracin

Tema: Pgina Web

Actividades de Inicio:
Cmo se disean las pginas que aparecen en Internet?:




Actividades de Desarrollo:
Clasificacin y tipos de pginas Web
Podemos agrupar o clasificar todas las pginas webs en 2 grandes grupos:
Webs estticas.
Webs dinmicas.
Las webs estticas son aquellas cuya informacin no vara en un tiempo a medio o a corto plazo, tambin se las reconoce puesto que
no interactan con el usuario o navegante, su lenguaje de programacin est basado en HTML y estn compuestas principalmente de
textos e imgenes.
Las webs dinmicas son aquellas que son capaces de interactuar con el usuario o navegante dado a que estn conectadas con bases de
datos que permiten el desarrollo de aplicaciones webs, su principal ventaja es la personalizacin de la web en funcin del usuario as
como la rapidez de modificacin de los contenidos

Grado:11
rea: Tecnologa
UnidadNo 1
Estndar:Apropiacin y
uso de la tecnologa

Competencia:
Utilizo adecuadamente
herramientas informticas
de usocomn para la
bsqueda y
procesamiento de la
informacin y la
comunicacin de ideas


Indicadores de
desempeo
Identifica la
conceptualizacin
bsica acerca de
Pginas web, su
diseo y elaboracin

Tema: Pgina Web

Actividades de Inicio:
Cmo se disean las pgina que aparecen en Internet?:



EVALUACIN DEL TEMA
Preguntas orales:
Como se elaboran las pginas web?
Cules son las clases de pginas web que existen?
Qu se necesita para poder visualizar las pginas web?

Enlaces de inters:
http://es.jimdo.com/tour/
Jimdo

Jimdo pone el poder de la creacin de pginas web en manos de gente del comn. Cualquiera puede
compartir sus pasiones e intereses en internet, en su pgina web, simple y fcilmente. Jimdo ofrece
libertad sin necesidad de saber de cdigos y servidores. Gracias a Jimdo es posible iniciar un
negocio online, escribir un blog, enviar un boletn de noticias, conectar con Facebook o Twitter y
aadir casi cualquier tipo de widget que necesites. Jimdo es el creador de pginas web para las
web de hoy!

El lema de Jimdo es "PagestothePeople" (pginas para la gente), puesto que ofrece a todo el
mundo la posibilidad de hacer or su voz. Sin importar la edad, profesin o pasin!.

Fue Fundada en 2007 por los jvenes empresarios Christian Springub, FridtjofDetzner, y
MatthiasHenze en el norte de Alemania, Jimdo ha crecido hasta conseguir ms de 8 millones de
pginas web creadas por comunidades de usuarios en 12 idiomas.













Grado:11
rea: Tecnologa
UnidadNo 1
Estndar:Apropiacin y
uso de la tecnologa

Competencia:
Utilizo adecuadamente
herramientas informticas
de usocomn para la
bsqueda y
procesamiento de la
informacin y la
comunicacin de ideas


Indicadores de
desempeo
Organiza
adecuadamente la
informacin para
disear sitios web

Tema:Jimdo
Actividades de Inicio:
Preguntas de introduccin:
P


Principales herramientas que ofrece Jimdo
Para conocer las funciones y herramientas que nos ofrece Jimdo visita el siguiente enlace:
http://es.jimdo.com/tour/funciones-1/ donde se encuentran descritas todas las posibilidades que
brinda la pgina para elaborar una pgina web.
















Grado:
rea:Tecnologa
UnidadNo 3
Estndar:
Competencia:

Indicadores de
desempeo
I
P

Tema:


EVALUACIN DEL TEMA

Elabora tu propia pgina Web haciendo uso del editor gratuito Jimdo.

1. Escoge un tema y organiza toda la informacin que deseas que aparezca en tu pgina web.
2. Regstrate en Jimdo.
3. Disea tu pgina haciendo uso de las diferentes plantillas que te ofrece Jimdo
4. Inserta los elementos que sean necesarios para desarrollar el tema de tu eleccin.


Enlaces de inters:
http://es.jimdo.com



Estndar: Apropiacin y uso de la tecnologa
Logro: Conocer el lenguaje propio de las pginas Web, su estructura y comandos principales
Indicadores de desempeo:
Identifica y utiliza las estructuras e instrucciones bsicas de HTML para crear pginas Web
Utiliza las herramientas del editor de pginas para lograr un orden visual y un formato adecuado del
sitio Web
CONTENIDO TEMTICO:
Concepto de HTML
Concepto de Hipertexto e Hipermedia.
Estructura bsica de una Pgina Web hecha en HTML
Manejo las etiquetas HTML.
Creo una pgina Web de solo texto usando el Bloc de Notas.
Visualizo las pginas Web creadas usando Internet Explorer.

Actividades de Desarrollo:
HTML Programacin web
Qu es HTML?
El HTML (Hyper Text MarkupLanguage) 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.
Los documentos HTML deben tener la extensin html o htm, para que puedan ser visualizados en los navegadores (programas que
permiten visualizar las pginas web).
Los navegadores se encargan de interpretar el cdigo HTML de los documentos, y de mostrar a los usuarios las pginas web resultantes
del cdigo interpretado.
Hipertexto e Hipermedia.
Los documentos de la Web son llamados hipertextos porque son textos que contienen punteros a otros textos, de tal manera que usted
puede "navegar" de un texto a otro simplemente siguiendo los punteros existentes.
Por ltimo, hipermedia es un superconjunto del hipertexto: es un medio que apunta a otros medios. En la prctica, supone que los
navegadores no solo muestren texto, sino tambin grficos, animaciones o sonido.




Grado: 11
rea: Tecnologa
UnidadNo 2
Estndar:Apropiacin y
uso de la tecnologa

Competencia:
Utilizo adecuadamente
herramientas informticas
de usocomn para la
bsqueda y
procesamiento de la
informacin y la
comunicacin de ideas

Indicadores de
desempeo
Identifica y utiliza las
estructuras e
instrucciones bsicas
de HTML para crear
pginas Web
Utiliza
lasherramientas del
editor de pginas para
lograr un orden visual
y un formato
adecuado del sitio
Web

Tema:HTML

Actividades de Inicio:
Preguntas de introduccin: Cmo se crean los sitios Web?
Consulta el siguiente vnculo donde encontrars el concepto de HTML: https://www.youtube.com/watch?v=XhNpdk677qg


Actividades de Desarrollo:
Sintaxis de etiquetas
Se pueden escribir en mayscula o en minscula. Entre los smbolos <>.
Van por parejas: apertura y cierre. Ejemplo: <html></html>
Llevan atributos y valores segn el formato siguiente:
<bodybgcolor=pink></body>
Ejemplos de etiquetas
Es necesario saber que los espacios no existen, ni las tabulaciones, si se desea bajar a la siguiente lnea se debe utilizar la etiqueta br.
Formato de textos:
Cabeceras: <h1>. </h1>
Prrafo <p></p>
Romper lneas <br></br> (cierre opccional)
Negrita <b></b>
Cursiva <i></i>
Subrayado <u></u>
Tachado <strike></strike>
Fuente <font></font>
Atributos: Tamao size=18
Color color=blue
Fuente face=Comic Sans MS
El color del texto puede ir de dos formas: en ingles (ej: "blue" "red" etc) o en hexadecimal que se puede encontrar en la pgina web:
http://html-color-codes.info/codigos-de-colores-hexadecimales/



Grado: 11
rea: Tecnologa
UnidadNo 2
Estndar:Apropiacin y
uso de la tecnologa

Competencia:
Utilizo adecuadamente
herramientas informticas
de usocomn para la
bsqueda y
procesamiento de la
informacin y la
comunicacin de ideas

Indicadores de
desempeo
Identifica y utiliza las
estructuras e
instrucciones bsicas
de HTML para crear
pginas Web
Utiliza
lasherramientas del
editor de pginas para
lograr un orden visual
y un formato
adecuado del sitio
Web

Tema:HTML

Actividades de Inicio:
Preguntas de introduccin:
P


Actividades de Desarrollo:
Versiones de HTML
En noviembre de 1995 se aprob el estndar HTML 2.0. para la creacin de pginas web. Se cre con objetivos divulgativos, orientado a
la actividad acadmica, en el que el contenido de las pginas era ms importante que el diseo.
Pero esta versin del HTML careca de muchas herramientas que permitieran controlar el diseo de las pginas y aadir contenido
multimedia, por lo que Netscape (cuyos navegadores eran los ms utilizados por aquellos aos) comenz a incluir nuevas etiquetas que
no existan en el estndar.
El comit encargado de establecer los estndares dentro de Internet, comenz a trabajar en el borrador de una nueva versin de HTML,
el borrador de HTML 3.0.
Pero este borrador result demasiado extenso, al intentar incluir numerosos nuevos atributos para etiquetas ya existentes, y la
creacin de otras muchas etiquetas nuevas. Por ello, no fue bien aceptado por el mercado y varias compaas se unieron para formar
un nuevo comit encargado de establecer los estndares del HTML. Este comit pas a llamarse W3C.
En enero de 1997 se aprob el estndar HTML 3.2. Este nuevo estndar inclua las mejoras proporcionadas por los navegadores
Internet Explorer y Netscape Navigator, que ya haban realizado extensiones sobre el estndar HTML 2.0.
En diciembre de 1997 se aprob el estndar HTML 4.0, creado para estandarizar los marcos (frames), las hojas de estilo y los scripts.
En septiembre de 2001 se aprob el estndar HTML 4.01.

ACTIVIDAD
Consulta y escribe en tu cuaderno.

1. Que es la web 2.0?
2. Caractersticas.


Grado: 11
rea: Tecnologa
UnidadNo 2
Estndar:Apropiacin y
uso de la tecnologa

Competencia:
Utilizo adecuadamente
herramientas informticas
de usocomn para la
bsqueda y
procesamiento de la
informacin y la
comunicacin de ideas

Indicadores de
desempeo
Identifica y utiliza las
estructuras e
instrucciones bsicas
de HTML para crear
pginas Web
Utiliza
lasherramientas del
editor de pginas para
lograr un orden visual
y un formato
adecuado del sitio
Web

Tema: Versiones del
HTML

Actividades de Inicio:
Consulta en Internet: Historia de HTML
P


Actividades de Desarrollo:
LOS NAVEGADORES - COMPATIBILIDAD
Como hemos dicho, el navegador instalado en el ordenador del usuario es el que interpreta el cdigo HTML de la pgina que visita por
lo que a veces puede ocurrir que dos usuarios visualicen la misma pgina de forma distinta porque tienen instalados navegadores
distintos o incluso versiones distintas del mismo navegador.
Los navegadores de hoy en da pretenden ser compatibles con la ltima versin de HTML. Es necesario realizar extensiones de los
navegadores para que puedan ser compatibles con esta ltima versin.
Dos de los navegadores que continuamente estn realizando extensiones son Internet Explorer y Netscape Navigator, que realizan
extensiones incluso antes de que se establezcan los estndares, intentando incluir las nuevas funciones incluidas en los borradores.
Los navegadores tienen que ser compatibles con la ltima versin HTML para poder interpretar el mayor nmero posible de etiquetas.
Si un navegador no reconoce una etiqueta, la ignora y el efecto que pretenda la etiqueta no queda reflejado en la pgina.
Para realizar las extensiones de estos navegadores se aaden nuevos atributos a las etiquetas ya existentes, o se aaden nuevas
etiquetas.

Como resultado a estas extensiones, habrn pginas cuyo cdigo podr ser interpretado completamente por todos los navegadores,
mientras que otras, al incluir nuevos atributos o etiquetas del borrador de la ltima versin de HTML, solo podrn ser interpretadas en
su totalidad en los navegadores ms actualizados.
En este ltimo caso tambin puede ocurrir que alguna etiqueta de la pgina solamente pueda ser interpretada por un navegador
concreto, y otra etiqueta por un navegador diferente al anterior, por lo que nunca sera visualizada en su totalidad por ningn
navegador.
Uno de los retos de los diseadores de pginas web es hacer las pginas ms atractivas utilizando toda la potencia del lenguaje HTML
pero teniendo en cuentas estos problemas de compatibilidades para que el mayor nmero de internautas vean sus pginas tal como las
ha diseado.


Grado: 11
rea: Tecnologa
UnidadNo 2
Estndar:Apropiacin y
uso de la tecnologa

Competencia:
Utilizo adecuadamente
herramientas informticas
de usocomn para la
bsqueda y
procesamiento de la
informacin y la
comunicacin de ideas

Indicadores de
desempeo
Identifica y utiliza las
estructuras e
instrucciones bsicas
de HTML para crear
pginas Web
Utiliza
lasherramientas del
editor de pginas para
lograr un orden visual
y un formato
adecuado del sitio
Web

Tema: Compatibilidad

Actividades de Inicio: En resumen, la estructura bsica de un documento HTML queda de la forma siguiente, Crala:
<html>
<head>
<title>Ttulo</title>
</head>
<body>
Texto del documento, menciones a grficos, enlaces, etc.
</body>
</html>













EVALUACIN DEL TEMA

Elabora tu propia pgina Web haciendo uso de HTML. Para esto digita el siguiente cdigo pero para ello debes:
Crear una carpeta donde guardars todos los archivos que necesitas para crear tu pgina web
Abre el programa Bloc de Notas donde digitars el cdigo de tu pgina.
<html>
<head>
<title> "Miprimerapgina web" </title>

</head>

<body bgcolor="pink" text="black">

<BLINK Hola Bienvenido a mi primera pgina web>
text=
<CENTER>Hola Bienvenido a mi primera pgina web</CENTER>
<br></br>
<imgsrc="tulipanes.jpg" alt="Tulipanes para ti y para mi" WIDTH=300 HEIGHT=300>
</body>
</html>


Enlaces de inters:
http://es.jimdo.com
Actividades de Desarrollo:
Cmo crear un hipervnculo en HTML:
Para programar HTML, los hipervnculos se indican con la etiqueta <a>.

Dicha etiqueta <a> deber incluir el atributo href para especificar el destino del hipervnculo, y luego, como todas las etiquetas
de HTML, se deber cerrar de la manera </a> para indicar el fin del texto o de la imagen que contiene el hipervnculo.

Entonces, el hipervnculo en HTML luce de la siguiente manera:

<ahref=direccin del sitio>Texto del Hipervnculo</a>

Ejemplo: <a href=www.basekit.com.mx>BaseKit Mxico</a>
Hipervnculos dentro de una misma pgina:

Para crear un hipervnculo que vaya a una seccin dentro de la misma pgina, debemos hacer uso del atributo id. El
ttulo de la seccin a la que queramos ir deber tener este atributo para que despus podamos crear un hipervnculo hacia ella.

Por ejemplo, el ttulo lucira as:

<h2 id="conclusion">Conclusin del Debate</h2>

Y despus, el hipervnculo hacia dicha seccin lucira de esta manera:

<p>Vaya a la seccin <a href="#conclusion">Conclusin del Debate</a> para leer las conclusiones y comentarios finales.


Grado: 11
rea: Tecnologa
UnidadNo 2
Estndar:Apropiacin y
uso de la tecnologa

Competencia:
Utilizo adecuadamente
herramientas informticas
de usocomn para la
bsqueda y
procesamiento de la
informacin y la
comunicacin de ideas

Indicadores de
desempeo
Identifica y utiliza las
estructuras e
instrucciones bsicas
de HTML para crear
pginas Web
Utiliza
lasherramientas del
editor de pginas para
lograr un orden visual
y un formato
adecuado del sitio
Web

Tema: Hipervnculos en
HTML

Actividades de Inicio:
Consulta en Internet: Qu es un hipervnculo?



Actividades de Desarrollo:
Hipervnculos con imgenes:

Para crear un hipervnculo en una imagen, de manera que cuando la gente de click a una imagen se le enve a algn sitio,
simplemente hay que incluir la imagen dentro de la etiqueta <a>, como en el siguiente ejemplo:

Ac tenemos una imagen sin hipervnculo:

<imgsrc="pastel.jpg" alt="Pasteles" width="150" height="125" />

Ahora, si queremos que esta imagen tenga un hipervnculo, lo debemos especificar as:

<a href="pasteles.html"><imgsrc="pastel.jpg" alt="Pasteles" width="150" height="125" /></a>

No olvides verificar que el hipervnculo funciona bien y que lleva a la pgina o a la seccin a la que quieres que lleve.


Grado: 11
rea: Tecnologa
UnidadNo 2
Estndar:Apropiacin y
uso de la tecnologa

Competencia:
Utilizo adecuadamente
herramientas informticas
de usocomn para la
bsqueda y
procesamiento de la
informacin y la
comunicacin de ideas

Indicadores de
desempeo
Identifica y utiliza las
estructuras e
instrucciones bsicas
de HTML para crear
pginas Web
Utiliza
lasherramientas del
editor de pginas para
lograr un orden visual
y un formato
adecuado del sitio
Web

Tema: Hipervnculos en
HTML

Actividades de Inicio:
Consulta en Internet: Qu es un hipervnculo?



EVALUACIN DEL TEMA
Inserta hipervnculos en tu pgina web
Consulta Cmo insertar tablas utilizando HTML?
Inserta una tabla en tu pgina web

Enlaces de inters:
https://www.youtube.com/watch?v=YIWIV8fPslw









Estndar: Tecnologa y sociedad
Logro: Reconozco las implicaciones ticas, sociales y ambientales de las manifestaciones
tecnolgicas del mundo en que vivo
Indicadores de desempeo:
Participa en discusiones acerca del anlisis del potencial de los recursos naturales y de los nuevos
materiales utilizados en la produccin tecnolgica de los diferentes contextos.

CONTENIDO TEMTICO:
La sobreexplotacin de los recursos
La accin del hombre y sus consecuencias

Actividades de Desarrollo:
LA SOBRE EXPLOTACIN DE LOS RECURSOS NATURALES
El potencial de Recursos Naturales en nuestro planeta es cada vez menor, la sobre explotacin de recursos, la falta de polticas
ambientales, la falta de una cultura de proteccin y conservacin, son entre otros los causantes de la actual sustitucin ecolgica y
ambiental. El cambio climtico, la desertificacin, el agotamiento de recursos son muestras claras del dao que a diario le hacemos a
nuestra madre tierra y a Las futuras generaciones.






Grado: 11
rea: Tecnologa
UnidadNo 3
Estndar:Tecnologa y
sociedad

Competencia:
Reconozco las
implicaciones ticas,
sociales y ambientales de
las manifestaciones
tecnolgicas del mundo
en que vivo

Indicadores de
desempeo
Participa en
discusiones acerca del
anlisis del potencial
de los recursos
naturales y de los
nuevos materiales
utilizados en la
produccin
tecnolgica de los
diferentes contextos.

Tema:La
sobreexplotacin de los
recursos naturales

Actividades de Inicio:
Preguntas de introduccin: Qu recursos naturales consideras que ests sobreexplotando? Piensa, que acciones puedes adoptar
para contribuir con el uso responsable de los recursos naturales que consideras, ests explotando?
Por qu consideras que es importante cuidar los recursos naturales?
Responde estos interrogantes en tu cuaderno y socializa con tus compaeros.

ACTIVIDAD
Visita el siguiente enlace y responde las preguntas:
http://www.mcgraw-
hill.es/bcv/guide/capitulo/8448167155.pdf
Lee las pginas 132-135

EVALUACIN
Argumenta ante tus compaeros tu opinin
acerca de la importancia de preservar los
recursos naturales.

INSTITUCIN EDUCATIVA BUENOS AIRES LAS PAVAS
DANE 223090000968 NIT 900045915-2
Resolucin de aprobacin No. 162 del 8 de julio de 2011 CANALETE CRDOBA
PRE-TEXTO
Docente: Taide Gamero Grado: 11 Fecha: ___________ Integrante:________________________

TALLER
Lee con atencin las pginas 132 135 y responde?
Enva el taller resuelto al email: taidegamerourango@hotmail.es
1) Menciona alguna guerra motivada por ejercer el control de los recursos naturales.

2) Explica los distintos usos del agua

Analiza la tabla 5.1: Clasificacin de los usos del agua y responde:
3) Qu tipo de riego para los cultivos se utiliza en tu regin?

4) En nuestro departamento se existe una Central Hidroelctrica, menciona cual es y donde est ubicada.


5) Qu hbitos crees que puedes modificar en tu da a da para poder ahorrar agua?

6) Cules son las causas por las que el consumo de agua ha aumentado en el mundo?
INSTITUCIN EDUCATIVA BUENOS AIRES LAS PAVAS
DANE 223090000968 NIT 900045915-2
Resolucin de aprobacin No. 162 del 8 de julio de 2011 CANALETE CRDOBA
PRE-TEXTO
Docente: Taide Gamero Grado: 11 Fecha: ___________ Integrante:________________________

ACTIVIDAD

1. Realizar exposiciones con los siguientes temas:
La Energa:
Energas no Renovables:
El carbn
El Petrleo
El gas natural
Energas Renovables:
La energa solar
La energa hidrulica
La energa elica
La energa mareomotriz
La energa geotrmica
Biomasa
Calentamiento global y el efecto invernadero

2. Realiza en un documento de Word una tabla en la cual se resuman todas las clases de energa discriminando las ventajas y desventajas de cada
una de ellas. Enva por correo electrnico el archivo.




Estndar: Apropiacin y uso de la tecnologa
Logro: Elaborar una pgina Web, haciendo uso del editor web gratuito Weebly
CONTENIDO TEMTICO:
Introduccin (que es Weebly, crear una cuenta, interfaz)
- Las plantillas
- Crear pginas
- Disear e insertar un banner
- Organizar espacios de la pgina (columnas, insertar textos, imgenes)
- Insertar videos
- Hipervnculos (enlaces con texto, enlaces con imgenes)
- HTML personalizado (insertar cdigos HTML de elementos multimedia)

INDICADORES DE DESEMPEO
Identifica las herramientas de diseo de Weebly y los elementos que conforman la estructura de un
sitio web
Crea y administra una cuenta en Weebly y disea un sitio web que incluye distintos elementos
multimedia
Asiste regularmente a clases, participa activamente en las clases y cumple con las actividades
asignadas en el tiempo acordado mostrando inters por superar sus dificultades
Actividades de Desarrollo:
Weebly
Weebly es un servicio en lnea que permite crear y alojar uno o varios sitios web de manera fcil, rpida, gratuita y sin publicidad!. Con
un nico registro, se pueden publicar todos los sitios, pginas y blogs dentro de los mismos, que se deseen. Tiene un entorno fcil.
Gracias a la avanzada tecnologa que utiliza, es posible incorporar fotos, videos, mapas y todo tipo de elementos, con slo arrastrar y
soltar. Su interfaz est compuesta por una pantalla que se divide en dos secciones. La seccin superior contiene los controles de edicin
y la inferior muestra la vista previa del sitio.
Dentro de la superior hay 4 solapas: Elementos, Diseos, Pginas y Ajustes, que permiten desplegar todas las opciones del editor.


Trabajando con los elementos:
Los elementos de la pgina con los que se puede trabajar, por ejemplo: prrafos, imgenes, videos, etc; estn representados en la parte
superior de la pantalla bajo la solapa Elements.
Para agregar elementos a la pgina, slo hay que arrastrarlos desde la barra superior al rea de contenido de la pgina. Para reordenar
los elementos, se arrastran hasta una nueva posicin. Para suprimir un elemento, se clickea sobre la X en la esquina superior derecha
del mismo:



Grado: 11
rea: Tecnologa
Unidad No 4
Estndar: Apropiacin y
uso de la Tecnologa

Competencia:
Utilizo adecuadamente
herramientas informticas
de uso comn para la
bsqueda y
procesamiento de la
informacin y la
comunicacin de ideas

Indicadores de
desempeo
Identifica las
herramientas de
diseo de Weebly y
los elementos que
conforman la
estructura de un sitio
web

Tema: Weebly

Actividades de Inicio:
Consulta: Qu es Weebly? Para qu se utiliza?
Resume y sintetiza la informacin, guardndola en un archivo de texto y envala por correo electrnico
(taidegamerourango@hotmail.es)
ACTIVIDAD
Visita la pgina de Weebly: http://www.weebly.com
Crea tu cuenta en Weebly.com
El ttulo de la cuenta ser mi cuaderno y como
subttulo tu nombre
Cambia la imagen que aparece prediseada

EVALUACIN
Enva por correo electrnico la consulta.
Realiza las actividades sugeridas.
Investiga Cules son los elementos que ofrece
Weebly y describe brevemente para que sirve
cada uno?