- En el apartado de hoy hablaremos sobre creación y edición de websites. Lo explicaremos en varios puntos.
¿Qué es un website?
Un conjunto de documentos (páginas web) enlazados entre sí, a los cuales se accede a través de una dirección común. Los documentos que constituyen un sitio web son archivos y carpetas que contienen texto, fotografías, botones, iconos, animaciones, hipervínculos, tablas, etc., y que se han creado para ser vistos por usuarios con ordenadores y navegadores de distintas características.
¿Cómo accedemos a las páginas web?
Para acceder a las páginas web usamos un navegador (Mozilla Firefox, Internet Explorer, etc.), que se encarga de comunicar el ordenador con los servidores que albergan las páginas web, descargar las páginas y mostrarlas.
¿Qué lenguaje se utiliza para crear los documentos que forman el website?
El lenguaje básico que se usa para crear los documentos que conforman el sitio web es el HTML. La última versión de este lenguaje es HTML5.
¿Qué significa WYSIWYG? Pon algunos ejemplos.
Son aquellos que nos permiten confeccionar una web como si estuviéramos escribiendo un documento con un procesador de texto y generan automáticamente el código fuente en HTML.
- Adobe Dreamweaver, BlueGriffon, Microsoft Expression Web, KompoZer y NVU.
¿Qué otros editores de páginas web existen?
Existen otro tipos de editores, pero requieren un conocimiento avanzado del lenguaje HTML.
- Komodo Edit, Sublime Text y Arachnophilia.
¿Cómo pueden clasificarse las páginas web?
Las páginas web se clasifican en estáticas y dinámicas:
El proceso de alojamiento de un sitio web y su funcionamiento es el siguiente:
- Estáticas: son aquellas que no cambian, que muestran siempre el mismo contenido cada vez que las cargamos. Se realizan en lenguaje HTML.
- Dinámicas: son páginas que el servidor interpreta en cada caso, de forma que, sin hacer cambios en el código, devolverán diferentes resultados en función de la actuación del usuario. Se realizan combinando HTML con lenguajes dinámicos como ASP. ASP.NET, Java, PHP o JavaScript.
¿Qué son los servidores? ¿Qué función desempeñan en relación con los websites?
Los servidores son ordenadores que alojan las páginas web y las ponen a disposición de toda la red.
- Administrador en el sitio local: es la persona responsable de mantener el sitio web y actualizar los contenidos, así como de transferirlos al servidor.
- Programas de transferencia de ficheros (FTP): son los programas encargados de comunicar el ordenador local con el servidor que brinda alojamiento, de forma que ese conjunto de archivos que componen el sitio web y que manipula el administrador en su ordenador local puedan sustituir, cuando sea necesario, a los que aloja el servidor.
- Sitio remoto alojado en el servidor: para que la página web que tiene el administrador pueda ser vista por otros usuarios, debe estar situada en un servidor de Internet, ofrecido normalmente por empresas privadas.
- Usuarios: para acceder a las páginas web, los usuarios utilizan un navegador (Google Chrome, Internet Explorer, etc.), que se encarga de comunicar cada ordenador con los servidores que albergan las páginas web, descargar las páginas y mostrarlas.
¿Qué elementos tiene una página web?
La consistencia en el diseño es fundamental para la calidad de nuestra web. Pensando en nuestros futuros visitantes debemos:
- Crear una jerarquía visual clara en cada página.
- Utilizar las convenciones.
- Dividir las páginas en áreas claramente definidas.
- Facilitar el acceso a los enlaces.
- Omitir contenidos innecesarios, es decir, simplificar.
Una web tipo tendrá los siguientes elementos:
- Encabezamiento.
- Marca o logotipo.
- Menú de navegación.
- Titular.
- Contenidos.
- Pie de página.
Los contenidos de una página web pueden ser:
- Texto.
- Imágenes.
- Gráficos.
- Animaciones.
- Tablas.
- Botones.
- Iconos.
- Hipervínculos.
¿Qué es la usabilidad de una web?
La palabra usabilidad se usa en este ámbito para indicar la facilidad en el uso de un sitio web.
Cuando un visitante llega a una página web, no debería hacerse preguntas como: "¿dónde estoy?", "¿por dónde empiezo?", "¿qué es esto?", "¿dónde está lo que busco?", etc.
Cuando un visitante llega a una página web, no debería hacerse preguntas como: "¿dónde estoy?", "¿por dónde empiezo?", "¿qué es esto?", "¿dónde está lo que busco?", etc.
¿Qué son las hojas de estilo?
Las hojas de estilo o CSS son ficheros donde se almacenan el conjunto de estilos que posteriormente se usarán en el documento. Con ello se consigue que el formato de todo el sitio web sea homogéneo y se facilitan las modificaciones posteriores.
La mejor forma de trabajar, una vez que vamos a realizar distintas páginas web y queremos mantener el diseño, es crear una hoja nueva de estilo, que tendrá extensión .css y que podremos reutilizar en otras páginas.
