17. Introducción al Desarrollo Web: Tipografía Web I.

Cuando hablamos de tipografía web nos referimos al tipo de letra usada en la World Wide Web. Cuando fue creado HTML, tanto la fuente tipográfica y como el estilo venían determinados exclusivamente por las preferencias del navegador Web utilizado. No existió ningún mecanismo para el control del tipo de letra en las páginas Web hasta que en 1995 Netscape introdujo la etiqueta <font&gt<font>, la cual fue estandarizada para HTML 2. No obstante, la fuente especificada por esta etiqueta tenía que estar instalada en el ordenador del usuario o una tener una fuente de reserva, como la predeterminada para la Web, sans-serif o un tipo de letra monoespaciado. Las primera especificación de hojas de estilo en cascada (CSS en sus siglas en inglés) fue publicada en 1996 y proporcionaba las mismas prestaciones. (Referencia: Wikipedia - Tipografía Web).

Décima séptima clase del curso INTRODUCCIÓN AL DESARROLLO WEB, producido por Sergio Luján Mora de la Universidad de Alicante. En esta clase realizaremos una introducción a la tipografía en la web, qué podemos y no podemos hacer con las fuentes en este medio actual como lo es internet.

16. Introducción al Desarrollo Web: CSS. Frameworks.

Genéricamente, un framework es un conjunto de herramientas, librerías, convenciones y buenas prácticas que pretenden encapsular las tareas repetitivas en módulos genéricos fácilmente reutilizables. (Referencia: Frameworks).

Décima sexta clase del curso INTRODUCCIÓN AL DESARROLLO WEB, producido por Sergio Luján Mora de la Universidad de Alicante. Para la clase de hoy conoceremos dos de los frameworks más utilizados para el desarrollo de hojas de estilo CSS, El 960.gs y el Bootstrap. Así que listo para ver y aprender...

15. Introducción al Desarrollo Web: Zen Coding y Novedades en CSS3.

Zen coding es un plugin para editores e IDEs que permite generar código HTML, XML, XSL e incluso JSF (soporta cualquier lenguaje de marcas) de una forma bastante ágil y rápida, sobre todo si estás acostumbrado a trabajar con selectores CSS. Para aquellos a los que les gusta escribir su propio HTML/XHTML y no delegar su escritura a un programa tipo Dreamweaver, kompozer,... les puede resultar bastante interesante.. (Referencia: Zen-coding. una nueva forma de escribir código HTML).

Décima quinta clase del curso INTRODUCCIÓN AL DESARROLLO WEB, producido por Sergio Luján Mora de la Universidad de Alicante. En esta ocasión hablaremos sobre Zen Coding para HTML y CSS; además de las novedades en CSS3.

14. Introducción al Desarrollo Web: CSS. Diseño adaptable, adaptativo o flexible.

Los diseños web realmente adaptativos exigen la implementación de estas tres técnicas.

El punto clave es la adaptación a las necesidades del usuario y las capacidades del dispositivo. Supongamos un usuario de un dispositivo móvil que visita nuestro sitio web con una pantalla pequeña. Tener en cuenta las necesidades del usuario no significa simplemente adaptar el contenido al tamaño de la pantalla, sino considerar también lo que va a querer hacer este usuario en primer lugar cuando visite nuestro sitio web y después mostrarle el contenido en función de ese criterio. Quizás tengamos que presentar la información en un orden distinto. No debemos suponer que el usuario no va a querer acceder a toda la información del sitio web porque utiliza el móvil. Es posible que tengamos que cambiar el tipo de letra o las áreas de interacción para dar una mejor respuesta en un entorno de pantalla táctil. Todos estos factores influyen en el que denominamos "diseño adaptativo". (Referencia: Diseño web adaptativo).

Décima cuarta clase del curso INTRODUCCIÓN AL DESARROLLO WEB, producido por Sergio Luján Mora de la Universidad de Alicante. Siguiendo con el apartado sobre CSS, hoy aprenderemos sobre diseño adaptable, adaptativo o flexible, términos comúnmente utilizados en estos tiempos contemporáneos de la web.

