Posted on 01-09-20092009 in SEO-SEM | 0 comments
Markup Validation Service es el nombre del servicio web ofrecido de forma libre por la W3C, la organización internacional que establece los estándares de programación web. La validación puede realizarse a partir de la URL de una página web, descargando el fichero desde nuestro ordenador o pegando un trozo del código fuente. Tras el chequeo del código conforme al estándar, recibiremos un listado de las líneas del código HTML, XHTML, SMIL, MathML… que no cumplen con el mismo, junto con una descripción del problema. En algunos errores, podremos encontrar una explicación de la causa que lo provoca y su solución.
Markup Validation Service es un servicio gratuito al que cualquier interesado puede acceder desde validator.w3.org
read more
Posted on 01-09-20092009 in HTML | 0 comments
XHTML (Lenguaje de Marcado de Hipertexto Extensible) es una versión más estricta y limpia de HTML , que nace precisamente con el objetivo de remplazar a HTML como estándar para las páginas web ante su limitación de uso con las cada vez más abundantes herramientas basadas en XML. XHTML permite incluir otros lenguajes como MathML , SMIL o SVG.
La guía de referencia XHTML es un documento de consulta rápida en español, sobre una de las tecnologías mas importantes desarrolladas por World Wide Web Consortium (W3C).
Entre los contenidos ofrecidos por la Guía podemos encontrar:
-Atributos
-Módulos
- Esencial
- Tabla
- Formularios
- Imagen
- Mapa de Imágenes (Cliente)
- Mapa de Imágenes (Servidor)
- Objetos
- Marcos
- Objetivos de Apertura
- Marco en línea (Iframe)
- Eventos Intrínsecos
- Metainformación
- Scripting
- Hoja de Estilos
- Enlaces
- Base
- Identificación de Nombres
-Tipos de Atributos
-Referencias
Interesados pueden acceder a La guía de referencia XHTML desde www.w3c.es
read more
Posted on 23-08-20092009 in CSS, HTML | Comentarios desactivados
He aqui un ejemplo diseño con css de un tema (solo el index) wordpress, de 3 columnas, una barra de navegación , pie de página y cabecera de página, la imagen que se muestra debajo describe el funcionamiento del mismo, y los detalles que se aplican con el css, debajo de la imagen el codigo html para general la web y el css que la formatea.
Este diseño cuenta con lo siguiente:
- Container
- Header
-Top Navigation Menu
- Left Navigation Menu
- Right Navigation menu
- Content Part
- Footer
Aqui vemos el codigo html del index:
<div id=container>
<div id=”header”>
<h2>Header</h2>
</div>
<div id=”topnav-container”>
<ul id=”topnav”>
<li> <a href=”#”>Home</a> </li>
<li> <a href=”#”>Categories</a> </li>
<li> <a href=”#”>Services</a> </li>
<li> <a href=”#”>About us</a> </li>
<li> <a href=”#”>Contact us</a> </li>
</ul>
</div>
<div id=”leftnav”>
This is a left navigation bar.
This is a left navigation bar
This is a left navigation bar
</div>
<div id=”rightnav”>
This is a right navigation bar
</div>
<div id=”content”>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam
</p>
</div>
<div id=”footer”>
<h2>Footer</h2>
</div>
</div>
Aqui vemos el CSS que formatea este diseño:
#container {
margin: 10px auto;
width: 95%;
border: 1px solid gray;
}
#header {
padding: 3px;
border-bottom: 1px solid gray;
}
#topnav-container {
border-bottom: 1px solid gray;
padding: 4px 0;
background: #e0e0e0;
}
%
read more
