Web con tutoriales y todos los elementos de XML, XSLT, XPATH, XFO, XSD, HTML, CSS, ASP, PHP, C++. Ejercicios resueltos.

Buenas, os dejo un iframe y enlaces a una web donde vienen ejercicios resueltos, ejemplos, tutoriales y todos los elementos de distintos lenguajes de programación como XML, XSL, XPATH, DTD, CSS, JAVA, C++, PHP, ASP, HTML, etc...



http://www.tic2.org/WebTecnica/NavegacionPub/Programacion/Programacion.htm
http://www.w3schools.com/xml/default.asp

Estilos de cursores soportados por los navegadores

Buenas os enlazo una web donde vienen todos los tipos de cursores que se pueden utilizar según los navegadores, utilizando CSS.

http://quirksmode.org/css/user-interface/cursor.html

Saludos.

Plantillas CSS HTML JQUERY gratuitas para realizar tu web

Existen algunos sitios los cuales proveen varias plantillas html y css totalmente gratis. Estas plantillas ya vienen preparada con sus estilos css, sus comportamientos jquery y su código html.

En algunos casos, para su uso, lo único que hay que hacer es indicar al pie de página de vuestra web la dirección del creador de la plantilla.

Estos son dos buenos sitios:

http://www.templatemo.com/

http://chocotemplates.com/

Saludos.

Colorear en html trozos de códigos de distintos lenguajes de programación

Existe un script capaz de reconocer código escrito dentro del HTML y darle formato.

Es de licencia libre y lo podéis encontrar en la siguiente dirección:

http://alexgorbatchev.com/SyntaxHighlighter/manual/installation.html

¿Qué es la accesibilidad web?

Muchas veces a la hora de iniciar un desarrollo web, se habla de crear un website accesible. ¿Es una moda? ¿Para qué sirve diseñar webs accesibles y qué beneficios puede aportarme? ¿Está también relacionado con el cumplimiento de estándares web de la W3C? ¿Si mi web cumple estándares web será también accesible?  Son muchas cuestiones que incluso algunos jefes de proyecto se cuestionan de vez en cuando.

La accesibilidad web hace referencia a la capacidad de acceso a los contenidos de una web independientemente de la discapacidad que presente el usuario, sea discapacidad física o tecnológica. El objetivo del diseño web accesible es evitar obstáculos a usuarios que acceden mediante dispositivos como lectores de pantalla para ciegos, lectores de líneas de Braille, navegadores que sólo visualizan texto, terminales móviles con pantallas reducidas, etc. La accesibilidad web está estrechamente relacionada con la usabilidad.

Algunos aspectos que cubre la accesibilidad implican presentar texto alternativo en imágenes, asegurar la correcta visualización en caso de que no se carguen las hojas de estilo, los colores entre textos y fondos deben tener suficiente contraste para que se pueda leer correctamente, tener vídeos con subtítulos, permitir el correcto funcionamiento de la web teniendo desactivados applets o ejecución de scripts.

La Web Accessibility Initiative o WAI es un grupo de trabajo del W3C, organismo internacional que se dedica a la creación de estándares web. La WAI tiene publicadas unas Pautas de Accesibilidad al Contenido Web (WCAG o Web Content Accessibility Guidelines) que indican los puntos clave en los que deberíamos centrarnos para desarrollar aplicaciones accesibles. Existen tres niveles de accesibilidad: A, AA y AAA, que se corresponden con criterios mínimos de accesibilidad, extendidos, y accesibilidad máxima. El WAI-AAA es el sello que idica que nuestra web cumple el nivel máximo de accesibilidad del WAI.

Aunque las pautas de accesibilidad WCAG las publique una rama del W3C, no tienen nada que ver con los estándares web. Cumplir el WCAG no implica tener una página que valide sobre los estándares web. Los estándares hacen referencia al código que incluye la página y la accesibilidad se centra en el contenido de ésta.

La WAI dispone de dos documentos con pautas de accesibilidad: WCAG 1.0 publicado en mayo de 1999, y el WCAG 2.0 publicado en diciembre de 2008. La versión 2.0 cubre más normas que su versión anterior, y conviene adaptarse a esta segunda versión del documento.

De html + tablas a Xhtml + css

MIGRACIÓN SIN DOLOR

De HTML+Tablas a XHTML+CSS

Fuente: http://www.araudi.net/migracion/migracion_sin_dolor.html

1. INTRODUCCIÓN

En principio el lenguaje HTML tenía como finalidad poder transmitir datos entre ordenadores de forma sencilla, que fueran interpretados por un programa (denominado "Browser", traducido como "navegador"). Y era estupendo. Más tarde, alguien quiso distribuir las cosas en la pantalla de forma un tanto diferente al texto corrido, algo más estético, y dado que el lenguaje y sus intérpretes ya contaban con un etiquetado para dibujar tablas, se dijo: "¿por qué no usar la rejilla de una tabla para colocar las cosas en los lugares que yo quiera de la pantalla?". Y fue. 

 

Era una manera cómoda de colocar cosas en cualquier parte, comenzando por establecer una rejilla con una tabla como espacio básico de diseño, e introduciendo los datos en sus celdas, aunque estos nada tuvieran que ver con datos tabulados.

 

En ese momento todo el etiquetado referente a formatos, tamaños, colores, resaltados, etcétera, se introducía también en el propio etiquetado HTML, lo que producía el enorme problema de que cuando alguien quería cambiar el color al texto de un apartado de la página lo hacía directamente ahí, sin problema, pero si quería cambiar el color o tamaño de los títulos de todas sus páginas o el ancho de éstas, tenía que ir una por una cambiando cada etiqueta, además de producir una sobrecarga de código en cada página.

Descargar gratis plantillas CSS

He encontrado por la web una gran página, en la cual te puedes descargar más de 100 plantillas distintas de CSS. Ya sabes solo es código, luego el diseño lo tienes que aplicar según los estilos CSS. De todas formas vienen ejemplos de dichas plantillas.

Su dirección es http://www.free-css-templates.com/css-templates/

Saludos!!!

Menú desplegable con CSS

Vamos a hacer sólo con CSS un menú desplegable. Este menú, al ser sólo con CSS, no funcionará en Internet Explorer con versión 6 o menor.

Empezamos haciendo el código html, que es más sencillo. Simplemente unas etiquetas <ul> y <li> convenientemente anidadas:

<ul class="menu">
   <li>opcion 1
      <ul>
         <li>una a</li>
         <li>una b</li>
      </ul>
   </li>
   <li>opcion 2
      <ul>
         <li>una c
            <ul>
               <li>otra</li>
               <li>mas</li>
            </ul>
         </li>
         <li>una d</li>
      </ul>
   </li>
</ul>

Por supuesto, podríamos poner enlaces <a> en las opciones del menú.

La animación Flash aparece encima de mi capa

Bueno, hace tiempo tuve el siguiente problema de diseño web. Tenía insertada un menú en una capa, manejado con CSS, cual fue mi sorpresa que al insertar un Flash y pinchar en el menú, ¡la película aparecía por encima del menú!

Hace poco me volvió a pasar y no recordaba la sencilla solución. Bueno, por eso lo posteo aquí, para tenerlo siempre de referencia, son tonterías pero que luego uno no se acuerda. Hay que poner el siguiente código:

si insertas un flash: <param name="wmode" value="transparent">

si embebes un div: <embed wmode="transparent">

Saludos a tod@s.