Trabajo de Informatica

6
YUDY FERNANDA PARADA LOPEZ 10-05 PAGINA WEB CUAL ES EL PROCESO PARA INSERTAR UNA IMAGEN EN UNA PAGINA WEB? Dónde insertar la imagen. Si creamos la línea de código Html en cualquier parte dentro del Body, ésta aparecerá allí, en cualquier parte. Al principio uno de los problemas que vas a tener es no saber en qué parte del código Html insertar la línea de código correspondiente a un elemento para conseguir que aparezca donde deseas, verdad? Pues bien, una imagen puede insertarse o bien dentro de un párrafo, es decir, entre palabras, como este ejemplo y sin que el párrafo se corte, o bien como una línea independiente. En ambos casos es aconsejable meterla en un párrafo, a pesar de que sea la imagen lo único que haya en esa línea, es decir, siempre encerrada entre <p> y </p>. Código Html para insertar una imagen Para insertar una imagen, se coloca el siguiente código: <img src="ruta/imagen.gif" width="XXpx" height="YYpx" alt="descripcion de la imagen"> Como ves, este es uno de los pocos casos en los que no hay etiqueta de cierre, es decir, no se pone </img>. Recuérdalo, oki? Las imágenes nunca tienen etiqueta de cierre. A lo sumo se indica el cierre en la misma línea colocando una contrabarra al final, así: ..... alt="descripcion de la imagen" /> Vamos a ver lo que hay dentro de ese código. Para empezar se coloca la ruta, que como siempre puede ser una ruta relativa (si la imagen pertenece a, o está guardada en tu espacio web) o absoluta (siempre que la imagen la estés obteniendo de otra web distinta a la tuya, aunque esto no es recomendable). Las rutas van siempre encerradas entre comillas, no lo olvides.

Transcript of Trabajo de Informatica

YUDY FERNANDA PARADA LOPEZ 10-05PAGINA WEB CUAL ES EL PROCESO PARA INSERTAR UNA IMAGEN EN UNA PAGINA WEB? Dnde insertar la imagen.Si creamos la lnea de cdigo Html en cualquier parte dentro del Body, sta aparecer all, en cualquier parte. Al principio uno de los problemas que vas a tener es no saber en qu parte del cdigo Html insertar la lnea de cdigo correspondiente a un elemento para conseguir que aparezca donde deseas, verdad?Pues bien, una imagen puede insertarse o bien dentro de un prrafo, es decir, entre palabras, como este ejemploy sin que el prrafo se corte, o bien como una lnea independiente. En ambos casos es aconsejable meterla en un prrafo, a pesar de que sea la imagen lo nico que haya en esa lnea, es decir, siempre encerrada entrey.Cdigo Html para insertar una imagenPara insertar una imagen, se coloca el siguiente cdigo:

Como ves, este es uno de los pocos casos en los que no hay etiqueta de cierre, es decir, no se pone. Recurdalo, oki? Las imgenes nunca tienen etiqueta de cierre. A lo sumo se indica el cierre en la misma lnea colocando una contrabarra al final, as:..... alt="descripcion de la imagen"/>Vamos a ver lo que hay dentro de ese cdigo.Para empezar se coloca la ruta, que como siempre puede ser una ruta relativa (si la imagen pertenece a, o est guardada en tu espacio web) o absoluta (siempre que la imagen la ests obteniendo de otra web distinta a la tuya, aunque esto no es recomendable). Las rutas van siempre encerradas entre comillas, no lo olvides.Luego se coloca su anchura y altura expresada en pixeles con las siglas "px". No debes dejar nunca espacios en blanco entre la cantidad y las unidades, es decir, no vale poner esto "100 px", sino que lo vlido es ponerlo junto, as "100px". Estas cantidades las coloca normalmente el Html-Kit automticamente y si t las cambias seguramente la imagen se vea desvirtuada y perder definicin. Si necesitas cambiar el tamao mejor hacerlo con un programa grfico y luego la vuelves a pegar en la pgina, oki?En el caso de que no pongamos niwidth(anchura) niheight(altura), si el archivo de la pgina fallara, el resto de los elementos como prrafos etc, ocuparan el lugar de esa imagen. Sera como si no existiera. En cambio, si definimos anchura y altura, si ocurre un fallo con la imagen y esta no se muestra, el navegador dejar un rectngulo con esas medidas en blanco, respetando la estructura de la web, sin mover nada. Eso es bueno, no crees?Por ltimo vemos unalt="........". No es obligatorio, pero para tener un cdigo vlido es necesario poner ese alt y adems escribir entre las comillas una breve descripcin de la imagen. Este contenido aparece en el hueco de la imagen en el caso de que la propia imagen no se visualizara por algn problema. Por otro lado, algunos buscadores como Google tienen en cuenta estas palabras escritas en estas descripciones para relacionar las bsquedas de sus usuarios con el contenido de las pginas web, de modo que es bueno adems hacer que aquellas palabras por las que queremos ser encontrados aparezcan en esa descripcin. En mi caso, si quiero aparecer en Google cuando la gente busque por las palabras "html-kit", por ejemplo, me viene bien colocar descripciones en los alt de las imgenes como "Men del Html-Kit", o "As se descarga el Html-Kit", pero siempre que tengan su sentido con esa imagen, claro.Vamos a insertar una imagen en nuestro ejemploEn primer lugar necesitaremos una imagen guardada en la carpeta "objetos", que para eso est. Copia esta misma que dejo debajo, la guardas en tu carpeta "objetos" y seguimos. Recuerda que para copirtela solo tienes que poner tu ratn sobre ella, apretar el botn derecho del ratn y escoger "Guardar imagen como...". Ponle el nombresonrisa.gify seguimos adelante.Si ya tienes ese archivo guardado en "objetos" abre ahora el Html-Kit y la pgina index.html para continuar. Vamos a colocar la imagen entre el prrafo donde dice "Bienvenidos a mi pgina web" y el que dice "Pgina creada....". Como va entre los dos, nos vamos al Html-Kit a la vista "Editor" y ponemos el cursor despus del primer(al final de la lnea de cdigo del primer prrafo). A continuacin pulsamos Intro para crear una nueva lnea e insertamos esto (como te he dicho, la encerramos entre nuevosyque tambin debemos escribir):

