Es posible observar en
algunos proyectos cómo los enlaces tienen rutas de archivos desorganizadas, por
ende, muchas de ellos están errados. Debido a ello, realizaremos un ejemplo de
organización de archivos de multimedia en carpetas diferentes y de la creación
de enlaces para acceder a ellos.
A fin de ubicar con precisión archivos de un
proyecto para internet, ordenaremos multimedia en carpetas, según las
necesidades de la página web.
Cuando se
diseñan páginas web es recomendable
crear varios documentos con extensión HTML y distribuirlos en carpetas, las
cuales se dividirÃan según su función. Lo mismo sucede con las imágenes, videos
y audios, con la finalidad de acceder a cada uno de ellos con rapidez.
Un
proyecto de página web organizado,
tendrÃa una apariencia parecida a la siguiente el servidor:
- Una carpeta de documentos para los procedimientos posibles con
los artÃculos de una empresa.
- Una carpeta de documentos pertenecientes a clientes, donde a
su vez hay más divisiones de los procedimientos posibles de estos.
- Una carpeta con los procedimientos posibles de los empleados
de la empresa.
- Una carpeta para la multimedia, donde a su vez existe otra
división con las imágenes, videos y audios.
061-01_1209_fot01.
Organización de carpetas
Crear
archivos multimedia dentro de carpetas separadas, es una sugerencia para
mantener orden en un proyecto web, a
fin de facilitar modificaciones en el futuro. Por lo tanto, crearemos un código
para enlazar documentos entre carpetas:
- La etiqueta a
contiene una especificación de referencia para el hipervÃnculo, donde se
agregan dos puntos para ir hacia la carpeta de atrás, la cual serÃa la
principal. Luego, entraremos a la carpeta imágenes,
donde finalmente se encuentra feliz.jpg.
- La etiqueta img, contiene
una especificación de referencia asociada a la imagen a visualizar por el
usuario; como es la misma del hipervÃnculo anterior, la ubicación es igual.
Al guardar
y ejecutar en el navegador web,
verificamos cómo la imagen correcta es mostrada.
061-01_1209_ilu01.
Ubicación de imagen entre carpetas
Visualicemos
la siguiente imagen en la cual realizaremos un ejemplo con texto e imagen hacia
el mismo enlace:
061-01_1209_ilu02. Ubicación
de imagen entre dos carpetas
Para la
instrucción mostrada anteriomente tenemos en la carpeta donde está el documento
HTML de artÃculos otra llamada Ãconos, y dentro de ella hay una imagen,
la cual agregaremos al código del documento principal. Para el ingreso a dos
carpetas:
- Creamos la instrucción de enlace con la etiqueta a, y definimos en el hipervÃnculo de
referencia el ingreso a la primera carpeta articulos,
y luego a la segunda iconos.
- Creamos un segundo enlace mediante una imagen, para acceder a
la imagen anteriormenete especificada.
Mediante
el navegador web Google Chrome,
visualizamos la guÃa del enlace hacia la imagen definida. Es posible realizar
el mismo procedimiento para mostrar un video en una pestaña completa o la
reproducción de un audio.
Keynotes
- Cuando se diseñan páginas web es recomendable crear varios
documentos con extensión HTML y distribuirlos en carpetas, las cuales deben ser
dividas según su función. Lo mismo sucede con las imágenes, videos y audios,
con la finalidad de acceder a cada uno de ellos con rapidez.
- Crear archivos multimedia dentro de
carpetas separadas, puede ser una sugerencia para mantener orden en un proyecto
web, a fin de facilitar
modificaciones en el futuro.
- Para el ingreso a dos carpetas: Creamos
la instrucción de enlace con la etiqueta a,
y definimos en el hipervÃnculo de referencia el ingreso a la primera
carpeta articulos, y luego a la segunda iconos.
RetoLista cinco beneficios de
utilizar una organización de multimedia en carpetas, según las necesidades de
la página web.
¡Comparte el resultado
final de tu reto en vPages y pide a
tus compañeros un comentario con un beneficio diferente!
Tiempo disponible: entre 15
y 30 minutos.
CierreLa
organización de multimedia
en carpetas, según las necesidades de la página web permite conformar enlaces entre ellos correctamente y acceder
de forma precisa a cada uno. La organización y determinación conlleva a la
ubicación y organización exacta de archivos de un proyecto para internet.