13. Introducción al Desarrollo Web: CSS. Selectores Avanzados y la Web Única.

Utilizando solamente los selectores básicos mencionados anteriormente, es posible diseñar prácticamente cualquier página web. No obstante, CSS define otros selectores más avanzados que permiten simplificar las hojas de estilos. (Referencia: Selectores avanzados).

Décima tercer clase del curso INTRODUCCIÓN AL DESARROLLO WEB, producido por Sergio Luján Mora de la Universidad de Alicante. Retomamos el apartado sobre CSS, en esta ocasión veremos los selectores avanzados y la llamada One Web. ¿Quieres saber de que se trata? Entonces sigue esta clase.

12. Introducción al Desarrollo Web: Errores Web y Algunas Definiciones.

Jacob Nielsen es un reconocido experto en usabilidad y arquitectura de sitios Web, y a finales de diciembre publicó el resultado de su análisis de los 10 errores garrafales en los que incurrieron los diseñadores durante el 2002. Este análisis es el tercero que efectúa, habiendo elaborado los dos primeros en 1997 y 1999. Curiosamente, muchos de los errores se siguen repitiendo! A continuación iniciamos la divulgación y el comentario de estos errores con algunas recomendaciones para resolverlos en su propio sitio. (Referencia: Errores en Diseños Web).

Décima segunda clase del curso INTRODUCCIÓN AL DESARROLLO WEB, producido por Sergio Luján Mora de la Universidad de Alicante. Clase dedicada a observar los errores en el diseño web que debemos evitar en nuestros proyectos si deseamos la calidad en nuestro desarrollo. Te recomiendo ver esta clase pues será muy enriquecedora.

11. Introducción al Desarrollo Web: Usabilidad (2ª Parte).

¿Que es la usabilidad?. Bueno, son técnicas que ayudan a los seres humanos a realizar tareas en entornos gráficos de ordenador.

Es necesario considerar tres conceptos muy importantes. Trabajamos para seres humanos, que quieren realizar una tarea de una forma sencilla y eficaz y en este caso particular, la deben realizar frente a un ordenador en un entorno gráfico, la web. La usabilidad ayuda a que esta tarea se realice de una forma sencilla analizando el comportamiento humano, y los pasos necesarios para ejecutar la tarea de una forma eficaz. Quizás suene un poco a trabajo industrial, pero al hacer referencia al termino "tarea", estamos haciendo referencia a buscar un programa que queremos ver en la tele, a ver información sobre mi equipo de fútbol favorito, a comprar un libro sobre artes marciales.(Referencia: ¿Qué es usabilidad?).

Décima primera clase del curso INTRODUCCIÓN AL DESARROLLO WEB, producido por Sergio Luján Mora de la Universidad de Alicante. Siguiendo con el tema de usabilidad, tenemos como invitado a Eduardo Manchón, quien nos dará tres consejos sobre usabilidad.

10. Introducción al Desarrollo Web: Usabilidad (1ª Parte).

Parece ser que hoy en día la usabilidad se ha convertido en un elemento clave del diseño de sitios web, no solo por ser uno de los factores indirectos que afectan en el posicionamiento de un site, sino porque cada vez cobra más importancia como un punto importante en la estrategia de negocio de muchas empresas, grandes o pequeñas.

Y es que en el entorno virtual no pierde vigencia la máxima de que "el cliente siempre tiene la razón".

No hay duda, una mayor satisfacción del usuario se traduce en un mayor beneficio, y es que el usuario que se siente cómodo en nuestra web sabrá sacar provecho de la misma, usarla para lo que desea... y por ello, seguramente, volverá. Por ello, ya son ya muchos los que se han unido al carro de la usabilidad, y para muestra un botón: en junio de 2009 una empresa facturó 300 millones sólo por aplicar alguna de sus técnicas a un botón. (Referencia: El valor de la usabilidad).

