{"id":4485,"date":"2018-08-16T21:58:45","date_gmt":"2018-08-16T21:58:45","guid":{"rendered":"http:\/\/disenoweb.mx\/diseno\/?p=4485"},"modified":"2019-04-17T15:00:57","modified_gmt":"2019-04-17T20:00:57","slug":"diseno-web-en-cuautla","status":"publish","type":"post","link":"https:\/\/disenoweb.mx\/blog\/diseno-web-en-cuautla\/","title":{"rendered":"Dise\u00f1o web en Cuautla"},"content":{"rendered":"

Dise\u00f1o web en Cuautla<\/h1>\n
\"Dise\u00f1o
Dise\u00f1o web en Cuautla<\/figcaption><\/figure>\n

 <\/p>\n

Unidades de medida Puntos de verificaci\u00f3n en esta secci\u00f3n:
\n3.4 Dise\u00f1o web en Cuautla<\/strong><\/em><\/a>\u00a0Utilice unidades relativas en lugar de absolutas al especificar los valores en los atributos de los marcadores de lenguaje y en los valores de las propiedades de las hojas de estilo. [Prioridad\u00a02]. T\u00e9cnicas:<\/p>\n

\u2022 Use la unidad “em” para el tama\u00f1o de letra.<\/p>\n

\u2022 Utilice unidades de medida relativas y porcentajes. CSS permite utilizar unidades relativas incluso en posicionamiento absoluto. Por tanto, puede colocar una imagen que ser\u00e1 alejada por “3em” desde el comienzo del elemento que la contenga. Es una distancia fija, pero relativa al tama\u00f1o de letra actual, con lo cual se escalar\u00e1 adecuadamente.<\/p>\n

\u2022 Utilice medidas absolutas de longitud s\u00f3lo cuando las caracter\u00edsticas f\u00edsicas del medio de salida sean conocidas, por ejemplo con im\u00e1genes de mapa de bits. Ejemplo.
\nUtilice “em” para establecer los tama\u00f1os de letra, como en: h1 { font-size: 2em } mejor que: h1 { font-size: 12pt }
\nEjemplo. Utilice unidades de longitud relativas y porcentajes.
\nbody { margin-left: 15%; margin-right: 10%}
\nEjemplo. Utilice unidades absolutas de longitud s\u00f3lo cuando sean conocidas las caracter\u00edsticas f\u00edsicas del medio de salida. \/* tarjeta de visita *\/ .businesscard { font-size: 8pt }<\/p>\n

Contenidos generados Puntos de verificaci\u00f3n en esta secci\u00f3n: 3.1 Cuando exista un marcador apropiado, use marcadores en vez de im\u00e1genes para transmitir la informaci\u00f3n. [Prioridad\u00a02] ,dise\u00f1o web<\/strong><\/em><\/a>
\n6.1 Organice el documento de forma que pueda ser le\u00eddo sin hoja de estilo. Por ejemplo, cuando un documento HTML es interpretado sin asociarlo a una hoja de estilo, tiene que ser posible leerlo. [Prioridad\u00a01] T\u00e9cnicas:<\/p>\n

\u2022 Proporcione un equivalente textual para cualquier imagen o textos importantes generado por la hoja de estilo (por ejemplo, mediante las propiedades “background-image”, “list-style”, o “content”).<\/p>\n

\u2022 Aseg\u00farese de que todo contenido importante aparezca dentro del objeto del documento. El texto generado por las hojas de estilo no forma parte del c\u00f3digo fuente del documento y no estar\u00e1 disponible para las ayudas t\u00e9cnicas que acceden al Modelo de Objeto del Documento Nivel\u00a01 ([DOM1]). CSS2 incluye diferentes mecanismos que permiten generar contenido desde la hoja de estilo:Dise\u00f1o web en Cuautla<\/strong><\/em><\/a><\/p>\n

\u2022 Los seudo-elementos :before y :after y la propiedad “content”. Cuando \u00e9stos se emplean conjuntamente, permiten la inserci\u00f3n de marcadores (por ejemplo, contadores y cadenas constantes tal como “Fin Ejemplo” en los ejemplos siguientes) antes o despu\u00e9s del contenido del elemento.<\/p>\n

\u2022 Las propiedades “cue”, “cue-before”, y “cue-after”. Estas propiedades permiten a los usuarios reproducir un sonido antes o despu\u00e9s del contenido de un elemento.Dise\u00f1o web en Morelos<\/strong><\/em><\/a><\/p>\n

\u2022 Estilos de lista, que pueden ser n\u00fameros, glifos, o im\u00e1genes (normalmente asociados con el elemento LI en HTML). CSS2 a\u00f1ade estilos de lista internacionales a los definidos en CSS1.<\/p>\n

V\u00e9anse las propiedades “list-style-type” y “content”. El contenido generado puede servir como marcador para ayudar a los usuarios a navegar por el documento y orientarse cuando no pueden acceder a las pistas visuales tales como barras de desplazamiento proporcionales, marcos con \u00edndice de contenidos, etc. Por ejemplo, la siguiente hoja de estilo de usuario causar\u00eda la generaci\u00f3n de las palabras “Fin Ejemplo” despu\u00e9s de cada ejemplo marcado con un valor de clase especial en el documento: Ejemplo div.example:after { content: Fin Ejemplo } Dise\u00f1o web en Cuautla<\/strong><\/em><\/a><\/p>\n

Dise\u00f1o web en Cuautla<\/strong><\/em><\/a><\/h1>\n

#DisenowebenCuautla<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Dise\u00f1o web en Cuautla   Unidades de medida Puntos de verificaci\u00f3n en esta secci\u00f3n: 3.4 Dise\u00f1o web en Cuautla\u00a0Utilice unidades relativas en lugar de absolutas al especificar los valores en los atributos de los marcadores de lenguaje y en los valores de las propiedades de las hojas de estilo. [Prioridad\u00a02]. T\u00e9cnicas: \u2022 Use la unidad …<\/p>\n

Dise\u00f1o web en Cuautla<\/span> Leer m\u00e1s \u00bb<\/a><\/p>\n","protected":false},"author":1,"featured_media":4486,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","_joinchat":[],"footnotes":""},"categories":[1189,55,1191],"tags":[837,328,327,836,68,46,831,1301,830,828,1302,829,128],"class_list":["post-4485","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo-web","category-diseno-web","category-diseno-web-2","tag-agencia-de-diseno-web-en-ciudad-de-mexico","tag-agencia-de-diseno-web-en-df","tag-agencia-de-diseno-web-en-guadalajara","tag-agencia-de-diseno-web-en-zapopan","tag-desarrollo-web","tag-diseno-web","tag-diseno-web-en-ciudad-de-mexico","tag-diseno-web-en-cuautla","tag-diseno-web-en-df","tag-diseno-web-en-guadalajara","tag-diseno-web-en-morelos","tag-diseno-web-en-zapopan","tag-sitio-web"],"_links":{"self":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/posts\/4485","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/comments?post=4485"}],"version-history":[{"count":0,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/posts\/4485\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/media?parent=4485"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/categories?post=4485"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/tags?post=4485"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}