SlideShare una empresa de Scribd logo
Otros elementos

•   Marquesinas
•   Fecha
•   Regla horizontal
•   Código de otras páginas


Objetivo: El alumno conocerá en forma integral:

Inserción de objetos de Código externo.
Manejo de Horas y fechas en tiempo real.
Marquesinas atractivas en el performance final.




Resultados, No Excusas, Termina todo lo que Empiezas, Trabajo en Equipo
• Marquesinas
Las marquesinas son texto en movimiento. La etiqueta básica será <MARQUEE> y </MARQUEE>
Las marquesinas no se pueden insertar a través del editor gráfico de Dreamweaver, es necesario hacerlo a
través del código.
Ejemplo:<marquee> (atributos)>texto</marquee>

Entre dichas etiquetas se deben introducirse los elementos que se desea que aparezcan en la marquesina.
Como son :los atributos behavior,direction,etc.

Atributos behavior indica el tipo de movimiento.
altérnate (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).
Ejemplo:
<marquee bgcolor="#006699" behavior="alternate" >

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),
                            rigth (de derecha a izquierda) o
                            left (de izquierda a derecha).

También es posible establecer un color de fondo, a través del atributo bgcolor.

<marquee bgcolor="#006699" behavior="alternate" direction="right">




      Resultados, No Excusas, Termina todo lo que Empiezas, Trabajo en Equipo
• Fecha
Dreamweaver permite insertar fácilmente la fecha de última modificación
de las páginas.

Para insertar la fecha: menú Insertar, a la opción Fecha.




Resultados, No Excusas, Termina todo lo que Empiezas, Trabajo en Equipo
la fecha de modificación se inserta cuando la página contiene
información actualizada, para que los usuarios puedan saber cuando fue
la última vez que se actualizaron los datos.



Aquí elegimos el formato de la fecha y después dar clic en aceptar.




         Por ultimo se mostrara así




    Resultados, No Excusas, Termina todo lo que Empiezas, Trabajo en Equipo
• Regla horizontal


Es un elemento que se utiliza para separar secciones dentro de una misma página Una
regla horizontal no es más que una línea horizontal.

Ruta: menú Insertar, opción HTML, luego la opción Regla horizontal.

El inspector de propiedades para las reglas es el siguiente.




     Resultados, No Excusas, Termina todo lo que Empiezas, Trabajo en Equipo
Aparecerá una línea horizontal a lo ancho de toda la página.




Al seleccionar la línea puedes utilizar el Inspector de propiedades para cambiar: el
ancho, el alto, la alineación y el sombreado.




     Resultados, No Excusas, Termina todo lo que Empiezas, Trabajo en Equipo
•    Código de otras páginas

En ocasiones nos gustaría incluir en
nuestras páginas cosas que hemos
visto en otras páginas que están
publicadas en Internet.

Puedes visualizar el código fuente de
dichas páginas a través del menú Ver
del navegador Internet Explorer, opción
Código fuente, o bien mostrar el menú
contextual de la página pulsando con
el botón derecho sobre ella, y pulsando
después sobre la opción Ver código
fuente. De este modo puedes consultar
el código que se ha utilizado para
realizar la página, y utilizar dicho
código en las tuyas.




    Resultados, No Excusas, Termina todo lo que Empiezas, Trabajo en Equipo
El código se mostrara así




Resultados, No Excusas, Termina todo lo que Empiezas, Trabajo en Equipo

Más contenido relacionado

ODT
Practia de marquesina en blugriffon
PPT
Proyecto Tecnico,
PPT
CREA WEBQUEST USANDO PHP
PPT
Creacion de una Webquest
PDF
Pasos para crear un blog
PPTX
Sitio google
PPTX
Sitio google
Practia de marquesina en blugriffon
Proyecto Tecnico,
CREA WEBQUEST USANDO PHP
Creacion de una Webquest
Pasos para crear un blog
Sitio google
Sitio google

La actualidad más candente (18)

