El documento describe cómo insertar imágenes y archivos multimedia como videos y audio en páginas web HTML. Explica que las imágenes deben estar en formato GIF o JPEG y que se insertan usando la etiqueta <IMG> junto con el atributo SRC. También cubre cómo alinear imágenes y cómo insertar videos y audio usando las etiquetas <VIDEO> y <AUDIO> respectivamente.
Weebly: cómo armar una página profesional para docentesEdinson Uriarte
Weebly es una plataforma online, dedicada a la creación de páginas web gratuitas y de pago. Características, según su propia web:
-Interfaz sencilla que permite arrastrar y soltar los elementos.
-Docenas de diseños profesionales para un sitio web.
-Permite crear una página web o un blog de forma gratuita.
-No se requieren habilidades técnicas.
-Alojamiento de dominio gratuito y de pago.
-Permite modificar la CSS y el diseño HTML para que usuarios más avanzados los ajusten a sus necesidades.
•Bienvenidos a Weebly • Weebly es un servicio gratuito en línea a través de la web. Es una plataforma sencilla y útil para todo aquel que interese crear una página web con diferentes elementos. • Enlace: http://weebly.com
•3. Puntos importantes antes de comenzar a realizar tu página web 1. Para crear una cuenta en Weebly necesitas tener un correo electrónico activo. 2. Propósito y objetivos de la página. ¿Por qué y para que la estoy creando? ¿Cuál será mi audiencia principal? 3. Interés y tiempo para trabajar en la página creada. Vamos a comenzar…
• 4. Crear cuenta en Weebly Escriba su nombre, su correo electrónico y su contraseña, luego haga un clic en Sign UP (ver cuadro).
• 5. Seleccione el diseño de página Haga un CLICK sobre el diseño o plantilla que desea, luego haga un CLICK en CHOOSE (ver cuadro).
• 6. Escriba la dirección (URL) para su sitio web Escriba la dirección que desea para su sitio web en el encasillado verde. Recuerde que debe ser familiar al titulo de la página y que sea fácil para su recuperación en los buscadores. Weebly le informará si esta disponible la dirección. Luego de corroborar su disponibilidad haga un CLICK a CONTINUE.
• 7. Haga un CLICK en BUILD MY SITE para comenzar añadir elementos de página. Bienvenido a Weebly
• 8. Haga un CLICK sobre el encabezamiento o titulo de página, escriba el titulo de la página y luego haga un CLICK fuera del cuadro de titulo (ver cuadro). Encabezamiento o título de página
• 9. Insertar imagen de encabezamiento Si su diseño tiene un encabezamiento con imagen puede añadir la imagen de su preferencia. 1. Haga un CLICK en EDIT IMAGE. 2. Escoja nuevamente EDIT IMAGE. 3. Luego haga un CLIC en ADD IMAGE. 4. Escoja UPLOAD A PHOTO FROM COMPUTER.
• 10. Insertar imagen de encabezamiento Si su diseño tiene un encabezamiento con imagen puede añadir la imagen de su preferencia. 1. Localice la foto de preferencia en el archivo de su computadora y escoja la misma, luego haga un CLICK a OPEN. 2. Haga un CLICK a ADD IMAGE 3. Aparecerá un cuadro indicando la descarga de la foto a Weebly. 4. Luego saldrá un menú para editar la foto, añadir texto y colores. 5. Al finalizar de editar la foto haga un CLICK en SAVE.
• 11. Guardar y publicar mi página Debemos publicar nuestra página para que todo lo editado quede guardado. 1. Haga un CLICK en PUBLISH. 2. Espere la opción de PUBLISHING. 3. Aparecerá un cuadro con la dirección (url) de la página debidamente guardada y publicada. 4. Para volver a editar cierre la ventana en la (X).
• 12. Añadir elemento de titulo Para añadir un titulo a cualquier parte de nuestra página vamos al panel de elementos en la parte izquierda. 1. Haga un CLICK en el cuadro TITLE. 2. Haga un CLICK SOSTENIDO y arrastre hasta el cuadro principal. 3. En el encasillado de TITULO escriba la parte que corresponde al titulo. 4. Edite el texto utilizando la barra de herramientas en la parte superior
Weebly: cómo armar una página profesional para docentesEdinson Uriarte
Weebly es una plataforma online, dedicada a la creación de páginas web gratuitas y de pago. Características, según su propia web:
-Interfaz sencilla que permite arrastrar y soltar los elementos.
-Docenas de diseños profesionales para un sitio web.
-Permite crear una página web o un blog de forma gratuita.
-No se requieren habilidades técnicas.
-Alojamiento de dominio gratuito y de pago.
-Permite modificar la CSS y el diseño HTML para que usuarios más avanzados los ajusten a sus necesidades.
•Bienvenidos a Weebly • Weebly es un servicio gratuito en línea a través de la web. Es una plataforma sencilla y útil para todo aquel que interese crear una página web con diferentes elementos. • Enlace: http://weebly.com
•3. Puntos importantes antes de comenzar a realizar tu página web 1. Para crear una cuenta en Weebly necesitas tener un correo electrónico activo. 2. Propósito y objetivos de la página. ¿Por qué y para que la estoy creando? ¿Cuál será mi audiencia principal? 3. Interés y tiempo para trabajar en la página creada. Vamos a comenzar…
• 4. Crear cuenta en Weebly Escriba su nombre, su correo electrónico y su contraseña, luego haga un clic en Sign UP (ver cuadro).
• 5. Seleccione el diseño de página Haga un CLICK sobre el diseño o plantilla que desea, luego haga un CLICK en CHOOSE (ver cuadro).
• 6. Escriba la dirección (URL) para su sitio web Escriba la dirección que desea para su sitio web en el encasillado verde. Recuerde que debe ser familiar al titulo de la página y que sea fácil para su recuperación en los buscadores. Weebly le informará si esta disponible la dirección. Luego de corroborar su disponibilidad haga un CLICK a CONTINUE.
• 7. Haga un CLICK en BUILD MY SITE para comenzar añadir elementos de página. Bienvenido a Weebly
• 8. Haga un CLICK sobre el encabezamiento o titulo de página, escriba el titulo de la página y luego haga un CLICK fuera del cuadro de titulo (ver cuadro). Encabezamiento o título de página
• 9. Insertar imagen de encabezamiento Si su diseño tiene un encabezamiento con imagen puede añadir la imagen de su preferencia. 1. Haga un CLICK en EDIT IMAGE. 2. Escoja nuevamente EDIT IMAGE. 3. Luego haga un CLIC en ADD IMAGE. 4. Escoja UPLOAD A PHOTO FROM COMPUTER.
• 10. Insertar imagen de encabezamiento Si su diseño tiene un encabezamiento con imagen puede añadir la imagen de su preferencia. 1. Localice la foto de preferencia en el archivo de su computadora y escoja la misma, luego haga un CLICK a OPEN. 2. Haga un CLICK a ADD IMAGE 3. Aparecerá un cuadro indicando la descarga de la foto a Weebly. 4. Luego saldrá un menú para editar la foto, añadir texto y colores. 5. Al finalizar de editar la foto haga un CLICK en SAVE.
• 11. Guardar y publicar mi página Debemos publicar nuestra página para que todo lo editado quede guardado. 1. Haga un CLICK en PUBLISH. 2. Espere la opción de PUBLISHING. 3. Aparecerá un cuadro con la dirección (url) de la página debidamente guardada y publicada. 4. Para volver a editar cierre la ventana en la (X).
• 12. Añadir elemento de titulo Para añadir un titulo a cualquier parte de nuestra página vamos al panel de elementos en la parte izquierda. 1. Haga un CLICK en el cuadro TITLE. 2. Haga un CLICK SOSTENIDO y arrastre hasta el cuadro principal. 3. En el encasillado de TITULO escriba la parte que corresponde al titulo. 4. Edite el texto utilizando la barra de herramientas en la parte superior
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...JAVIER SOLIS NOYOLA
El Mtro. JAVIER SOLIS NOYOLA crea y desarrolla el “ROMPECABEZAS DE ECUACIONES DE 1ER. GRADO OLIMPIADA DE PARÍS 2024”. Esta actividad de aprendizaje propone retos de cálculo algebraico mediante ecuaciones de 1er. grado, y viso-espacialidad, lo cual dará la oportunidad de formar un rompecabezas. La intención didáctica de esta actividad de aprendizaje es, promover los pensamientos lógicos (convergente) y creativo (divergente o lateral), mediante modelos mentales de: atención, memoria, imaginación, percepción (Geométrica y conceptual), perspicacia, inferencia, viso-espacialidad. Esta actividad de aprendizaje es de enfoques lúdico y transversal, ya que integra diversas áreas del conocimiento, entre ellas: matemático, artístico, lenguaje, historia, y las neurociencias.
Un libro sin recetas, para la maestra y el maestro Fase 3.pdfsandradianelly
Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestra y el maestro Fase 3Un libro sin recetas, para la maestr
Horarios y fechas de la PAU 2024 en la Comunidad Valenciana.
Html5 img gif_sonido_video-comprimido
1. FORMAS DE 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.
• LA ETIQUETA UTILIZADA PARAAGREGAR IMÁGENES A UNA PÁGINA WEB ES
<IMG> Y VAACOMPAÑADA DE UN ATRIBUTO FUNDAMENTAL"SRC", QUE
INDICA LA RUTA DONDE SE ENCUENTRA EL ARCHIVO QUE CONTIENE LA
IMAGEN A INSERTAR. ES DECIR:
<IMG SRC="LUGAR DONDE GUARDO LA IMAGEN">
• SUPONGAMOS QUE TENEMOS LA IMAGEN DRAGONBALL.GIF, QUE ESTÁ
PRESENTE EN EL MISMO, DIRECTORIO EN DONDE ESTA LA PAGINAY QUE LA
QUEREMOS INSERTAR <IMG SRC="DRAGONBALL.GIF">
• SI UNA IMAGEN NO SE PUEDE MOSTRAR POR ALGUNA RAZÓN, EL ATRIBUTO
ALT PROPORCIONA TEXTO ALTERNATIVO PARA MOSTRAR EN SU LUGAR.
5. <p><IMG
SRC="https://media.tenor.com/images/b65504dbb7eeafc34f3ae35c455cf10f/tenor.gif "
alt="Funny image" border="1" ALIGN=RIGHT>
GIF alineado hacia la derecha del texto. Usando atributo ALING</p>
<p><IMG
SRC="https://media.tenor.com/images/b65504dbb7eeafc34f3ae35c455cf10f/tenor.gif "
alt="Funny image" border="2" ALIGN=Left>
GIF alineado hacia la izquierda del texto. Usando atributo ALING</p>
GIF alineado hacia la derecha del
texto. Usando atributo ALING
GIF alineado hacia la izquierda del
texto. Usando atributo ALING
6. GIF DENTRO DE UNA TABLA
<TABLE BORDER=2 ALIGN="LEFT"
width="80%"BGCOLOR=pink >
<TH bgcolor=white colspan="2"> Gif</TH>
<TR><TD><img
src="https://media.tenor.com/images/b65504
dbb7eeafc34f3ae35c455cf10f/tenor.gif">
</TD>
<TD><img
src="https://media0.giphy.com/media/3o6UB
5RrlQuMfZp82Y/giphy.gif"></TD></TR>
<tr><td><img
src="https://media1.tenor.com/images/d52b3
54914d8a0f1ac545b48e2751312/tenor.gif?ite
mid=7853088"></td>
<td></td></tr>
</TABLE>
7. GIF DENTRO DE UNA MARQUESINA
<center><marquee bgcolor=#3600FF behavior="alternate" direction="up" width="100%"
height=500><marquee direction="right">
<img src="https://media.tenor.com/images/b65504dbb7eeafc34f3ae35c455cf10f/tenor.gif"
border="4">
</marquee></center><br>
8. INSERTAR AUDIO EN
HTML
HTML INTRODUCE UN SOPORTE INTEGRADO PARA EL
CONTENIDO MULTIMEDIA GRACIAS AL ELEMENTO <AUDIO>,
OFRECIENDO LA POSIBILIDAD DE INSERTAR CONTENIDO
MULTIMEDIA EN DOCUMENTOS HTML.
9. ATRIBUTOS DE LA ETIQUETA <AUDIO>
•CONTROLS: INDICA SI SE DEBE MOSTRAR LOS CONTROLES DE REPRODUCCIÓN DEL
AUDIO. (PLAY, STOP, VOLUMEN).
•AUTOPLAY: INDICA SI EL AUDIO SE INICIA AUTOMÁTICAMENTE AL CARGAR LA
PAGINA HTML.
•LOOP: REPRODUCCIÓN EN BUCLE: AL ACABAR EL AUDIO, A REPRODUCCIÓN VOLVERÁ
A EMPEZAR UNA Y OTRA VEZ.
•PRELOAD: INDICA SI EL AUDIO SE EMPIEZA A CARGAR CUANDO EL NAVEGADOR
CARGA LA PAGINA HTML. PONER =“NONE” EN GALERÍAS DE AUDIOS.
•MUTED: SIN AUDIO.
•SRC: ESPECIFICA LA URL DEL AUDIO A REPRODUCIR.
11. INSERTAR VIDEO EN HTML5
• LA ETIQUETA <VIDEO>
• LA ETIQUETA VIDEO TAMBIÉN TIENE UN PESO MUY FUERTE
EN HTML5 POR QUE VIENE A FACILITARNOS LAS COSAS EN
CUANTO A LA NECESIDAD DE AGREGAR CONTENIDO
AUDIOVISUAL EN NUESTRA PÁGINA WEB.
• LA ETIQUETA <VIDEO> ES LA ETIQUETA QUE MÁS FAMOSA
SE HIZO YA QUE EL VIDEO EN INTERNET IMPLICA MUCHAS
INNOVACIONES DESDE QUE FLASH PLAYER NOS PROPUSO
USAR VIDEO CON CALIDAD HD Y EL CODEC H.264,
12. •<VIDEO SRC="VIDEO1.MP4" WIDTH="640"
HEIGHT="360" CONTROLS AUTOPLAY
PRELOAD></VIDEO>
EXPLIQUEMOS LOS ATRIBUTOS DE LA ETIQUETA:
• SRC: NOS ENLAZA EL ARCHIVO DE VIDEO QUE QUEREMOS REPRODUCIR.
• WIDTH: NOS DEFINE EL ANCHO DEL VIDEO EN PÍXELES.
• HEIGHT: NOS DEFINE LA ALTURA DEL VIDEO EN PÍXELES.
• CONTROLS: NOS PERMITE IMPLEMENTAR LOS CONTROLES DEL REPRODUCTOR POR
DEFECTO DEL NAVEGADOR COMO, BOTÓN PLAY-PAUSE, SEEK Y VOLUMEN.
• AUTOPLAY: NOS PERMITE REPRODUCIR EL ARCHIVO DE VIDEO DESDE QUE SE
CARGA LA PÁGINA.
• PRELOAD: NOS CARGA UN POCO EL ARCHIVO DE VIDEO ANTES DE INICIAR LA
REPRODUCCIÓN EN EL BUFFER PARA QUE NO SE TRABE POR REPRODUCIR MÁS DE
LO QUE CARGA.