miércoles, 4 de junio de 2014
Trabajando con tablas en HTML
TABLAS EN HTML
Una tabla en un conjunto de celdas organizadas dentro de las cuales podemos alojar distintos contenidos.
En HTML, las tablas se construyen especificando filas y celdas. El conjunto de celdas de una fila irá encerrado en las etiquetas de fila, y el conjunto de filas de la tabla, en las etiquetas de tabla.
El comienzo y fin de una tabla se define mediante el tag < table > ... < /table >. Para especificar cada fila de la tabla se utilizan las etiquetas < tr > ... < /tr >. Finalmente, para especificar cada celda de una fila habrá que usar las etiquetas < td > ... < /td >.
Teniendo en cuenta estas simples reglas, vamos a mostrar a continuación algunos ejemplos:
< table border="5">
< tr >
< td >CARRO< /td >
< td >CASA< /td >
< /tr >
< tr >
< td >TABLERO< /td >
< td >MARCADOR< /td >
< /tr >
< /table >
El ejemplo anterior crea la siguiente tabla de 2 filas y 2 columnas:
REALICE EL EJEMPLO ANTERIOR PARA ENTENDER EL MANEJO DE LAS TABLAS
A C T I V I D A D
1. Crear una tabla que tenga los siguientes articulos, cada uno que esta separado por coma debe estar en una celda diferente.
pentium I , 1989, 100 Mhz, 32bits
pentium II, 1993, 133 Mhz, 32bits
pentium III, 1996, 350 Mhz, 32bits
pentium IV, 2001, 1 Ghz, 64bits
2. Investigue en internet cómo se aplica color de fondo, color de borde en las tablas.
3. Para que sirven y como se utilizan los atributos colspan y rowspan,elabore un ejemplo por cada una
4. realice una tabla de 10 filas y 4 columnas en la que intervengan todas las etiquetas para el manejo de tablas, incluidas las que investigó en internet
Publicado por alexander
PAGINAS WEB CON HTML
Html es un lenguaje que permite la creación y manipulación de páginas Web (áaginas para internet). Para la creación de páginas web es necesario tener dos programas: un editor de texto como el bloc de notas y un explorador de internet como Internet Explorer, en el primero se realiza el diseño de la página y en el segundo se ejecuta la página.
Para diseñar una página web es necesario conocer algunas de las etiquetas que intervienen. Las etiquetas permiten asignar características a las páginas ejemplo: negritas, cursivas fuentes etc.
ESTRUCTURA GENERAL DE LA PAGINA WEB
< html >: inicio de la página web
< head >: encabezamiento de la página web
< title >: titulo de la página web
----------espacio para colocar el titulo de su página web --------
< /title >: cierre del titulo de la página web
< /head >. cierre del encabezamiento
< body >: inicio del cuerpo de la página web
------- ESPACIO PARA EL CUERPO DE LA PAGINA WEB --------
< /body > : cierre del cuerpo de la página web
< /html >: cierre total de la página web
Desde la etiqueta < html> hasta la etiqueta < /head> seran modificaciones mostradas en la parte superior de internet explorer en el área de encabezado de la página.
Desde la etiqueta < body> hasta la etiqueta < /body> seran las modificaciones que se hagan al contenido real de la página web y estarán reflejadas en el área de trabajo de Internet explorer.
Vamos a realizar el primer ejemplo de una pagina web. Siga los pasos uno a uno
E J E M P L O Nº. 1
1. Abra el Bloc de notas (Inicio / Programas / Accesorios / Bloc de notas)
2. Cree la siguiente estructura como se muestra a continuación quitando los espacios existentes al inicio y al final de las etiquetas:
< html >
< head >
< title >
MI PRIMER PAGINA WEB
< /title >
< /head >
< body >
La informática es la disciplina que estudia el tratamiento automático de la información utilizando dispositivos electrónicos y sistemas computacionales. También es definida como el procesamiento de la información en forma automática. Para esto los sistemas informáticos deben realizar las siguientes tres tareas básicas:
Entrada: Captación de la información digital.
Proceso: Tratamiento de la información.
Salida: Transmisión de resultados binarios.
< /body >
< /html >
3. Guarde la pagina
-Menu archivo
-Guardar como
-Seleccione guardar en: escritorio
-Nombre de archivo: Mi primer web.html (no olvide colocar .html al final del nombre del archivo como se muestra en el ejemplo, de no colocarlo no servira su pagina)y de clic en el boton Guardar
4. Minimice todos los programas abiertos
5. Busque en el escritorio un icono con el nombre "Mi primer web"(debe contener el icono de internet) y pulse doble clic sobre él.
6. Se abrirá la página de internet con la información que usted digitó en el bloc de notas. Verifique cuál es el titulo de la página (parte superior barra azul) y cual es el contenido de la pagina. Analice los resultados y saque sus propias conclusiones.
Recuerde que en la definicion se dijo que HTML trabajaba por medio de etiquetas y que con ellas dabamos diferentes caracteristicas al texto. Ahora expliocaremos algunas de estas caracteristicas:
E T I Q U E T A S
La mayoría de las etiquetas trabajadas en HTML abren y cierran. Una etiqueta abierta es representada por dos parentesis angulares y dentro de ellos la etiqueta correspondiente ejemplo < p > y una etiqueta cerrada se representa de la misma forma y anteponiendo el signo /antes del nombre de la etiqueta ejemplo < /p>. Todo lo que se escriba entre la etiqueta abierta y la etiqueta cerrada sera el texto afectado por esa caracteristica. Ejemplo: < b> estoy feliz < /b>, donde la etiqueta b representa texto en negrita y "estoy feliz" es el texto que quedará con negrita.
A continuacion definiremos algunas de las etiquetas y realizaremos un ejemplo con ellas:
< p>...< /p> :representa el inicio y fin de un párrafo
con la etiqueta p también podemos alinear texto agregando su atributo de alineación
align="rigth" (derecha)
align="left" (izquierda)
align="center" (centrado)
align="justify" (justificado)
< font>....< /font>: permite cambiar aspectos relacionados con la fuente (letra) y contiene tres atributos a midificar:
color: para cambiar color
size: para cambiar tamaño
Face: para cambiar tipo de letra
< br>:permite crear lineas en blanco dentro de una página web, funciona igual que dar un enter en cualquier programa. Por cara BR que escriba será una linea en blanco asignada. La etiqueta BR no tiene etiqueta de cerrado
E J E M P L O N º. 2
1. Cree la siguiente estructura en el bloc de notas
< html >
< head >
< title >
MI SEGUNDA PAGINA WEB
< /title >
< /head >
< body >
< P>El vocablo Informática es proveniente del francés informatique, acuñado por el ingeniero Philippe Dreyfus en 1962, es acrónimo de las palabras information y automatique. En lo que hoy conocemos como informática confluyen muchas de las técnicas y de las máquinas que el hombre ha desarrollado a lo largo de la historia para apoyar y potenciar sus capacidades de memoria, de pensamiento y de comunicación.
< P>La informática se aplica a numerosas y variadas áreas, como por ejemplo: gestión de negocios, almacenamiento y consulta de información, monitorización y control de procesos, robots industriales, comunicaciones, control de transportes, investigación, desarrollo de juegos, diseño computarizado, aplicaciones/herramientas multimedia, etc.
< P>En la informática convergen los fundamentos de las ciencias de la computación, la programación y las metodologías para el desarrollo de software, la arquitectura de computadores, las redes de datos como Internet, la inteligencia artificial, así como determinados temas de electrónica. Se puede entender por informática a la unión sinérgica de todo este conjunto de disciplinas.
< /body >
< /html >
2. Guarde el archivo en el escritorio con el nombre mi segunda web (no olvide colocar .html al final del nombre del archivo.
3. Busque el archivo que acabo de guardar en el escritorio y ejecutelo (mire los cambios)
4. A cada etiqueta de P agréguele una alineación diferente ejemplo < P align="center">
5. Guarde las modificaciones en el bloc de notas, pase a la página de intener explorer y actualice la página. Analice los cambios realizados en la pagina.
6. Vuelva al bloc de notas y realice los siguientes cambios a cada párrafo con relación a la fuente:
< P> < font color="blue" size=3 face="tahoma>El vocablo Informática es proveniente del francés informatique, acuñado por el ingeniero Philippe Dreyfus en 1962, es acrónimo de las palabras information y automatique. En lo que hoy conocemos como informática confluyen muchas de las técnicas y de las máquinas que el hombre ha desarrollado a lo largo de la historia para apoyar y potenciar sus capacidades de memoria, de pensamiento y de comunicación.< /font>
< P>< font color="purple size=2 face="comic sans ms">La informática se aplica a numerosas y variadas áreas, como por ejemplo: gestión de negocios, almacenamiento y consulta de información, monitorización y control de procesos, robots industriales, comunicaciones, control de transportes, investigación, desarrollo de juegos, diseño computarizado, aplicaciones/herramientas multimedia, etc.< /font>
< P>< font color="green" size=5 face="algerian">En la informática convergen los fundamentos de las ciencias de la computación, la programación y las metodologías para el desarrollo de software, la arquitectura de computadores, las redes de datos como Internet, la inteligencia artificial, así como determinados temas de electrónica. Se puede entender por informática a la unión sinérgica de todo este conjunto de disciplinas.< /font>
A C T I V I D A D
1. Realice una pagina web que contenga 6 párrafos de texto cada uno de 3 lineas de texto
2. Separe cada párrafo con diferentes lineas en blanco
3. A cada párrafo asignele un color tipo y tamaño de fuente diferente
4. A cada párrafo asignele una alineación diferente
Guarde su trabajo, ejecutelo en Internet Explorer y muestre su trabajo al profesor. Gracias por sus comentarios
Para diseñar una página web es necesario conocer algunas de las etiquetas que intervienen. Las etiquetas permiten asignar características a las páginas ejemplo: negritas, cursivas fuentes etc.
ESTRUCTURA GENERAL DE LA PAGINA WEB
< html >: inicio de la página web
< head >: encabezamiento de la página web
< title >: titulo de la página web
----------espacio para colocar el titulo de su página web --------
< /title >: cierre del titulo de la página web
< /head >. cierre del encabezamiento
< body >: inicio del cuerpo de la página web
------- ESPACIO PARA EL CUERPO DE LA PAGINA WEB --------
< /body > : cierre del cuerpo de la página web
< /html >: cierre total de la página web
Desde la etiqueta < html> hasta la etiqueta < /head> seran modificaciones mostradas en la parte superior de internet explorer en el área de encabezado de la página.
Desde la etiqueta < body> hasta la etiqueta < /body> seran las modificaciones que se hagan al contenido real de la página web y estarán reflejadas en el área de trabajo de Internet explorer.
Vamos a realizar el primer ejemplo de una pagina web. Siga los pasos uno a uno
E J E M P L O Nº. 1
1. Abra el Bloc de notas (Inicio / Programas / Accesorios / Bloc de notas)
2. Cree la siguiente estructura como se muestra a continuación quitando los espacios existentes al inicio y al final de las etiquetas:
< html >
< head >
< title >
MI PRIMER PAGINA WEB
< /title >
< /head >
< body >
La informática es la disciplina que estudia el tratamiento automático de la información utilizando dispositivos electrónicos y sistemas computacionales. También es definida como el procesamiento de la información en forma automática. Para esto los sistemas informáticos deben realizar las siguientes tres tareas básicas:
Entrada: Captación de la información digital.
Proceso: Tratamiento de la información.
Salida: Transmisión de resultados binarios.
< /body >
< /html >
3. Guarde la pagina
-Menu archivo
-Guardar como
-Seleccione guardar en: escritorio
-Nombre de archivo: Mi primer web.html (no olvide colocar .html al final del nombre del archivo como se muestra en el ejemplo, de no colocarlo no servira su pagina)y de clic en el boton Guardar
4. Minimice todos los programas abiertos
5. Busque en el escritorio un icono con el nombre "Mi primer web"(debe contener el icono de internet) y pulse doble clic sobre él.
6. Se abrirá la página de internet con la información que usted digitó en el bloc de notas. Verifique cuál es el titulo de la página (parte superior barra azul) y cual es el contenido de la pagina. Analice los resultados y saque sus propias conclusiones.
Recuerde que en la definicion se dijo que HTML trabajaba por medio de etiquetas y que con ellas dabamos diferentes caracteristicas al texto. Ahora expliocaremos algunas de estas caracteristicas:
E T I Q U E T A S
La mayoría de las etiquetas trabajadas en HTML abren y cierran. Una etiqueta abierta es representada por dos parentesis angulares y dentro de ellos la etiqueta correspondiente ejemplo < p > y una etiqueta cerrada se representa de la misma forma y anteponiendo el signo /antes del nombre de la etiqueta ejemplo < /p>. Todo lo que se escriba entre la etiqueta abierta y la etiqueta cerrada sera el texto afectado por esa caracteristica. Ejemplo: < b> estoy feliz < /b>, donde la etiqueta b representa texto en negrita y "estoy feliz" es el texto que quedará con negrita.
A continuacion definiremos algunas de las etiquetas y realizaremos un ejemplo con ellas:
< p>...< /p> :representa el inicio y fin de un párrafo
con la etiqueta p también podemos alinear texto agregando su atributo de alineación
align="rigth" (derecha)
align="left" (izquierda)
align="center" (centrado)
align="justify" (justificado)
< font>....< /font>: permite cambiar aspectos relacionados con la fuente (letra) y contiene tres atributos a midificar:
color: para cambiar color
size: para cambiar tamaño
Face: para cambiar tipo de letra
< br>:permite crear lineas en blanco dentro de una página web, funciona igual que dar un enter en cualquier programa. Por cara BR que escriba será una linea en blanco asignada. La etiqueta BR no tiene etiqueta de cerrado
E J E M P L O N º. 2
1. Cree la siguiente estructura en el bloc de notas
< html >
< head >
< title >
MI SEGUNDA PAGINA WEB
< /title >
< /head >
< body >
< P>El vocablo Informática es proveniente del francés informatique, acuñado por el ingeniero Philippe Dreyfus en 1962, es acrónimo de las palabras information y automatique. En lo que hoy conocemos como informática confluyen muchas de las técnicas y de las máquinas que el hombre ha desarrollado a lo largo de la historia para apoyar y potenciar sus capacidades de memoria, de pensamiento y de comunicación.
< P>La informática se aplica a numerosas y variadas áreas, como por ejemplo: gestión de negocios, almacenamiento y consulta de información, monitorización y control de procesos, robots industriales, comunicaciones, control de transportes, investigación, desarrollo de juegos, diseño computarizado, aplicaciones/herramientas multimedia, etc.
< P>En la informática convergen los fundamentos de las ciencias de la computación, la programación y las metodologías para el desarrollo de software, la arquitectura de computadores, las redes de datos como Internet, la inteligencia artificial, así como determinados temas de electrónica. Se puede entender por informática a la unión sinérgica de todo este conjunto de disciplinas.
< /body >
< /html >
2. Guarde el archivo en el escritorio con el nombre mi segunda web (no olvide colocar .html al final del nombre del archivo.
3. Busque el archivo que acabo de guardar en el escritorio y ejecutelo (mire los cambios)
4. A cada etiqueta de P agréguele una alineación diferente ejemplo < P align="center">
5. Guarde las modificaciones en el bloc de notas, pase a la página de intener explorer y actualice la página. Analice los cambios realizados en la pagina.
6. Vuelva al bloc de notas y realice los siguientes cambios a cada párrafo con relación a la fuente:
< P> < font color="blue" size=3 face="tahoma>El vocablo Informática es proveniente del francés informatique, acuñado por el ingeniero Philippe Dreyfus en 1962, es acrónimo de las palabras information y automatique. En lo que hoy conocemos como informática confluyen muchas de las técnicas y de las máquinas que el hombre ha desarrollado a lo largo de la historia para apoyar y potenciar sus capacidades de memoria, de pensamiento y de comunicación.< /font>
< P>< font color="purple size=2 face="comic sans ms">La informática se aplica a numerosas y variadas áreas, como por ejemplo: gestión de negocios, almacenamiento y consulta de información, monitorización y control de procesos, robots industriales, comunicaciones, control de transportes, investigación, desarrollo de juegos, diseño computarizado, aplicaciones/herramientas multimedia, etc.< /font>
< P>< font color="green" size=5 face="algerian">En la informática convergen los fundamentos de las ciencias de la computación, la programación y las metodologías para el desarrollo de software, la arquitectura de computadores, las redes de datos como Internet, la inteligencia artificial, así como determinados temas de electrónica. Se puede entender por informática a la unión sinérgica de todo este conjunto de disciplinas.< /font>
A C T I V I D A D
1. Realice una pagina web que contenga 6 párrafos de texto cada uno de 3 lineas de texto
2. Separe cada párrafo con diferentes lineas en blanco
3. A cada párrafo asignele un color tipo y tamaño de fuente diferente
4. A cada párrafo asignele una alineación diferente
Guarde su trabajo, ejecutelo en Internet Explorer y muestre su trabajo al profesor. Gracias por sus comentarios
jueves, 15 de octubre de 2009
SEGURIDAD INFORMATICA EN COLOMBIA
MIs queridisimos estudiantes, favor leer el articulo y realizar el respectivo comentario
Podemos entender como seguridad un estado de cualquier tipo de información (informático o no) que nos indica que ese sistema está libre de peligro, daño o riesgo. Se entiende como peligro o daño todo aquello que pueda afectar su funcionamiento directo o los resultados que se obtienen del mismo. Para la mayoría de los expertos el concepto de seguridad en la informática es utópico porque no existe un sistema 100% seguro http://www.enter.co/especiales/enterprise/la-seguridad-informatica-es-responsabilidad-de-todas-las-empresas/. Para que un sistema se pueda definir como seguro debe tener estas cuatro características:
Integridad: La información sólo puede ser modificada por quien está autorizado y de manera controlada. favor revisar el siguiente link: https://www.youtube.com/watch?v=2oNv98OvpZE
Confidencialidad: La información sólo debe ser legible para los autorizados.
Disponibilidad: Debe estar disponible cuando se necesita.
Irrefutabilidad (No repudio): El uso y/o modificación de la información por parte de un usuario debe ser irrefutable, es decir, que el usuario no puede negar dicha acción.
Dependiendo de las fuentes de amenaza, la seguridad puede dividirse en tres partes: seguridad física, seguridad ambiental y seguridad lógica.
En estos momentos la seguridad informática es un tema de dominio obligado por cualquier usuario de la Internet, para no permitir que su información sea comprometida.
La amenaza informática del futuro
Si en un momento el objetivo de los ataques fue cambiar las plataformas tecnológicas ahora las tendencias cibercriminales indican que la nueva modalidad es manipular los significados de la información digital. El área semántica, era reservada para los humanos, se convirtió ahora en el núcleo de los ataques debido a la evolución de la Web 2.0 y las redes sociales, factores que llevaron al nacimiento de la generación 3.0.
Se puede afirmar que “la Web 3.0 otorga contenidos y significados de manera tal que pueden ser comprendidos por las computadoras, las cuales -por medio de técnicas de inteligencia artificial- son capaces de emular y mejorar la obtención de conocimiento, hasta el momento reservada a las personas”.
Es decir, se trata de dotar de significado a las páginas Web, y de ahí el nombre de Web semántica o Sociedad del Conocimiento, como evolución de la ya pasada Sociedad de la Información
En este sentido, las amenazas informáticas que viene en el futuro ya no son con la inclusión de troyanos en los sistemas o softwares espías, sino con el hecho de que los ataques se han profesionalizado y manipulan el significado del contenido virtual.
“La Web 3.0, basada en conceptos como elaborar, compartir y significar, está representando un desafío para los hackers que ya no utilizan las plataformas convencionales de ataque, sino que optan por modificar los significados del contenido digital, provocando así la confusión lógica del usuario y permitiendo de este modo la intrusión en los sistemas”, La amenaza ya no solicita la clave de homebanking del desprevenido usuario, sino que directamente modifica el balance de la cuenta, asustando al internauta y, a partir de allí, sí efectuar el robo del capital”.
Para no ser presa de esta nueva ola de ataques más sutiles, Se recomienda:
Mantener las soluciones activadas y actualizadas.
Evitar realizar operaciones comerciales en computadoras de uso público.
Verificar los archivos adjuntos de mensajes sospechosos y evitar su descarga en caso de duda revisa los sigueintes twitts SeguridadInformatica @compuseguridad · 10 de may. de 2013 Una banda de ‘hackers’ robó 45 millones de dólares en cajeros de 27 países http://internacional.elpais.com/internacional/2013/05/09/actualidad/1368128137_318083.html … Educación C-LM @educajccm · 26 de ago. de 2012 Decálogo de consejos de seguridad informática para el verano: https://www.osi.es/consejos-veranos-seguros … #educajccm Informática Hoy @InformaticaHoy · 26 de ago. de 2012 Consejos para defenderse de los spywares http://fb.me/1yI0Qzpgv
Podemos entender como seguridad un estado de cualquier tipo de información (informático o no) que nos indica que ese sistema está libre de peligro, daño o riesgo. Se entiende como peligro o daño todo aquello que pueda afectar su funcionamiento directo o los resultados que se obtienen del mismo. Para la mayoría de los expertos el concepto de seguridad en la informática es utópico porque no existe un sistema 100% seguro http://www.enter.co/especiales/enterprise/la-seguridad-informatica-es-responsabilidad-de-todas-las-empresas/. Para que un sistema se pueda definir como seguro debe tener estas cuatro características:
Integridad: La información sólo puede ser modificada por quien está autorizado y de manera controlada. favor revisar el siguiente link: https://www.youtube.com/watch?v=2oNv98OvpZE
Confidencialidad: La información sólo debe ser legible para los autorizados.
Disponibilidad: Debe estar disponible cuando se necesita.
Irrefutabilidad (No repudio): El uso y/o modificación de la información por parte de un usuario debe ser irrefutable, es decir, que el usuario no puede negar dicha acción.
Dependiendo de las fuentes de amenaza, la seguridad puede dividirse en tres partes: seguridad física, seguridad ambiental y seguridad lógica.
En estos momentos la seguridad informática es un tema de dominio obligado por cualquier usuario de la Internet, para no permitir que su información sea comprometida.
La amenaza informática del futuro
Si en un momento el objetivo de los ataques fue cambiar las plataformas tecnológicas ahora las tendencias cibercriminales indican que la nueva modalidad es manipular los significados de la información digital. El área semántica, era reservada para los humanos, se convirtió ahora en el núcleo de los ataques debido a la evolución de la Web 2.0 y las redes sociales, factores que llevaron al nacimiento de la generación 3.0.
Se puede afirmar que “la Web 3.0 otorga contenidos y significados de manera tal que pueden ser comprendidos por las computadoras, las cuales -por medio de técnicas de inteligencia artificial- son capaces de emular y mejorar la obtención de conocimiento, hasta el momento reservada a las personas”.
Es decir, se trata de dotar de significado a las páginas Web, y de ahí el nombre de Web semántica o Sociedad del Conocimiento, como evolución de la ya pasada Sociedad de la Información
En este sentido, las amenazas informáticas que viene en el futuro ya no son con la inclusión de troyanos en los sistemas o softwares espías, sino con el hecho de que los ataques se han profesionalizado y manipulan el significado del contenido virtual.
“La Web 3.0, basada en conceptos como elaborar, compartir y significar, está representando un desafío para los hackers que ya no utilizan las plataformas convencionales de ataque, sino que optan por modificar los significados del contenido digital, provocando así la confusión lógica del usuario y permitiendo de este modo la intrusión en los sistemas”, La amenaza ya no solicita la clave de homebanking del desprevenido usuario, sino que directamente modifica el balance de la cuenta, asustando al internauta y, a partir de allí, sí efectuar el robo del capital”.
Para no ser presa de esta nueva ola de ataques más sutiles, Se recomienda:
Mantener las soluciones activadas y actualizadas.
Evitar realizar operaciones comerciales en computadoras de uso público.
Verificar los archivos adjuntos de mensajes sospechosos y evitar su descarga en caso de duda revisa los sigueintes twitts SeguridadInformatica @compuseguridad · 10 de may. de 2013 Una banda de ‘hackers’ robó 45 millones de dólares en cajeros de 27 países http://internacional.elpais.com/internacional/2013/05/09/actualidad/1368128137_318083.html … Educación C-LM @educajccm · 26 de ago. de 2012 Decálogo de consejos de seguridad informática para el verano: https://www.osi.es/consejos-veranos-seguros … #educajccm Informática Hoy @InformaticaHoy · 26 de ago. de 2012 Consejos para defenderse de los spywares http://fb.me/1yI0Qzpgv
lunes, 8 de septiembre de 2008
TRABAJO CON MARQUESINAS
MARQUESINAS < marquee >
Las marquesinas son líneas de texto que pueden desplazarse de un lado a otro de la ventana en forma de línea.
Para insertar una marquesina, es necesario insertar el texto entre las etiquetas < marquee > y < /marquee >.
La marquesina, por defecto, se desplaza de derecha a izquierda indefinidamente, pero si lo deseas puedes hacer que estas propiedades varíen.
A través del atributo behavior puede modificarse el tipo de movimiento. Puede tomar los valores alternate (de lado a lado de la ventana, como si rebotara en los extremos), scroll (de un lado a otro, continuamente) o slide (de un lado a otro, pero una sola vez).
A través del atributo direction puede modificarse la dirección en la que se moverá el texto. Puede tomar los valores down (de arriba a abajo), up (de abajo a arriba), left (de derecha a izquierda) o right (de izquierda a derecha).
EJEMPLO 1:
< html >
< head >
< title >
PAGINA DE PRUEBA - MARQUESINAS
< /title >
< /head >
< body >
< marquee bgcolor="#006699" behavior="alternate" direction="right" >ESTO ES UN EJEMPLO DE MARQUESINA < /marquee>
< /body >
< /html >
REALICE EL EJEMPLO EN BLOC DE NOTAS
A C T I V I D A D
SEPTIEMBRE 15 DE 2008
1- Realice el ejemplo anterior
2- Guarde como marquesinas.html en el escritorio
3- Minimice todo y pulse doble clic sobre el icono de marquesinas que se encuentra en el escritorio
4- Visualice los cambio realizados.
5- Realice los siguientes cambios (uno por uno) en el codigo html, recuerde que al realizar cambios debe guardar y luego actualizar la pagina en el explorador de internet:
6- Cambie el atributo behavior="slide" , guarde y pruebe la pagina
7- Cambie el atributo behavior="scroll" , guarde y pruebe la pagina
8- Cambie el atributo direction="left", guarde y pruebe la pagina
9- Cambie el atributo direction="up", guarde y pruebe la pagina
10- Cambie el atributo direction="down", guarde y pruebe la pagina
11- Asigne un color de fondo de pagina en la etiqueta body,
Ejemplo. < body bgcolor="purple">, guarde y pruebe la pagina
12- Realice una pagina web que contenga las siguientes características:
a. 4 párrafos de texto, cada uno con 5 líneas de texto mínimo
b. Color de fondo en toda la página
c. Cada párrafo debe llevar diferente color, tipo y tamaño de texto
d. En cada comienzo de párrafo coloque una marquesina con diferentes opciones(en total deben quedar 4 marquesinas en la página)
13- Guarde la página y ejecutela por internet explorer.
Las marquesinas son líneas de texto que pueden desplazarse de un lado a otro de la ventana en forma de línea.
Para insertar una marquesina, es necesario insertar el texto entre las etiquetas < marquee > y < /marquee >.
La marquesina, por defecto, se desplaza de derecha a izquierda indefinidamente, pero si lo deseas puedes hacer que estas propiedades varíen.
A través del atributo behavior puede modificarse el tipo de movimiento. Puede tomar los valores alternate (de lado a lado de la ventana, como si rebotara en los extremos), scroll (de un lado a otro, continuamente) o slide (de un lado a otro, pero una sola vez).
A través del atributo direction puede modificarse la dirección en la que se moverá el texto. Puede tomar los valores down (de arriba a abajo), up (de abajo a arriba), left (de derecha a izquierda) o right (de izquierda a derecha).
EJEMPLO 1:
< html >
< head >
< title >
PAGINA DE PRUEBA - MARQUESINAS
< /title >
< /head >
< body >
< marquee bgcolor="#006699" behavior="alternate" direction="right" >ESTO ES UN EJEMPLO DE MARQUESINA < /marquee>
< /body >
< /html >
REALICE EL EJEMPLO EN BLOC DE NOTAS
A C T I V I D A D
SEPTIEMBRE 15 DE 2008
1- Realice el ejemplo anterior
2- Guarde como marquesinas.html en el escritorio
3- Minimice todo y pulse doble clic sobre el icono de marquesinas que se encuentra en el escritorio
4- Visualice los cambio realizados.
5- Realice los siguientes cambios (uno por uno) en el codigo html, recuerde que al realizar cambios debe guardar y luego actualizar la pagina en el explorador de internet:
6- Cambie el atributo behavior="slide" , guarde y pruebe la pagina
7- Cambie el atributo behavior="scroll" , guarde y pruebe la pagina
8- Cambie el atributo direction="left", guarde y pruebe la pagina
9- Cambie el atributo direction="up", guarde y pruebe la pagina
10- Cambie el atributo direction="down", guarde y pruebe la pagina
11- Asigne un color de fondo de pagina en la etiqueta body,
Ejemplo. < body bgcolor="purple">, guarde y pruebe la pagina
12- Realice una pagina web que contenga las siguientes características:
a. 4 párrafos de texto, cada uno con 5 líneas de texto mínimo
b. Color de fondo en toda la página
c. Cada párrafo debe llevar diferente color, tipo y tamaño de texto
d. En cada comienzo de párrafo coloque una marquesina con diferentes opciones(en total deben quedar 4 marquesinas en la página)
13- Guarde la página y ejecutela por internet explorer.
domingo, 31 de agosto de 2008
PRIMERA CLASE CON II E.M.
Blogs
Un blog, (también se conocen como weblog o bitácora), es un sitio web que recopila cronológicamente textos o artículos de uno o varios autores, apareciendo primero el más reciente.Habitualmente, en cada artículo, los lectores pueden escribir sus comentarios y el autor darles respuesta, de forma que es posible establecer un diálogo.El uso o temática de cada blog es particular, los hay de tipo personal, periodístico, empresarial o corporativo, tecnológico, educativo, etc.Hoy en día los blogs están en alza, muchas personas quieren tener su espacio en Internet para publicar sus opiniones, sus experiencias, etc, y la forma más sencilla y fácil es con un Blog, o también llamado WeblogEsta guia muestra cómo crear un weblog (blog) con Blogger, la herramienta gratuita de Google para crear blogs, que además, no necesita nada mas que seguir unos cuantos pasos por nuestro navegador, y ya tendremos nuestro blog listo, sin bajar nada al disco duro.Además, podemos tener muchas opciones para personalizarlo a nuestro gusto, que otros usuarios comenten nuestros posts, agregar imágenes, etc
Un blog, (también se conocen como weblog o bitácora), es un sitio web que recopila cronológicamente textos o artículos de uno o varios autores, apareciendo primero el más reciente.Habitualmente, en cada artículo, los lectores pueden escribir sus comentarios y el autor darles respuesta, de forma que es posible establecer un diálogo.El uso o temática de cada blog es particular, los hay de tipo personal, periodístico, empresarial o corporativo, tecnológico, educativo, etc.Hoy en día los blogs están en alza, muchas personas quieren tener su espacio en Internet para publicar sus opiniones, sus experiencias, etc, y la forma más sencilla y fácil es con un Blog, o también llamado WeblogEsta guia muestra cómo crear un weblog (blog) con Blogger, la herramienta gratuita de Google para crear blogs, que además, no necesita nada mas que seguir unos cuantos pasos por nuestro navegador, y ya tendremos nuestro blog listo, sin bajar nada al disco duro.Además, podemos tener muchas opciones para personalizarlo a nuestro gusto, que otros usuarios comenten nuestros posts, agregar imágenes, etc
Crear Blog
Antes de empezar debemos crear una cuenta de correo (e-mail) con gmail http://www.gmail.com/
Paso 1
1. Ingrese a la página http://www.blogger.com/
2. Clic en el vínculo CREAR TU BLOG AHORA.
3. Ingrese su cuenta de correo de Gmail
4. Cree una contraseña para el Blog
5. Acepte las condiciones del contrato
6. Clic en el botón Continuar
Paso 2
1. Asigne un titulo para el blog (aparece en el blog, en el escritorio y en el perfil) Ej: el texto que aparece en este blog como (Alexander Romero)
2. Dirección del Blog URL http://alexromeroc.blogspot.com/ (Es la que utilizarán los usuarios para ingresar al blog.
3. Clic en el botón continuar.
4. Seleccione una plantilla (fondo) para su blog
5. Clic en el botón continuar.
Paso 3
Su blog se ha creado.Clic en el botón empezar a publicar.Ingresar información al Blog.
1. Clic en el vínculo Nueva entrada
2. Digite la información que desea publicar.Nota: Utilice las propiedades de fuente (Tipo, tamaño, color de letra)
Para subir imágenes:
1. Haga clic en el icono “Añadir Imagen”
2. Clic en el botón Examinar / Ubique la imagen.
3. Elija el Diseño o posición de la imagen.
4. Indique el tamaño de la imagen (Pequeña, mediano, grande).
5. Clic en el botón Subir Imagen.
6. Clic en el botón Finalizado.
7. Clic en el vínculo Vista previa.
8. Clic en el botón “Guardar Ahora” y luego en el botón “Publicar Entrada”.
9. Clic en el vínculo “Ver Blog”
Modificar Blog:
1. Clic en la etiqueta “Creación de entradas”
2. Clic en el Vínculo “Editar Entradas”
3. Clic en el vínculo “Editar” del texto que desea modificar.
4. Realice los cambios, guarde y publique la entrada.
Ingresar al blog (Publicado)
1. Ingrese a Internet y digite la dirección de su blog. Ej:http://alexromeroc.blogspot.com/
Ingresar a Blog (Diseño)
1. Ingrese a http://www.blogger.com/
2. Acceda a través de su cuenta de Gmail
Actividad No. 1
1. Cree una cuenta de correo (e-mail) con Gmail. o con Hotmail http://www.gmail.com/
2. Ingrese a la página http://www.blogger.com/
3. Cree su propio blog.
4. Realice un diseño en el blog que creo para publicar su hoja de vida.
5. Explore las etiquetas de Creación de entradas, Configuración y Diseño, para personalizar su blog.
6. Envíe al correo bachillerato11a2009@hotmail.com la dirección de su blog con las sugerencias e inquietudes sobre la clase.
Suscribirse a:
Entradas (Atom)