DOCX
Pagina web 2
DOCX
Creación sitio y pagina web
PPT
Manual MiniQuest
DOCX
Atendiendo al gran interés de nuestros visitantes en tener un
PPT
Tutorial Phpwebquest
PPTX
Cómo hacer un blog
PPTX
Como crear un blog by sergio
PPT
Configuración del blog
ODP
Manual de un blog. Nadia
PPTX
Como hacer un blog
DOCX
PPTX
Como crear un blog parte primera parte
PDF
Comenzamos a trabajar en Plataforma CREA
PPTX
Pagina web gratis
PPTX
Pasos a seguir para la elaboración de un
PPT
Instructivo Photoshop
PPTX
Como crear un power point primera parte
PPT
Plantillas y gadget formal
Pagina web 2
Creación sitio y pagina web
Manual MiniQuest
Atendiendo al gran interés de nuestros visitantes en tener un
Tutorial Phpwebquest
Cómo hacer un blog
Como crear un blog by sergio
Configuración del blog
Manual de un blog. Nadia
Como hacer un blog
Como crear un blog parte primera parte
Comenzamos a trabajar en Plataforma CREA
Pagina web gratis
Pasos a seguir para la elaboración de un
Instructivo Photoshop
Como crear un power point primera parte
Plantillas y gadget formal
Publicidad

Destacado (7)

RTF
DOCX
EL AGUA NO ES UN NEGOCIO, ES UN COMPROMISO SOCIAL
PPTX
Presentación1.pptx 21 3-12
PDF
Alle rentes bkrdirect.nl hypotheekmetbkr.nl
PPTX
PPTX
Seminario estadística inferencial. correlaciones
DOC
Juegos infantiles descargas
EL AGUA NO ES UN NEGOCIO, ES UN COMPROMISO SOCIAL
Presentación1.pptx 21 3-12
Alle rentes bkrdirect.nl hypotheekmetbkr.nl
Seminario estadística inferencial. correlaciones
Juegos infantiles descargas
Publicidad

Similar a Leccion 19.otros elementos (20)

PPTX
Dreamweaver-Tratamiento de imágenes
PPTX
Manual de Dreamweaver
PDF
Dreamweaver - Fichas de Aprendizaje 2014
DOCX
Visuales y programacion
PPTX
Dreamweaver
PPTX
Dreamweaver cs5 naty
PPTX
Presentación1
PDF
Maquetación Web con Dreamweaver y Photoshop (1/2)
PDF
Guia 1 De Dreamweaver
PPTX
Adicion de contenido a dreamweaver
PPTX
Melanie gonzález
PPTX
Presentación1
PPTX
Grado 11 - dreamweaver
PPT
Dreamweaver Interfaz
DOCX
Manual de dreamweaver listo
PPTX
Dreamweaver Ale-Man
PPTX
Dreamweaver
PDF
Manual dreamweaver 8 spanish
PDF
Manual dreamweaver 8 spanish
PDF
Dreamweaver mx-practicas
Dreamweaver-Tratamiento de imágenes
Manual de Dreamweaver
Dreamweaver - Fichas de Aprendizaje 2014
Visuales y programacion
Dreamweaver
Dreamweaver cs5 naty
Presentación1
Maquetación Web con Dreamweaver y Photoshop (1/2)
Guia 1 De Dreamweaver
Adicion de contenido a dreamweaver
Melanie gonzález
Presentación1
Grado 11 - dreamweaver
Dreamweaver Interfaz
Manual de dreamweaver listo
Dreamweaver Ale-Man
Dreamweaver
Manual dreamweaver 8 spanish
Manual dreamweaver 8 spanish
Dreamweaver mx-practicas

Más de Flor Aguilar (20)