Décima clase del curso INTRODUCCIÓN AL DESARROLLO WEB, producido por Sergio Luján Mora de la Universidad de Alicante. En la clase preparada para hoy trataremos el tema sobre usabilidad en los proyectos web, así que no te pierdas esta clase pues considero que es de gran importancia a la hora de desarrollar proyectos de alta calidad.

09. Introducción al Desarrollo Web: CSS. Selectores y Colores. Propiedad Intelectual.

Hablando básicamente, un selector CSS está hecho de un patrón que es hecho coincidir contra todos los elementos del árbol del documento. Cuando todas las condiciones en el patrón son verdaderas, el selector coincide y las declaraciones dentro de la regla son aplicadas al elemento o al elemento que coincide. (Referencia: Las bases de selectores).

Novena clase del curso INTRODUCCIÓN AL DESARROLLO WEB, producido por Sergio Luján Mora de la Universidad de Alicante. En esta clase conoceremos los selectores y colores en CSS. Además como bonus aprenderemos sobre propiedad intelectual y licencias de uso, importante cuando usaremos recursos que no son de nuestra autoría.

08. Introducción al Desarrollo Web: CSS. Conceptos básicos y uso en HTML.

Las hojas de estilo en cascada (Cascading Style Sheets, o sus siglas CSS) hacen referencia a un lenguaje de hojas de estilos usado para describir la presentación semántica (el aspecto y formato) de un documento escrito en lenguaje de marcas. Su aplicación más común es dar estilo a páginas webs escritas en lenguaje HTML y XHTML, pero también puede ser aplicado a cualquier tipo de documentos XML, incluyendo SVG y XUL. (Referencia: Wikipedia - Hojas de estilo en cascada).

Octava clase del curso INTRODUCCIÓN AL DESARROLLO WEB, producido por Sergio Luján Mora de la Universidad de Alicante. Comenzamos el módulo dedicado a CSS, estableciendo los conceptos básicos y cómo se usa en HTML.

07. Introducción al Desarrollo Web: Prototipado y Prototipos.

El wireframing o prototipado en el diseño web es el conjunto de dibujos que representan cómo estarán organizados los elementos web de nuestro proyecto.

Pese a incluir únicamente los aspectos más relevantes de nuestra página o aplicación es importante llevar este tipo de prácticas siempre antes de empezar a programar, para crear una referencia que permita definir su estructura y distribución visual. (Referencia: Prototipado en el diseño web).

Séptima clase del curso INTRODUCCIÓN AL DESARROLLO WEB, producido por Sergio Luján Mora de la Universidad de Alicante. Para la clase de hoy, que cierra el primer módulo del curso, aprenderemos sobre el prototipado y su importancia en el desarrollo de nuestros proyectos web.

06. Introducción al Desarrollo Web: HTML. El Nuevo Estandar HTML5.

HTML5 se presenta como un marco estable para el desarrollo de páginas web. Ha sido definido para durar muchos años gracias a diversos mecanismos que permiten extender el lenguaje con facilidad. La filosofía de html5 aboga además por los estándares abiertos, que son fundamentales para impulsar la innovación e introducir en la sociedad los beneficios de las nuevas tecnologías. Bien sabemos que los estándares abiertos tienen la capacidad de mejorar nuestras vidas, y de ello son ejemplo las nuevas funciones multimedia de html5. (Referencia: Html5. el nuevo estándar básico del Web).

Sexta clase del curso INTRODUCCIÓN AL DESARROLLO WEB, producido por Sergio Luján Mora de la Universidad de Alicante. Sabemos que existe un nuevo estándar HTML, si, nos referimos a HTML5. En la clase de hoy aprenderemos sobre la versión 5 de este lenguaje de marcado, enfocando sus nuevas funcionalidades en los formularios.

05. Introducción al Desarrollo Web: HTML. Formularios.

Los formularios son una característica del estándar HTML que permite a los autores recolectar información provista por los visitantes. Estos formularios pueden resultar útiles para reunir información personal, de contacto, preferencias, opiniones, o de cualquier otro tipo que el autor necesite. (Referencia: Formularios en HTML).

