Bloque 2. Tema 4: Internet y la
web social: Diseño de páginas
web.
Páginas web. Definición
Una página web es un documento, visible en la
WWW o Web mediante un programa denominado
navegador, que contiene hipervínculos o
hiperenlaces con otras páginas web. Además de la
información en forma de texto y elementos
multimedia puede contener aplicaciones, como
formularios, que convierten a las páginas en
elementos interactivos.
Un hipervínculo, hiperenlace o link en inglés,
es un elemento (texto, imagen, animación) que
tiene asociada una acción de navegación. Es
decir, que permite el acceso a otra página web
o a otra aplicación web (como el correo
electrónico).
Tipos de páginas web
Una página web estática es una página realizada en lenguaje
HTML con contenidos fijos establecidos por el diseñador.
Una página web dinámica es una página realizada en lenguajes
basados en XML en la que el diseñador establece la estructura
de la página y el contenido se introduce cuando ésta es
solicitada por el usuario.
Estructura de un sitio web
Las páginas que componen una estructura común,
es decir, comparten un diseño y un mismo dominio,
forman un sitio web (website en inglés). La portada o
página de entrada se denomina página principal y se
suele llamar index o inicio. A partir de esta página, el
resto suele compartir el mismo diseño.
Actividad Los marcos o frames son una composición visual
que divide la pantalla en zonas independientes. Una página
web realizada con marcos está compuesta por páginas web
sencillas cuya información se repite en el resto de páginas
del sitio web en forma de plantilla. Por tanto, un cambio en
un marco supone la actualización automática del resto del
sitio web.
Dominios de Internet
Un URL o Localizador Uniforme de Recurso es una cadena de caracteres
que se utiliza para la localización de un recurso en internet
DNS o Sistema de Nombres de Dominio (Domain Name
System) es un conjunto de protocolos y servicios para la
identificación y conversión de una dirección de internet
expresada en lenguaje natural por una dirección IP.
Programación en HTML
El lenguaje de marcado de hipertexto HTML (HiperText Markup Language) es
un lenguaje para definir documentos accesibles en internet, denominados
páginas web. El lenguaje HTML está constituido por una serie de etiquetas o
tags que permiten definir tanto la estructura de la página web, como su
contenido, ya sea texto o imágenes. Su principal característica es la creación de
hipervínculos.
El eXtensible HTML, cuyo acrónimo es XHTML, es una versión
más estricta de HTML basada en XML, que admite la
incorporación de hojas de estilos. Su objetivo es la correcta
interpretación de la información de una página web
independientemente del dispositivo desde el que se accede.
Estructura
Los documentos html siguen una estructura en cascada compuesta
por cuatro etiquetas básicas. Cada etiqueta está delimitada por los
signos < > y puede escribirse en mayúsculas o en minúsculas. Cada
bloque está delimitado por dos etiquetas la inicial y la final (señalada
con una barra /) dentro de las que se pueden incluir atributos.
También hay etiquetas que no necesitan final.
Hojas de estilos
Una hoja de estilo es un conjunto
de instrucciones de código que
permite la definición de tipos de
fuente, colores, tamaños y demás
atributos. Cuando en una página
web se hace referencia a una hoja
de estilo, ésta busca la hoja a la que
se refiere, que debe estar
almacenada en el mismo sitio web.
Publicación y actualización de contenidos
Un servicio de hosting o alojamiento web es el espacio
disponible en un servidor de internet para el almacenamiento
de las páginas web y el resto de archivos relacionados.
Un FTP (File Transfer Protocol) es tanto
el protocolo mediante el cual se
transmiten archivos en internet, como
la aplicación que permite la
comunicación entre el usuario
(previamente autorizado) y el servidor.
Un gestor de contenidos (CMS: Content
Management System) es una aplicación
que permite editar y modificar los
contenidos de páginas web dinámicas a
partir de formatos predefinidos y de
contenidos almacenados en bases de
datos.