PPTX
Qué es la regresión lineal en la calidad .pptx
DOCX
Ejercicio 1 prueba de practicas para certificación de SolidWorks
PPTX
Leccion 17 html desde dreamweaver
PPTX
Leccion12 dream.flor
PPTX
Leccion 20 capas
PPTX
Leccion 18 html desde dreamweaver 2
PPTX
Leccion 17 html desde dreamweaver
PPTX
Leccion 16.plantillas
PPTX
Leccion 15 sonido y videos
PPTX
Leccion14.multimedia1.dream flor
PPTX
Leccion13 formularios dream
PPTX
Leccion12 dream.flor
PPTX
Leccion 11 dream.flor
PPTX
Leccion 11 dream.flor
PPTX
Leccion13 formularios dream
PPTX
Leccion14.multimedia1.dream flor
PPTX
Leccion12 dream.flor
PPTX
Leccion 10 dream
PPTX
Leccion 9 dream
PPTX
Leccion 8 dream
Qué es la regresión lineal en la calidad .pptx
Ejercicio 1 prueba de practicas para certificación de SolidWorks
Leccion 17 html desde dreamweaver
Leccion12 dream.flor
Leccion 20 capas
Leccion 18 html desde dreamweaver 2
Leccion 17 html desde dreamweaver
Leccion 16.plantillas
Leccion 15 sonido y videos
Leccion14.multimedia1.dream flor
Leccion13 formularios dream
Leccion12 dream.flor
Leccion 11 dream.flor
Leccion 11 dream.flor
Leccion13 formularios dream
Leccion14.multimedia1.dream flor
Leccion12 dream.flor
Leccion 10 dream
Leccion 9 dream
Leccion 8 dream

Último (20)

