Wiki source for RequerimientosHTML


Show raw source

======Requerimientos en la elaboración HTML======

- Cumpla con el estandard XHTML 1.0 Transitional
- Haber pasado la validación del W3C [http://validator.w3.org/]
- Formato de Imagenes: JPG o PNG (preferencia de 8 bits cuando sea transparente que funcione la transparencia en IE 6)
- No usar imágenes CMYK, no se muestran en IE
- Optimización de imagenes (que sean apreciables, pero tampoco muy pesadas, se puede sacrificar algo de calidad sin perder textura)
- No usar imagenes grandes (solo si es de fondo de la página), si hay una imagen que no es fondo (quizas un menu hecho con imagenes) partir la imagen en pequeños fragmentos.
- Verificado en Firefox, Opera y opcionalmente Safari y Camino
- Validado con IE 6 y opcionalmente versiones superiores [Que se vea igual con IE]
- Encoding UTF-8 (en el meta y a la hora de guardar el archivo)
- Familia de Fuentes:
- **Para Georgia**: Georgia, "Times New Roman", Times, serif;
- **Para Verdana**: Verdana, Geneva, Arial, Helvetica, sans-serif;
Verdana, Geneva, Arial, Helvetica, “Trebuchet MS”, Tahoma, “Lucida Sans Unicode”, “Lucida Grande”, “MS Sans Serif”, sans-serif;
- **Para Trebuchet**: “Trebuchet MS”, Verdana, Arial, Helvetica, sans-serif;
- **Para Times**: Times, “Times New Roman”, Georgia, serif;
Times, “Times New Roman”, Georgia, Garamond, “Palatino Linotype”, Palatino, “Book Antiqua”, “New York”, serif;
- **Para Monospace**: “Lucida Console”, Monaco, Courier, “Courier New”, monospace;
- **Para Courier**: Courier, “Courier New”, monospace;
- **Para Arial**: Arial, Helvetica, sans-serif;
- **Para Arial Black**: "Arial Black",Gadget,sans-serif;
- **Para Tahoma**: Tahoma,Geneva,Kalimati,sans-serif;
- **Para Lucida Sans Unicode**: 'Lucida Sans Unicode','Lucida Grande','Lucida Sans','DejaVu Sans Condensed',sans-serif;
- **Para Lucida Console**: Consolas,'Lucida Console','Bitstream Vera Sans Mono','DejaVu Sans Mono',monospace;
- **Para Palatino**: Cambria,'Palatino Linotype','Book Antiqua','URW Palladio L',serif;
- **Para Comic Sans**: "Comic Sans MS", "Brush Script MT", cursive;
- **Para MS Serif**: ‘MS Serif’, ‘New York’, sans-serif;
‘MS Sans Serif’, Geneva, sans-serif;

**Enlaces de interés**
- http://www.codestyle.org/css/font-family/BuildBetterCSSFontStacks.shtml
- http://www.webchicklet.com/css/css-font-family-sample-cheat-sheet/
- http://es.mt-soft.com.ar/2009/04/24/tipografias-mas-usadas-en-diseno-web/
- http://www.inspirationbit.com/16-best-loved-font-bits-in-web-design/
- http://www.angelfire.com/al4/rcollins/style/fonts.html
- http://snipplr.com/ - Para buscar la familia
- http://visionwidget.com/inspiration/web/286-web-safe-fonts.html

=====Convenciones de (meta) información:=====

- Meta tag necesario: Content-type espcificando encoding para que páginas sean visibles con el encoding correcto una vez guardadas localmente (Save as...)
- Meta tags: title, description, keywords y generator que pueden ser usados por algunas redes sociales o buscadores... En el caso de generator poner:
- <meta name="generator" content="almidón" />
- Para paginas internas meta tags: title, description y image_src que apunta a la imágen a ser usada cuando se comparte.
- Al final de cada página poner la firma, por ejemplo: "Desarrollado por..."
Valid XHTML :: Valid CSS: :: Powered by WikkaWiki