Las páginas Web son documentos electrónicos escritos en un lenguaje de marcado o etiquetado (HTML) que hacen uso del hipertexto y la hipermedia. Una parte esencial en estas páginas es la utilización de enlaces o hipervínculos mediante una URL, con la finalidad de crear el hipertexto.
HTML está conformado por un vocabulario y gramática, siendo empleado únicamen- te para definir la estructura y el contenido de la página Web. El vocabulario hace referencia a las etiquetas que emplea el lenguaje, y la gramática son las reglas que deben de seguir las etiquetas para escribir el documento.
La creación de la página Web está formada por:
Diseño Web:
Hace referencia al diseño visual de un sitio o página Web, implicando el boceto de los elementos gráficos de la página. Entre los elementos gráficos están la tipografía, colores, tamaño y proporciones.
Es utilizado como una herramienta gráfica, proporcionando el marco para la presentación y comportamiento de la página. El producto final de la elabo- ración del diseñó Web no contiene código, sino que se divide en partes que se pueden representar en código HTML más CCS (Cascade Style Sheet), o se convierten en elementos puramente gráficos.
El lenguaje de hojas de estilo o CCS permite generar el aspecto visual de la página Web, mediante la modificación de parámetros o atributos de las etiquetas de HTML que se le otorga al documento.
Desarrollo Web:
Hace referencia a la programación necesaria para construir una aplicación o sitio Web. Se suelen dividir en dos partes, cliente y servidor que pueden estar conectadas, pero funcionan de forma independiente y emplean tecnologías distintas.
Para la configuración de la parte cliente se debe de tener conocimientos en HTML, CSS, Javascript, con la finalidad de generar peticiones correspondientes
al servidor y generar las opciones gráficas que desea el usuario, siendo necesa- rio presentar de forma correcta los resultados del servidor a los visitantes. El servidor es la parte del sitio Web que los visitante no observan, el funciona- miento que realiza es abstracto a los visitantes. El desarrollo Web vela por el diseño y desarrollo de la base de datos, así como la seguridad del producto que se ofrece a los visitantes.
Una página Web está compuesta por un conjunto de elementos escritos en un orden concreto, siendo el elemento el componente básico. Un ejemplo de un elemento es el siguiente:
<p class = ”importante”>Esto es un párrafo</p>
El cual esta formado por: 1. Etiqueta de Inicio (p). 2. Atributo (class). 3. Valor (importante).
4. Contenido (Esto es un párrafo). 5. Etiqueta Fin (/p).
Los elementos se pueden anidar, es decir, escribir unos dentro de otros, respetando las reglas que exige el lenguaje de etiquetado con respecto a la apertura y cierre de las mismas. Para escribir una página web se debe de tener en consideración las principales etiquetas como se muestran en la Tabla 5.1.
Etiqueta Descripción
< html > Etiqueta principal del documento y única, la página web debe de escribirse dentro de esta etiqueta.
< head > Define la cabecera, no tiene representación visual en el navegador. Se utiliza para definir métodos, información sobre la página o instrucciones sobre cómo se debe de procesar la misma.
< title > Es única y es utilizada para definir el título de la página.
< body > Etiqueta que referencia el cuerpo de la página web, siendo el contenido visible de la misma.
< h1 > ... < h6 > Son utilizadas para el encabezado y títulos en la página Web.
< p > Se emplea para introducir un párrafo en la página Web.
< strong > Se utiliza para destacar una parte del texto.
< em > Se utiliza para enfatizar una parte del texto.
< a > Se utiliza para definir un hiperenlace.
Tab. 5.4: Principales Etiquetas de una página Web. [51]
Algunas pautas que hay que tomar en consideración al momento de escribir un documento Web es:
Las etiquetas siempre se deben de cerrar.
Los elementos anidados deben de tener un correcto orden de apertura/cierre. Dependiendo de la versión HTML, se debe de escribir las etiquetas con mayús- culas y minúsculas.
Los valores de los atributos tienen que estar entre comillas dobles o simples. En los nombres de los ficheros de las páginas Web se debe de utilizar letras del alfabeto en Inglés, números, el guión o guión bajo.
La extensión de las páginas web deben de ser HTM o HTML.
Los enlaces son el elemento principal que confiere a la Web su carácter de hipertexto, siendo un documento digital que se puede leer de forma secuencial y está compuesto de:
Nodos o secciones:
Son las partes del hipertexto que contiene información accesible al usuario. Enlaces o Hipervínculos:
Son las uniones o vinculaciones que se establecen entre los nodos y facilitan la lectura secuencial o no secuencial por los nodos del documento.
Anclajes:
Son los puntos de activación de los enlaces.
La Web está formada por millones de nodos, documentos o páginas Web interconec- tados por millones de enlaces. Existen dos tipos de enlaces.
Intradocumental:
Es un enlace a un punto en el documento en el que se define el enlace. Se utiliza href para indicar el destino del enlace.
Extradocumental:
Es un enlace a otro documento, normalmente a otra página Web. Algunos aspectos a tomar en consideración sobre los enlaces son:
Los nombres con mayúsculas y minúsculas.
Los caracteres extraños que poseen algunos enlaces.
No usar espacios en blanco en los nombres de los Ficheros o Directorios. La forma de escritura de las rutas de los enlaces.