Diseño y edición de páginas web

miércoles, 1 de febrero de 2017

5. EL LENGUAJE JAVASCRIPT

5. EL LENGUAJE JAVASCRIPT

JavaScript es un lenguaje dinámico que se ejecuta en local en el ordenador, es decir, es el propio navegador el que se encarga de la ejecución de la instrucciones de este lenguaje.

La diferencia con html, es que con este, el navegador presenta la información, mientras que con JavaScript podemos interactuar con la pagina.

En los ultimo años, Javascript ha evoluciona a versiones como AJAX ( asynchronous JavaScript and XML) o JSON, que permiten interaccionar con el servidor desde local en el navegador.

(Ej: base de datos)

4. EL LENGUAJE HTML

El html es el lenguaje usado para la construcción de paginas web. Por convención, los archivos de formato html usan la extensión .html o .htm.
Las características básicas del lenguaje html son:

El lenguaje html se escribe en forma de etiquetas entre corchetes angulares (< >). Pueden ser de apertura o cierre.
El código html siempre empieza con la etiqueta de apertura <html> y siempre acaba con la etiqueta cierre </html>
En un documento html se distinguen 2 partes principales: el encabezado, que constituye una instrucción de cabeza del documento (titulo) y el cuerpo, que constituye el contenido de la pagina.
Las etiquetas se completan con atributos que son parámetros que definen las propiedades o el comportamiento de la etiqueta. Por ejemplo, color es un atributo e la etiqueta <font>
Un elemento de html está compuesto por 2 etiquetas, de apertura y cierre.

El lenguaje HTML5

Se trate de un lenguaje diseñado para incorporar etiquetas especificas de funcionalidades multimedia.

Ej: imagen, audio y vídeo.

3. HERRAMIENTAS DE PUBLICACIÓN

3. HERRAMIENTAS DE PUBLICACIÓN

Las herramientas de publicación son herramientas fáciles de usar que permiten al usuario crear sus contenidos y publicarlos en Internet. Se pueden usar distintas herramientas, en este caso nos centraremos en los gestores de contenido.
Un gestor de contenido permite generar contenido web, editarlos y actualizarlos online sin contar con conocimientos de programación de diseño. Se basa en plantilla ya definidas que el usuario puede personalizar a su gusto, ademas estas plantillas proporcionan un diseño común y una apariencia homogénea a todos los contenidos publicados en la web. Con un gestor de contenido podemos crear blogs y wikis:

Una wiki es un sitio web de construcción colectiva sobre un tema especifico. La mas conocida actualmente es wikipedia.
Los blogs son conocidos como los diarios de Internet donde se genera artículos o post que pueden comentar los lectores

2. CRITERIOS DE DISEÑO

2. CRITERIOS DE DISEÑO

➽ Pre-diseño y planificación:

La primera fase para diseñar una pagina web es el pre-diseño. Para ello debemos responder a una serie de preguntas:

⟶ ¿Qué se pretende conseguir?

⟶ ¿A quién se dirige?

⟶ ¿Qué contenidos se quieren mostrar?

⟶ ¿Qué especificaciones se usarán en cuanto a la forma, organización y estructura?

⟶ ¿Con qué medios técnicos se cuenta para realizarla?

⟶ ¿De cuánto tiempo se dispone?

⟶ ¿De cuánto dinero se dispone?

➽Estructura de una web:

Un buen diseño es fundamental para la calidad de nuestra web, por eso debemos crear una jerarquía visual, utilizar las convenciones, dividir las paginas en áreas definidas, facilitar el acceso a enlaces y omitir contenidos innecesarios (simplificar). Una web debe constar de los siguientes elementos:

1. Encabezamiento.

2. Marca o logotipo.

3. Menú de navegación..

4. Titular.

5.Contenidos.

6. Pie de página

➽ Elementos de diseño:

A la hora de diseñar hay que tener en cuenta elementos como el contraste del texto con el fondo, el tamaño de los caracteres o la elección de los colores. Todo esto depende de los gustos del diseñador pero se debe usar el sentido común y ponerse siempre del lado del usuario. En la fase de diseño hay dos conceptos diferenciados:

1.La maquetación: se encarga de organizar espacios y contenidos escritos, visuales y audiovisuales
2.La interfaz: es el conjunto de comandos y métodos que facilitan la interacción entre el usuario y el sistema.

En cuanto a los elementos de maquetacion podes distinguir entre:

1.Elementos gráficos y topográficos

2.Elementos de imagen.

3.Elementos funcionales

➽ Estándar de accesibilidad de la información:

La accesibilidad Web significa que personas con algún tipo de discapacidad van a poder hacer uso de la Web. En concreto, al hablar de accesibilidad Web se está haciendo referencia a un diseño Web que va permitir que estas personas puedan percibir, entender, navegar e interactuar con la Web, aportando a su vez contenidos. Existen una serie de criterios llamados criterios de accesibilidad que establece niveles de conformidad o accesibilidad.

viernes, 27 de enero de 2017

1. PÁGINAS WEB

1. PÁGINAS WEB

Para empezar, definiremos lo que es una página web.

Una página web es un conjunto de documentos enlazados entre si a los cuales se accede a través de una dirección común. Para acceder a las paginas webs usamos navegadores (Mozilla Firefox, Internet Explorer, Google Chrome...)

El lenguaje básico para crear los documentos que conforman el sitio web es el html.

Las paginas web se pueden crean directamente escribiendo en html en cualquier editor de texto y guardándolo con la extensión .html, pero realmente se utiliza editores de paginas web que permiten diseñar de una forma mas sencilla. Presentamos dos formas de elaborar paginas webs:

Escribiendo en html: el código es mas fácil y limpio en el uso, ademas de manejarse con mayor precisión. El aprendizaje es mas difícil por lo que conlleva mas tiempo para elaborar las paginas.
Con un editor WYSIWYG: el código no es tan limpio, ya que lo manejan las maquinas. El aprendizaje es sencillo por lo que la creación de la pagina es rápida.

1.1 CLASIFICACIÓN

Las webs se clasifican en estáticas y dinámicas:

Estáticas: son aquellas que no cambian, siempre muestra el mismo contenido. Se utiliza el lenguaje html.
Dinámicas: se muestran cambios en el contenido dependiendo de las decisiones de los usuarios. Se realiza combinando html con el lenguaje dinámico.

1.2 FUNCIONAMIENTO

Los sitios webs son creados por programadores y diseñadores, una vez creados se encargan de ellos los administradores. Su función consiste en crear en su ordenador un conjunto de archivos (sito local) que seas accesibles para todos los usuarios de Internet (sitio remoto) gracias a los servidores y los procesos de alojamiento. El alojamiento de un sito web funciona de la siguiente manera: