Herramientas y Planificación para el Desarrollo Web
Para crear páginas web básicas, solo necesitas un editor de texto y un navegador. Estos vienen incluidos en la mayoría de los sistemas operativos.
Tipos de Editores
Editores de Texto
Permiten escribir y modificar archivos de texto plano.
- Simples: como el bloc de notas.
- Dedicados a la creación de páginas web: incluyen funciones útiles como resaltado de sintaxis, listado de etiquetas e inserción automática de código.
Aplicaciones WYSIWYG
(What You See Is What You Get). Son programas que permiten trabajar de forma gráfica, donde el desarrollador interactúa directamente con los elementos de la página web (menús, imágenes, controles), y el programa se encarga de generar el código. Ejemplos: Dreamweaver o Frontpage.
La elección entre un editor simple o una aplicación WYSIWYG depende del desarrollador. Lo ideal es un equilibrio: conocer el código y aprovechar las ventajas de un entorno de desarrollo.
Ventajas de los entornos de desarrollo:
- Facilidad de aprendizaje.
- Construcción de código: un editor de texto ofrece mayor eficiencia y limpieza.
- Comodidad: un entorno de desarrollo ahorra la escritura de código laborioso.
- Dominio de la técnica: los editores de texto son preferibles para aprender y dominar el lenguaje de programación.
Planificación del Trabajo
Es crucial decidir el tema, los contenidos y la distribución de los elementos de la página web. Se recomienda hacer un boceto, ya sea un diseño propio o inspirado, para:
- Enumerar los elementos: texto, imágenes, logos, etc.
- Enumerar las herramientas: animación, imágenes, etc.
- Crear una hoja de ruta para el desarrollo web.
Organización del Trabajo
Una vez recopilado el material, es necesario organizarlo:
- Imágenes en sus carpetas.
- Animaciones en sus carpetas.
Nombrar los Archivos
Es importante nombrar los archivos correctamente para evitar desorganización:
- Evitar caracteres especiales: acentos, cedillas, letra ñ, espacios en blanco.
- Utilizar minúsculas.
- La página principal debe llamarse index.
Organizar los Archivos
Uno de los mayores problemas al desarrollar páginas web es que no se carguen los elementos debido a:
- Cambio de ubicación del elemento.
- Referencias incorrectas.
Se recomienda crear una carpeta raíz con un archivo index y subcarpetas organizadas por tipo de contenido. Es importante prestar atención a la forma de indicar la ruta (path):
- Direccionamiento absoluto: dirección completa.
- Direccionamiento relativo: dirección a partir de una base (recomendable).
Aspectos Legales en el Desarrollo Web
No se puede incluir cualquier elemento en una página web. La propiedad intelectual protege las creaciones, y todo elemento tiene un autor. Para usar un objeto ajeno, es necesario pedir permiso, indicar la referencia o asegurarse de que se ha concedido una licencia (como GNU GPL). También están protegidos los datos sensibles: ideologías, sexualidad, afiliación política.
Leyes de Protección de Datos
Introducción
Las leyes varían según el país, pero las ideas básicas se ajustan a la normativa de España y la UE.
Conceptos
Propiedad intelectual: es el copyright o derechos de autor.
Normativa Legal de Publicación de Información
Se puede usar libremente información de dominio público (sin necesidad de permiso):
- Citas y reseñas.
- Documentos públicos emitidos por el estado.
- Obras permanentes en parques, calles, plazas.
¿Es posible incluir fragmentos de obras?
- Si se hace a título de cita o análisis, para fines docentes o de investigación.
- Si su uso es justificado.
- Si se indica la fuente y el nombre del autor.
Documentos públicos emitidos por el estado: pueden usarse libremente.
Publicidad: debe quedar claro si es propia o ajena.
Responsabilidades
Tratamiento de datos personales: se debe proteger el honor y la intimidad personal. No se pueden ceder datos a terceros sin consentimiento.
Hiperenlaces
Los enlaces normales se consideran lícitos, siempre que:
- Se indique la procedencia.
- No se haga pasar por propio.
Rendimiento de las Páginas Web
El rendimiento depende de:
- Navegadores web: las funcionalidades varían según la versión.
- Resolución de la pantalla: número de píxeles.
- Servidores web y ordenadores personales: influyen en la ejecución de código (Javascript, applets).
- Peso de la página: la velocidad de transmisión de datos afecta al tiempo de carga.
Trucos
- No incrustar objetos, usar enlaces.
- Añadir fotos con baja resolución.
La apariencia de la aplicación es cada vez más importante debido al aumento de la potencia de los ordenadores.
Elementos Gráficos y Multimedia
Existen varios formatos de imagen, no todos apropiados para la web:
- JPEG: más de 16 millones de colores, formato comprimido.
- GIF: gráficos lineales, sin pérdida de calidad, hasta 256 colores, ideal para contenidos dinámicos.
- TIFF: sin pérdida de información, usado en imprentas.
- PNG: mejora las prestaciones de GIF (excepto animación).
El peso de una imagen es importante para el rendimiento web (dpi: puntos por pulgada).
Técnicas Utilizadas
- Imágenes en miniatura con opción de maximizar.
- Limitar las imágenes a 600×800 píxeles.
Los sonidos y videos son más problemáticos por su peso y extensiones.
- Video: muchas imágenes.
- Audio: mp3.
- Compresión de datos: codecs.
- Formatos con streaming: transmisión en tiempo real, ideal para la web.
Trucos
En páginas web, se suele indicar la referencia de objetos pesados (imágenes, sonido y video) al final del código.