Quieres aprender a hacerlo directamente desde las opciones del Html-Kit?Situa el cursor al final del primer prrafo, como antes. Pulsa Intro para crear una nueva lnea y seguidamente ve a la barra de herramientas del Html-Kit y escogeEtiquetas > Imagen > Insertar Imagen...

Aparece entonces esta ventana:

Pulsas sobreAdd...y en la ventana que se abre (mira la imagen de aqui arriba) busca la carpeta "objetos". Tras pulsar enAceptarse ve esto en la misma ventana:

Si seleccionas el archivo "sonrisa.gif" del cuadro de la derecha, vers como aparecen una serie de datos que te he sealado en rojo en la foto de arriba. Aparce la ruta relativa, lo que ocupa, el ancho, el alto, etc. Curioso, verdad?Nos falta ya que estamos ah poner la descripcin. Para eso pulsamos a la derecha de donde pone "alt" (arriba a la izquierda, junto a la ruta relativa) y escribimos la descripcin que te dije antes "Bienvenido al Ejemplo de CCTW". Como vers hay muchsimas ms opciones para las imgenes en esa ventana, pero por ahora lo dejamos as, para no saturarnos, oki?Tras escribir la descripcin y pulsarOk, vemos como aparece la lnea de cdigo en nuestra index.html aunque le falta colocarle las unidades, es decir, escribir "px" tras cada cantidad de anchura y altura. Ponlo t mismo a mano (sin dejar espacios entre el nmero y elpx!!!) y seguimos.

CUAL ES EL PROCESO PARA INSERTAR SONIDO EN UNA PAGINA WEB?Cuando se agrega un sonido de fondo a una pgina Web en Publisher, el sonido se reproduce al abrir la pgina Web en un explorador. El sonido de fondo no se reproducir cuando se abra la pgina Web en Publisher.

Vaya a la pgina donde desea agregar un sonido de fondo. En el men Herramientas, haga clic en Opciones de pgina Web. En Sonido de fondo, siga uno de estos procedimientos: En el cuadro Nombre de archivo, escriba la ruta de acceso del archivo de sonido que desee. Para buscar un sonido de fondo, haga clic en Examinar, haga clic en el archivo de sonido que desee y, a continuacin, haga clic en Abrir. En Sonido de fondo, siga uno de estos procedimientos: Para que el sonido se reproduzca de manera continua, haga clic en Repetir indefinidamente. Para que el sonido se reproduzca un nmero especfico de veces, haga clic en Repeticiones y, a continuacin, escriba o seleccione el nmero deseado. Haga clic en Aceptar.

CUAL ES EL PROCESO PARA INSERTAR UNA IMAGEN, FOTOGRAFIA EN UNA PAGINA WEB? 1 Elige entre cuatro modelos de fotogalera.'WebMaker' es el gestor de pginas web de arsys. Con esta herramienta puedes construir tu propia web de una forma fcil y rpida. Tambin puedes ampliar tu 'site' con distintos 'widgets'. Si quieres insertar una fotogalera, tienes cuatro modelos distintos para elegir:-Tabla de fotos.-Fotos animadas.-Presentacin.-lbum de imgenes.Cada uno de estos modelos de galeras tiene forma de visualizar las imgenes diferentes.2 Coloca la galera de fotos donde t quieras.Entra en tu 'WebMaker' y haz clic en 'Administrar Contenidos', en el men de navegacin superior. Esto har que se despliegue una tabla con varios iconos de 'widgets'. Arrastra el del modelo de galera de imgenes que te gusta y sultalo en la parte de tu pgina en la que quieres que se ven las fotos.3 Carga las imgenes desde tu ordenador y selecciona efectos.

Coloca el cursor sobre la galera de fotos. Esto har que aparezcan tres botones en su esquina superior derecha. Pulsa sobre el que tiene forma de llave inglesa, acceders a una pequea ventana desde la que puedes subir las imgenes para tu galera desde tu ordenador. Si haces clic en 'Configuracin', podrs aplicar distintos efectos a cada una de las fotos.