Como es normal el HTML, como cualquier otro lenguaje, no está terminado ni lo estará nunca. Día a día se le van implementando nuevas utilidades que lo.

Slides:



Advertisements
Presentaciones similares
Escribir en un wiki. Insertar imágenes y enlaces
Advertisements

Departamento de Comunicación Instituto Tecnológico y de Estudios Superiores de Monterrey, Campus Estado de México Instituto Tecnológico y de Estudios.
PortalVecinos Distribuir Documentos entre los comuneros PortalVecinos (Fácil, útil y económico)
ESCRIBIR, INSERTAR VÍNCULOS E IMÁGENES en un WIKI Adela Fernández, Irene González, Marimar Pérez.
TABLAS EN WORD.
CORREO INTERNO. El módulo de correo interno proporciona un método de comunicación simple entre usuarios (Estudiantes- tutores), mediante el envío de mensajes.
Webquest Diseño IU: Wix.com permite un control total del diseño de la web, pudiendo elegir en cualquier momento que punto modificar o que.
Marcos y multimedia con html
Uso didáctico de videos disponibles en Internet para la XO.
Gestionar y organizar los elementos del correo electrónico
Iniciaremos el proceso de instalación de Ubuntu (Versión 11.04), partiendo de la base que ya se encuentra instalado en nuestro PC el sistema operativo.
Equipo 5 LINKS.
Creación y manejo de un Blog con Wordpress Universidad de Alicante, 21 de octubre de 2010.
D E F I N I C I O N E S.
Webquest Diseño IU: Wix.com permite un control total del diseño de la web, pudiendo elegir en cualquier momento que punto modificar o que.
DE LAS CUENTAS DE USUARIO Y OPCIONES DE CARPETA
Etiqueta Título Los títulos o encabezamientos se emplean al comienzo de una sección. Las etiquetas que se usan son: Los títulos o encabezamientos se emplean.
Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.
Ing. GISCARD MARQUEZ VALVERDE.
Ing. Cleyver Vazquez Jijon
Ingeniero Anyelo Quintero
QUE ES HTML? HTML es el lenguaje con el que al escribir etiquetas creamos páginas web. Las páginas se visualizan por medio de un navegador (Internet Explorer,
Windows XP Windows XP (cuyo nombre en clave inicial fue Whistler) fue hecho público el 25 de octubre de 2001 por Microsoft. Microsoft inicialmente sacó.
Manual de Ayuda para el usuario del ing Explorer.
INDICE 1. Iniciar sesión 2. Primera pantalla: últimas noticias 3. La página personal: el Perfil 4. Mi foto de perfil 5. El muro 6. Escribir en tu muro:
11 de febrero de 2008 Portal de la JuntaPortal del CNICE OTRAS DIRECCIONES Otros portales educativos BuscadoresFreeware Shareware Editoriales Páginas.
Botón de office John Alexander Vélez y..
ARCHIVOS PDF POR: MARINA MORALES VIII SEMESTRE DE ADMITRACIÓN DE EMPRESAS UNICIENCIA.
Creación y manejo de un Blog en Wordpress BLOGS. Nosotros hemos elegido wordpress ya que nos parece que es uno de los mas intuitivos y sencillos de manejar.
Pasos para la instalación de WINDOWS 8
MICROSOFT OFFICE Power Point.
 Un servidor basado en un procesador Intel que ejecute Windows Server 2003 debe tener al menos 128 MB de RAM. Microsoft recomienda también que haya.
Procesadores de Texto Un procesador de texto se le llama a toda herramienta capaz de generar un texto, escrito con cierto formato predeterminado. Que tenga.
Etiquetas para el trabajo con Marcos
Muchas personas usan una lista de tareas pendientes, ya sea en papel, en una hoja de cálculo o en una combinación de papel y medios electrónicos. En Outlook.
EDWIN ACOSTA PINILLA DIEGO FERNANDO CASTRO JHON SEBASTIAN CASTRO.
El escritorio y la barra de tareas
El lenguaje HTML Este lenguaje nos permite estructurar documentos. La mayoría de los documentos tienen estructuras comunes (títulos, parrafos, listas...)
“Trabajando en Notepad”
EL CHAT.
Sonido y Video. Los tres formatos más populares de sonido en HTML son: WAVE: los formatos de sonidos son.wav (audio/x-wave), AU: (audio Basic) que reproducen.
MICROSOFT OFFICE Power Point.
Es un programa sorprendente con un diseño mejor y más eficaz que el de las versiones anteriores. Pero quizás le resulte poco familiar. Por ese motivo.
CORREOS ELECTRONICOS Adriana Chàvez. Principalmente se usa este nombre para denominar al sistema que provee este servicio en Internet, mediante el protocolo.
Cómo crear un blog con Laura Imaz. 1. CREAR UNA CUENTA GMAIL Para crear una cuenta Gmail tenemos que situarnos en la ventana de Google, veremos como arriba.
Taller de Herramientas de Presentación
Los Controles de Visual Basic
Menú de archivo Tatiana Rebeca Galicia Mejía 1ero Técnico.
Tema 6 – Servicio de Correo Electrónico
NOMBRES: Daniel Andrés Martínez Pérez Jhon Alejandro Carrizosa Ovalle Jaiver Giovanny Sánchez García CURSO: JORNADA: Tarde.
PARCIAL 1.
Barra de tareas mejorada y vistas de pantalla completa
MANUAL DE USUARIO DE WORDPRESS. 1. CREAR EL BLOG  En la página Wordpress.com elegimos comenzar un blog y vamos siguiendo los pasos de registro: Rellenamos.
CREACIÓN DE PÁGINAS WEB CON SHAREPOINT DESIGNER 2007 (Sesión 5) Ricardo Ferrís Castell ( ) Departament D ’ Informàtica.
Microsoft Power Point Tema: “Como manejo del Power Point como herramienta estudiantil”.
Crear un blog Sé Blogger…. Crear un blog Para crear un blog con Blogger, visita la página principal de Blogger, introduce tu nombre de usuario y contraseña.
Paso 1 Introducimos el CD de instalación de Windows XP en la unidad de CD- ROM. Reiniciamos el PC y tenemos que configurar la BIOS para que el ordenador.
Creación de un Blog Ing. Reina Muñoz.
CONBINACION DE CORRESPONDENCIA
Introducción a phpMyAdmin
Profesora: Angela Maiz
¿Cómo hacer los Wikis?. CREAR TU PROPIO WIKI PRIMERO, para registrarse se debe tener una cuenta de correo electrónico, se recomienda abrirlo en GMAIL.
. Introducción a Twitter  Twitter al igual que otras redes sociales te permiten estar en contacto en tiempo real, es como tener un blog donde los posts.
HTML.
P O W E R P O I N T CONCEPTOS BÁSICOS 1.
Google docs Tutorial para elaborar una presentación en línea con Google docs Prof. Edgar Oswaldo González Bello Prof. Adolfo Castillo Navarro Universidad.
Módulo III.- Recursos en UPSA VIRTUAL Este módulo explica como configurar los distintos recursos que pueden encontrarse en un curso de MOODLE. Recurso:
ANDRES MAURICIO QUINTERO MACEA Programación Web Lic. Informática y medios audiovisuales Facultad de educación y ciencias humanas Universidad de Córdoba.
MITZI MELINA GARCIA H. PROF. AZUCENA CERVANTES COLEGIO BUCERIAS 1B
Transcripción de la presentación:

Como es normal el HTML, como cualquier otro lenguaje, no está terminado ni lo estará nunca. Día a día se le van implementando nuevas utilidades que lo hacen más práctico. la posibilidad de mostrar vídeo o sonido en un documento HTML esta limitada a la capacidad y a la configuración del navegador, también es indispensable que la computadora tenga instalada una tarjera de sonido y unas bocinas para poder reproducir los sonidos. La forma básica de incluir un fichero de un formato no reconocido por el navegador es incluirlo en un hiperenlace de forma que cuando el usuario siga el hiperenlace el programa navegador llame a una aplicación externa que trate este tipo de ficheros. El navegador tendrá definida una lista aplicaciones que trabajarán con los formatos más comunes de fichero de vídeo, audio o imágenes. INSERTAR SONIDO Y VIDEO

MOZILLA FIREFOX Si utiliza MOZILLA FIREFOX, la etiqueta que debe emplear es junto a un buen número de tributos: SRC, AUTOSTART, LOOP, STARTTIME, ENDTIME, VOLUME, WIDTH, HEIGHT, ALIGN, CONTROLS y HIDDEN. Sintaxis: De donde: Archivo de Sonido: es la ruta completa del archivo de sonido, bien sea local en su PC, o bien una localización remota. w y h: son valores enteros que expresan la anchura y la altura en pixeles, respectivamente, de una pequeña consola que aparece en el navegador, y que posee unos pequeños botones (stop, play, pause y control de volumen entre otros).

Pueden utilizarse indistintamente ficheros de sonido con los formatos WAV, AIFF, AU, MP3 o MIDI. En Windows los más utilizados normalmente son los.WAV o los.MID. Ejemplos: (solo necesitas copiar los ejemplos en el bloc de notas y cambiar el nombre del archivo de audio) <EMBED SRC="mozart.mid" WIDTH=37 HEIGHT=22 CONTROLS=PLAYBUTTON NAME="misonido" MASTERSOUND> <EMBED SRC="mozart.mid" WIDTH=37 HEIGHT=22 CONTROLS=STOPBUTTON NAME="misonido">

MICROSOFT INTERNET EXPLORER Para este navegador se utiliza una etiqueta distinta, denominada, aunque las versiones actuales de Internet Explorer reconocen la etiqueta, así que los ejemplos anteriores también son validos para este navegador. Sintaxis: El fichero de sonido puede estar en formato.mp3,.mid o.wav. El atributo LOOP (en inglés, lazo) sirve para especificar el número (n) de veces que se debe ejecutar el fichero de sonido. Si se escoge el número n=-1 o se pone LOOP=infinite, el sonido se ejecutará indefinidamente. Se puede omitir este atributo, y entonces el fichero se ejecutará una sola vez.

Activación del sonido por el propio usuario Hasta aquí hemos visto cómo poner un sonido de fondo en una página. Hay otra opción, mucho más sencilla, y es la de poner un enlace a un fichero de sonido, de tal manera, que al pulsarlo se ejecute el fichero. musica Al pulsar el enlace se activa, en una ventana aparte, el programa que ejecuta el sonido. Esto es válido para todos los navegadores, incluso las versiones más antiguas, con la única condición de que se haya configurado un programa auxiliar capaz de ejecutar ficheros.mid o.wav. Vamos a hacer un enlace con el icono sound1.gif al fichero de sonido problemo.wav:

Al igual que con el sonido, se utiliza el elemento EMBED, aunque con menos atributos: SRC, HEIGHT, WIDTH, AUTOSTART, LOOP y ALIGN; todos ellos funcionan de forma parecida a los del sonido. El formato de vídeo utilizado es el AVI de Windows, que como es sabido, incluye imágenes y sonido digitales. El mayor problema de los ficheros digitales de vídeo es el gran tamaño de los mismos, ya que en la práctica unos pocos segundos de vídeo con sonido puede representar un fichero de varios Mb. (mega bytes), en realidad es como si se trataran dos ficheros separados, uno con el sonido y otro con las imágenes, pero sincronizados. No hay que confundir este formato AVI con el MPEG, que también puede integrar imágenes y sonido, aunque con un nivel de compresión diferente, y peor sincronización con el sonido. Habitualmente los ficheros.MPG se suelen encontrar sin sonido. En este ejemplo se utilizan casi todos: Paginas con video

Analicémoslos brevemente: SRC Indica dónde está el fichero de vídeo. HEIGHT (alto) y WIDTH (ancho) no pueden omitirse, ya que sus valores por defecto no permiten ver ninguna imagen real. Los tamaños standard de los ficheros.AVI son 90x120, 120x160, 180x240, 240x320, 300x400, etc., las medidas deben conservar las proporciones de la televisión, es decir 4:3. Hay que tener cuidado a la hora de poner el valor de estos atributos, ya que si no coinciden con los que realmente tiene la imagen, ésta será recortada (no redimensionada) de derecha a izquierda y de abajo a arriba. El siguiente atributo es AUTOSTART, con dos valores posibles: FALSE (por defecto) y TRUE que como puedes suponer, sirve para que el vídeo arranque nada más cargarse el fichero. Si estableces FALSE, entonces el vídeo se activa al hacer click con el ratón sobre él, lo mismo que para repetir el pase una vez finalizado. Para hacer que el vídeo se repita continuamente o se pare después de un pase, tenemos el atributo LOOP con dos valores: FALSE (por defecto) y TRUE. Por último tenemos el atributo ALIGN y sus valores TOP, BOTTOM, CENTER, LEFT, RIGHT, MIDDLE y TEXTTOP que funcionan igual que sus respectivos del elemento IMG, es decir, que no tiene efectos sobre el vídeo, sino sobre su alineación con el texto de la página.

IMG DYNSRC...> Reproducción de vídeo En este caso es un nuevo atributo para la etiqueta IMG, caso de existir este, en vez de mostrar una imagen mostrará un vídeo en formato AVI (Vídeo for Windows), se puede utilizar todas los atributos normales de IMG, pudiendo usar las distintas alineaciones y colocaciones respecto al texto, además se podrá variar el tamaño del vídeo con los atributos HEIGHT y WIDTH. Se añaden otros atributos que solo se pueden aplicar al vídeo, el atributo IMGSRC indica la URL del fichero que se mostrará, el atributo LOOP indica el número de veces que se mostrará el vídeo, el atributo CONTROLS indicará si se mostrarán los botones de control, que permitirán para, volver a reproducir, rebobinar,.... El atributo START indica si la secuencia de vídeo empezará al abrir el fichero (FILEOPEN) o cuando pase el cursor del ratón encima (MOUSEOVER). De no poder mostrar el vídeo por tratarse de otro navegador (por ejemplo Netscape), se podrá indicar una imagen que se muestre de manera alternativa, incluyendo el atributo SRC.

Plug-in's Plug-in es un programa que extiende las capacidades del navegador de Netscape en un modo especifico, dado por ejemplo la capacidad de mostrar vídeo, audio, ficheros de un determinado formato (ficheros PDF, presentaciones de ASAP, fichero VRML, etc...). No existe actualmente un conjunto estándar de plug-in´s para cada tipo de ficheros, sino que existen diversas aplicaciones, realizadas por diversos fabricantes, y no todas de libre distribución. Se puede asegurar que todas las aplicaciones serán compatibles y si por ejemplo se referencia un fichero de sonido en formato.wav en su página, este podrá ser oído por todos aquellos que tengan un plug-in para este tipo de ficheros.

Es muy posible que en muchas ocasiones hayas visto páginas web en las que se puede mandar ´s a sus autores o al webmaster para colaborar, dejar las críticas, o cualquier cosa. Servicios de Correo Electrónico La forma más sencilla de ponernos en contacto con ellos es mediante . Una posible opción sería poner nuestra dirección de correo al final de la página y que la gente que quisiera comunicarse con nosotros la escribiera en su programa de correo, pero esto no es demasiado cómodo y puede que alguien escriba mal nuestra dirección y que nunca nos llegue su comentario. Para ello, y como segunda opción, está el comando HTML (donde destinatario por supuesto será una dirección de correo válida). Texto del enlace

Como se puede observar, el comando HTML no es más que un link normal y corriente en el que la dirección de destino no es más que una dirección de correo electrónico. Por tanto, este comando se usa de igual manera que un link normal y corriente (lo podemos poner en una foto, texto,...) Contacto a oficinas Ejemplos para copiar en el bloc de notas y guardar como index.html: Esta orden abre el programa de correo predeterminado (Outlook, Messenger o que el sea) por la pantalla que sirve para escribir un nuevo mensaje. Dicho mensaje ya tiene escrita la dirección del destinatario (que es la que nosotros pusimos después de "mailto:"). Comentarios a Instituto Gallego de Formación Sugerencias a WebMaster CECyTEO

Frames Frames (en inglés, marcos o cuadros) es un procedimiento del lenguaje HTML para dividir la pantalla en diferentes zonas, o ventanas, que pueden actuar independientemente unas de otras, como si se trataran de páginas diferentes, pues incluso cada una de ellas pueden tener sus propias barras deslizadoras. Una de sus características más importantes es que pulsando un enlace situado en un frame, se puede cargar en otro frame una página determinada. Esto se utiliza frecuentemente para tener un frame estrecho en la parte lateral (o superior) con un índice del contenido en forma de diferentes enlaces, que, al ser pulsados cargan en la ventana principal las distintas páginas. A continuación observaremos una imagen ilustrativa del uso de los Frames o Marcos en una pagina web de internet.

Frame 4 Frame 3 Frame 2 Frame 1