 desarrollo con estándares con la publicación del decreto supremo 100 ñ 2006 del ministerio secretaría general de gobierno que contiene la  norma técnica para el desarrollo de sitios web de organismos de gobierno  se definió que éstos debían desarrollarse empleando los estándares definidos por el world wide web consortium más conocido y citado previamente en esta guía como w3c en lo que se refiere a estándar para el código de despliegue en el artículo 5º se recomienda que el sitio web cumpla con los estándares html 401 o xhtml 10 validados ante el w3c debido a que los avances de los estándares web son hacia el estándar xml que además es el estándar elegido para el intercambio de documentos electrónicos del gobierno de chile en esta guía se ha privilegiado destacar el trabajo con xhtml 10 con el fin de destacar las características de su utilización sobre los estándares anteriores entre las diferencias más relevantes de  xhtml  respecto de  html  y que deben ser tenidas en cuenta aparecen las siguientes el documento debe estar bien formado con todas las etiquetas cerradas en el mismo orden en que se abren vale decir en el caso de etiquetas que se abren dentro de otras deben ser cerradas en el mismo orden no puede haber elementos vacíos por lo que las etiquetas que no tienen cierre deben completarse con un slash al final como en img br y hr las etiquetas deben escribirse en minúsculas debido a que xml es sensible a mayúsculas y minúsculas los valores de los atributos deben encerrarse entre comillas dobles la información de scripts como los de javascript debe ser incluida dentro de marcadores especiales llamados cdata por ejemplo script type text javascript cdata unescaped script content script los elementos ya no pueden usar el identificador name el cual debe ser cambiado por el identificador id debido a estas diferencias los desarrolladores que migren sus sitios web hacia el nuevo estándar deberán hacer varias modificaciones ya que como se aprecia el uso de xhtml obliga a ser estricto en el cumplimiento de la especificación en especial en el uso de minúsculas y en el cierre de todos los elementos tema que en las versiones anteriores de html no era tan crucial separación de contenidos y presentación otro de los mandatos del ds 100 ñ 2006 ya señalado aparece en el artículo 10º donde se indica que en las páginas que forman parte del sitio web se debe separar los contenidos de la presentación aprovechando las características señaladas del estándar xhtml tal como se indicó en la sección estándares web  de esta guía este es un cambio de importancia en lo referido al diseño web ya que incluso hasta la aparición de la guía web versión 10 habitualmente se empleaba tablas para disponer los elementos en las páginas facilitando de esa manera su ubicación en la pantalla para conseguir esta separación es necesario incorporar la tecnología de las hojas de estilo en cascada css por su sigla en inglés que permiten manejar la presentación de manera externa al contenido de esta manera será posible ofrecer páginas con diagramación diferente de la plataforma desde la que se acceda o incluso contar con la posibilidad de ofrecer una mejor diagramación para efectos de su impresión  d   figura 16 en la imagen se ve una de las páginas de la guía digital en versión para pantalla abajo en la figura 17 la misma página pero en versión para impresión   d   figura 17 en la imagen se ve una de las páginas de la guía digital en versión para impresión en la figura 15 se ve la misma en versión para pantalla como se ve en el  ejemplo anterior  tomado de las páginas del sitio web de la guía web 10  usando css se puede ofrecer diferentes visiones del mismo contenido sin hacerle cambios a sus páginas lo único que corresponde en dicho caso es modificar el archivo de presentación de los contenidos lo cual se hace a través de los archivos de css entonces al revisar el código de sus páginas se puede encontrar en la parte del head las siguientes líneas link href styles maincss rel stylesheet type text css link href styles printcss rel stylesheet type text css media print cabe señalar que al avanzar en el uso de css se puede ver que este estándar se encuentra preparado para ofrecer soporte a diferentes tipos de dispositivos entre los que se cuentan aparatos como agendas móviles sistemas de proyección aparatos para lenguaje braille y otros es importante consignar además que al momento de edición de este documento se encuentra en proceso una versión de css para teléfonos móviles por parte de w3c uso de elementos para diagramar junto con el uso de css es importante indicar que la separación de contenidos y presentación debe ir acompañada por la utilización de varios elementos de la sintaxis xhtml que permiten hacer la diagramación y presentación final de los contenidos uno de los principales es el  elemento div   que permite señalar los bloques de información y su ubicación dentro de la pantalla div proviene de la palabra división y es utilizada para crear secciones o agrupar contenidos normalmente este elemento puede llevar la información sobre su presentación en forma local es decir en el propio archivo como en el caso de este ejemplo usando el atributo style o bien puede tener asignado un id identificador mediante el cual se le da un nombre que puede ser referenciado desde css para aplicarle un estilo al bloque div style border 1px solid black h2 espacio generado por div h2 p este es un párrafo creado dentro de un bloque demarcado por div p div   d   figura 18 en la imagen se ve la forma en que aparece en la pantalla el código que se dio como ejemplo en el recuadro anterior adicionalmente el elemento div puede recibir como argumento una ubicación espacial dentro de la pantalla lo que permite generar una diagramación del sitio web controlada sólo por css para ver un ejemplo detallado sobre esta forma de trabajo se recomienda revisar el ejemplo que se entrega en la sección  estándares web  de esta guía dentro del elemento div se pueden utilizar otros dos para asignar tipos de presentación especial a los contenidos el primero es el elemento p que permite generar párrafos de información textual a la cual se le asignan valores mediante atributos de css el segundo es el elemento span que es un contenedor que se utiliza para aplicar estilo en forma directa al texto div style border 1px solid black h2 espacio generado por div h2 p este es un párrafo creado span style color red dentro span de un bloque demarcado por div p div   d   figura 19 en la imagen se ve la forma en que aparece en la pantalla el código que se dio como ejemplo en el recuadro anterior se aprecia que la palabra dentro está escrita en color rojo en el ejemplo anterior se ve cómo el elemento span aparece dentro de un párrafo y permite generar un tipo de presentación específico para una parte del texto areas guía web perfil profesional jefe de proyecto diseñador desarrollador frontend desarrollador backend gestión de proyecto arquitectura de información usabilidad y diseño accesibilidad normativa y estándares buenas prácticas ciclos del proyecto nuevo sitio rediseño cumplimiento de normativa xhtml css estándares ds100 w3c validación de estándares cumplimiento de estándares select rating darle 15 darle 25 darle 35 darle 45 darle 55 no votes yet diseño de interfaces e interacción 