Diseño y Desarrollo Web: Guía Completa
Clasificado en Informática
Escrito el en 
español con un tamaño de 3,64 KB
Páginas Web
Una página web es un conjunto de documentos enlazados entre sí, a los que se accede a través de una dirección común.
Para acceder a ellas utilizamos un navegador, que se encarga de comunicar el ordenador con los servidores que albergan las páginas web, descargarlas y mostrarlas.
El lenguaje básico de las páginas web es el HTML, siendo HTML5 su versión más actual.
Editores de Páginas Web
- Editores WYSIWYG: Permiten crear páginas web como si se estuviera escribiendo un documento con un procesador de texto, generando automáticamente el código fuente HTML. Ejemplos: Bluegriffon, Kompozer.
- Editores que trabajan directamente con HTML: Permiten escribir el código HTML directamente. Ejemplo: Komodo Edit.
Ventajas e Inconvenientes de los Editores
| Tipo de Editor | Ventajas | Desventajas |
|---|---|---|
| Editores HTML | Código más limpio, fácil de reutilizar, mayor precisión. | Más difícil de usar, requiere más tiempo. |
| Editores WYSIWYG | Fáciles de usar, rápidos. | Código menos limpio, menor control sobre el código. |
Tipos de Páginas Web
- Estáticas: No cambian su contenido. Se realizan en lenguaje HTML.
- Dinámicas: Ofrecen un resultado en función de la interacción del usuario. Se realizan combinando HTML con lenguajes como Java, PHP o JavaScript.
Los sitios web son creados por programadores y diseñadores. Las personas encargadas de mantenerlos se llaman administradores.
Criterios de Diseño
Prediseño y Planificación
- Objetivo
- Público
- Contenidos
- Directrices
- Tecnología
- Tiempo
- Presupuesto
Estructura de una Web
- Crear una jerarquía visual.
- Utilizar convenciones.
- Definir áreas claras.
- Facilitar el acceso a enlaces.
- Simplificar.
Elementos de una Página Web:
- Encabezamiento
- Marca
- Menú de navegación
- Titular
- Contenidos
- Pie de página
Elementos de Diseño
- Maquetación: Organización de espacios y contenidos escritos, visuales y audiovisuales.
- Interfaz: Comandos y métodos que facilitan la interacción entre el usuario y la página. Debe considerarse el dispositivo de salida.
Elementos de Maquetación:
- Gráficos
- Topográficos
- De imagen
- Funcionales
Se recomienda no utilizar la serifa (adorno en letras).
Las hojas de estilo o CSS son archivos que almacenan el conjunto de estilos que se utilizarán en el documento. Permiten mantener un formato homogéneo en todo el sitio web y facilitan las modificaciones posteriores.
Estándares de Accesibilidad de la Información
Según la legislación española, las páginas web de organismos públicos deben cumplir con los estándares de publicación.
Estos criterios, llamados criterios de accesibilidad, están establecidos por el W3C (World Wide Web Consortium).
La WAI (Web Accessibility Initiative) es una rama del W3C que establece los niveles de conformidad o accesibilidad para las webs en función del grado de cumplimiento de dichos criterios.