Quinta clase del curso INTRODUCCIÓN AL DESARROLLO WEB, producido por Sergio Luján Mora de la Universidad de Alicante. En la clase correspondiente para hoy, aprenderemos sobre los formularios HTML, qué son y para qué sirven. Y para finalizar veremos como validar nuestro código HTML.

04. Introducción al Desarrollo Web: HTML. Uso de Caracteres.

HTML soporta caracteres especiales de la norma ISO 8859-1(Latin-1). El grupo inferior de la norma ISO 8859-1 (códigos entre 0-127) está dado por el código ASCII.

El grupo superior de la norma 8859-1 (códigos entre 160-255) puede ser usado mediante el nombre del caracter. (Referencia: Caracteres Especiales).

Cuarta clase del curso INTRODUCCIÓN AL DESARROLLO WEB, producido por Sergio Luján Mora de la Universidad de Alicante. Hoy aprenderemos sobre el juego de caracteres en HTML, su relación con los editores de texto y cómo migrar de un juego de caracteres a otro.

03. Introducción al Desarrollo Web: HTML. Etiquetas.

Una página web es un documento gráfico que se visualiza en un navegador. Se codifican en lenguaje HTML (hypertext markup language), que consiste en un conjunto de etiquetas que dan formato al texto. Estas etiquetas también nos permitirán introducir fotografías, vínculos a otras páginas, applets,...

Todas las etiquetas se encierran entre los símbolos menor/mayor: , y algunas deben cerrarse en la forma . (Referencia: Etiquetas HTML).

Tercera clase del curso INTRODUCCIÓN AL DESARROLLO WEB, producido por Sergio Luján Mora de la Universidad de Alicante. Para esta clase estudiaremos el uso de las etiquetas HTML que son indispensables para formar nuestro documento HTML.

02. Introducción al Desarrollo Web: HTML. Problemas y errores.

Los editores de HTML pueden ser de dos tipos, como veremos, unos permiten codificar las páginas utilizando el propio lenguaje HTML, a base de etiquetas y otros nos permiten diseñar una página web, como si estuviésemos escribiendo con un editor de texto avanzado, sin tener que escribir el código con las etiquetas. Esta última vertiente, que podemos llamar editores en modo diseño, presenta una facilidad adicional para las personas que no deseen complicarse la vida con el lenguaje HTML, porque no tengan tiempo de aprenderlo o porque se sientan incapaces de hacerlo. Los editores en modo diseño nos permiten crear la página como si estuviéramos escribiendo un documento con un editor del tipo de Word. El editor de HTML es el encargado de vérselas con el lenguaje y programar internamente la página con el código HTML, según lo que nosotros estamos diseñando. (Referencia: Editores de HTML).

Segunda clase del curso INTRODUCCIÓN AL DESARROLLO WEB, producido por Sergio Luján Mora de la Universidad de Alicante. En esta ocasión conoceremos los problemas que podemos enfrentar con los editores y los tres errores más clásicos que comenten los programadores con este lenguaje de marcado.

01. Introducción al Desarrollo Web: Preámbulo. HTML.

Desarrollo web es un título "algo arbitrario" para el conjunto de tecnologías de software del lado del servidor y del cliente que involucran una combinación de procesos de base de datos con el uso de un navegador en Internet a fin de realizar determinadas tareas o mostrar información. Wikipedia, por ejemplo, ha sido realizada por desarrolladores web. (Referencia: Wikipedia - Desarrollo web).

Sean todos BIENVENIDOS al curso denominado INTRODUCCIÓN AL DESARROLLO WEB, producido por Sergio Luján Mora de la Universidad de Alicante. Y como preámbulo a este nuevo curso comenzaremos con la exposición del lenguaje marco que ha servido durante muchos años para realizar lo que hoy conocemos como la WORLD WIDE WEB, si, nos referimos al tan amado y odiado HTML. Vamos a conocerlo...