PDF
LIBRO 2-SALUD Y AMBIENTE-4TO CEBA avanzado.pdf
PDF
La Inteligencia Emocional - Fabian Goleman TE4 Ccesa007.pdf
PDF
La lluvia sabe por qué: una historia sobre amistad, resiliencia y esperanza e...
PDF
Escuelas Desarmando una mirada subjetiva a la educación
DOCX
PLAN DE CASTELLANO 2021 actualizado a la normativa
DOC
4°_GRADO_-_SESIONES_DEL_11_AL_15_DE_AGOSTO.doc
PDF
Ernst Cassirer - Antropologia Filosofica.pdf
PDF
MATERIAL DIDÁCTICO 2023 SELECCIÓN 1_REFORZAMIENTO 1° BIMESTRE.pdf
PDF
TOMO II - LITERATURA.pd plusenmas ultras
PDF
Tomo 1 de biologia gratis ultra plusenmas
PDF
Teologia-Sistematica-Por-Lewis-Sperry-Chafer_060044.pdf
PDF
5°-UNIDAD 5 - 2025.pdf aprendizaje 5tooo
DOC
Manual de Convivencia 2025 actualizado a las normas vigentes
PDF
Modelo Educativo SUB 2023versión final.pdf
PPTX
TEMA 1ORGANIZACIÓN FUNCIONAL DEL CUERPO, MEDIO INTERNO Y HOMEOSTASIS (3) [Aut...
PDF
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
PDF
La Formacion Universitaria en Nuevos Escenarios Ccesa007.pdf
DOCX
PLANES DE área ciencias naturales y aplicadas
PDF
ACERTIJO EL CONJURO DEL CAZAFANTASMAS MATEMÁTICO. Por JAVIER SOLIS NOYOLA
PDF
IPERC...................................
LIBRO 2-SALUD Y AMBIENTE-4TO CEBA avanzado.pdf
La Inteligencia Emocional - Fabian Goleman TE4 Ccesa007.pdf
La lluvia sabe por qué: una historia sobre amistad, resiliencia y esperanza e...
Escuelas Desarmando una mirada subjetiva a la educación
PLAN DE CASTELLANO 2021 actualizado a la normativa
4°_GRADO_-_SESIONES_DEL_11_AL_15_DE_AGOSTO.doc
Ernst Cassirer - Antropologia Filosofica.pdf
MATERIAL DIDÁCTICO 2023 SELECCIÓN 1_REFORZAMIENTO 1° BIMESTRE.pdf
TOMO II - LITERATURA.pd plusenmas ultras
Tomo 1 de biologia gratis ultra plusenmas
Teologia-Sistematica-Por-Lewis-Sperry-Chafer_060044.pdf
5°-UNIDAD 5 - 2025.pdf aprendizaje 5tooo
Manual de Convivencia 2025 actualizado a las normas vigentes
Modelo Educativo SUB 2023versión final.pdf
TEMA 1ORGANIZACIÓN FUNCIONAL DEL CUERPO, MEDIO INTERNO Y HOMEOSTASIS (3) [Aut...
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
La Formacion Universitaria en Nuevos Escenarios Ccesa007.pdf
PLANES DE área ciencias naturales y aplicadas
ACERTIJO EL CONJURO DEL CAZAFANTASMAS MATEMÁTICO. Por JAVIER SOLIS NOYOLA
IPERC...................................

Leccion 19.otros elementos

  • 1. Otros elementos • Marquesinas • Fecha • Regla horizontal • Código de otras páginas Objetivo: El alumno conocerá en forma integral: Inserción de objetos de Código externo. Manejo de Horas y fechas en tiempo real. Marquesinas atractivas en el performance final. Resultados, No Excusas, Termina todo lo que Empiezas, Trabajo en Equipo
  • 2. • Marquesinas Las marquesinas son texto en movimiento. La etiqueta básica será <MARQUEE> y </MARQUEE> Las marquesinas no se pueden insertar a través del editor gráfico de Dreamweaver, es necesario hacerlo a través del código. Ejemplo:<marquee> (atributos)>texto</marquee> Entre dichas etiquetas se deben introducirse los elementos que se desea que aparezcan en la marquesina. Como son :los atributos behavior,direction,etc. Atributos behavior indica el tipo de movimiento. altérnate (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). Ejemplo: <marquee bgcolor="#006699" behavior="alternate" > 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), rigth (de derecha a izquierda) o left (de izquierda a derecha). También es posible establecer un color de fondo, a través del atributo bgcolor. <marquee bgcolor="#006699" behavior="alternate" direction="right"> Resultados, No Excusas, Termina todo lo que Empiezas, Trabajo en Equipo
  • 3. • Fecha Dreamweaver permite insertar fácilmente la fecha de última modificación de las páginas. Para insertar la fecha: menú Insertar, a la opción Fecha. Resultados, No Excusas, Termina todo lo que Empiezas, Trabajo en Equipo
  • 4. la fecha de modificación se inserta cuando la página contiene información actualizada, para que los usuarios puedan saber cuando fue la última vez que se actualizaron los datos. Aquí elegimos el formato de la fecha y después dar clic en aceptar. Por ultimo se mostrara así Resultados, No Excusas, Termina todo lo que Empiezas, Trabajo en Equipo
  • 5. • Regla horizontal Es un elemento que se utiliza para separar secciones dentro de una misma página Una regla horizontal no es más que una línea horizontal. Ruta: menú Insertar, opción HTML, luego la opción Regla horizontal. El inspector de propiedades para las reglas es el siguiente. Resultados, No Excusas, Termina todo lo que Empiezas, Trabajo en Equipo
  • 6. Aparecerá una línea horizontal a lo ancho de toda la página. Al seleccionar la línea puedes utilizar el Inspector de propiedades para cambiar: el ancho, el alto, la alineación y el sombreado. Resultados, No Excusas, Termina todo lo que Empiezas, Trabajo en Equipo
  • 7. Código de otras páginas En ocasiones nos gustaría incluir en nuestras páginas cosas que hemos visto en otras páginas que están publicadas en Internet. Puedes visualizar el código fuente de dichas páginas a través del menú Ver del navegador Internet Explorer, opción Código fuente, o bien mostrar el menú contextual de la página pulsando con el botón derecho sobre ella, y pulsando después sobre la opción Ver código fuente. De este modo puedes consultar el código que se ha utilizado para realizar la página, y utilizar dicho código en las tuyas. Resultados, No Excusas, Termina todo lo que Empiezas, Trabajo en Equipo
  • 8. El código se mostrara así Resultados, No Excusas, Termina todo lo que Empiezas, Trabajo en Equipo