knorrigt.com

Home > Internet > ¿Cómo evito que mi sitio web consistente a través de los navegadores?

¿Cómo evito que mi sitio web consistente a través de los navegadores?

Advertisement

¿Cómo evito que mi sitio web consistente a través de los navegadores?


Diseñar para la web es bastante difícil sin tener que preocuparse por la compatibilidad entre navegadores. Sin embargo, ya que cada motor de diseño ha evolucionado para interpretar las directrices del Wide Web Consortium (W3C) para Cascading Style Sheets (CSS) y HyperText Markup Language (HTML) de forma diferente, páginas web muestran a menudo sorprendentes discrepancias de un navegador a otro. Para crear un sitio web de forma fiable consistente a través de todos los principales navegadores, es necesario un enfoque sistemático, eficiente y práctico para determinar errores. También tendrá un conocimiento práctico de los estándares CSS y HTML compatible.

Cosas que necesitará

explorador de Internet

IETester

Barra de herramientas para desarrolladores de IE

Cromo

Firefox

Firebug (extensión de Firefox)

Texto / Editor de código (por ejemplo, el Bloc de notas o Dreamweaver)

Instrucciones

Construir su diseño para Firefox. Firefox ha mantenido constantemente al tanto de los últimos cambios en la CSS y tiende a ser estable, por lo que es el candidato punto de partida para todos sus diseños web. Completar su diseño por primera vez en Firefox, a continuación, pasar a otros navegadores para comprobar si hay inconsistencias.

Trabajar con extensiones de diseño de Firefox. Extensiones le ayudará a localizar errores en el modelo de objetos de documento (DOM), encontrar selectores CSS apropiadas y sugerencias para el código de escaneo para las propiedades CSS.

Probar su diseño en los navegadores WebKit (Chrome / Safari). El acceso de Chrome construido en la herramienta de depuración haciendo clic derecho en la página y seleccionar "Inspeccionar elemento". Dado que tanto Chrome y Safari utilizan el mismo motor WebKit, que normalmente sólo tendrá que probar en uno de estos dos navegadores, aunque todavía es una buena práctica para comprobar ambos.

Anote cualquier inconsistencia que usted observa en Chrome vs Firefox. Abra el lado dos navegadores al lado del otro. Si no ve inconsistencias, proceder directamente a la prueba en Internet Explorer en el paso 8. Si aparecen inconsistencias en Chrome, a continuación, consulte los pasos 5, 6 y 7.

técnicas de estudio CSS. Evitar o solucionar los problemas y las inconsistencias de navegación mediante la aplicación de una variedad de técnicas para el problema. Aprender estas estudiando el trabajo de otros, por ejemplo, en los muchos blogs en línea dedicados a la discusión y la enseñanza de técnicas CSS. Leer con regularidad, o buscar a través de ellos cuando se encuentra con un problema específico.

Escribe marcado estructural y CSS de presentación. Usar etiquetas HTML para organizar la estructura del documento de su página web, pero utilizar exclusivamente CSS para definir las propiedades de estilo de la página. Por ejemplo, no utilizar etiquetas HTML en negrita, cursiva o fuertes el estilo de su texto. Utilice las propiedades de fuente CSS en su lugar.

Añadir una hoja de estilo-cromo específica. Sólo haga esto si se puede inconsistencias no correctas entre Chrome y Firefox mediante la mejora de la codificación de estilo compartido entre ellos. Fragmentos y JavaScript para hojas de estilo y cromo específica están disponibles en línea.

Prueba en las últimas versiones de Internet Explorer (IE). No se deje intimidar por los problemas; A menudo, un simple cambio en el estilo o el ajuste estructural para el HTML es todo lo que tiene que hacer. depuración de programas, tales como IE Tester, facilitan el proceso de pruebas en diferentes versiones de IE, así como para inspeccionar el código en sí.

Crear una hoja de estilo IE-específica. No gaste demasiado tiempo tratando de manipular CSS para crear una apariencia consistente en IE. Basta con crear una nueva hoja de estilos específicos de IE, y modificar los selectores CSS y las propiedades que necesita. Fragmentos de la adición de hojas de estilo de IE a sus plantillas HTML están disponibles en línea.

Mantenga un manual de referencia CSS cerca. Comprar un manual de bolsillo o acceder a la documentación en línea del W3C en otra ventana del navegador.

Consejos y advertencias

Regularmente consultar las estadísticas de uso del navegador del W3C para hacer juicios educación sobre qué navegadores para probar y diseño para. Los navegadores más antiguos se reemplazan regularmente por los más nuevos, más estándares compatibles.

Manténgase al día sobre las últimas noticias de CSS y HTML y aprender nuevas técnicas mediante la lectura de la página web y los blogs de diseño del W3C.

Hacer preguntas en foros de diseño web.

Los navegadores siempre están cambiando. Mantenerse al día en los navegadores más populares y más estables, y sustituir el mejor y más nuevo de "Firefox" en este artículo.

Aplicar la hoja de estilos de IE para todas las versiones de IE que se está probando. Puede crear hojas de estilo para todas las versiones de Internet Explorer o algunos de ellos (por ejemplo, IE7, IE8). Si se hace referencia de forma incorrecta una cierta versión de IE, sus propiedades de tipo no serán de aplicación a la misma.

Evitar que comienza en el IE, a medida que va a utilizar el motor del navegador más peculiar como el fundamento y punto de referencia para su implementación en código.

Cómo aprender cómo hacer mi propio sitio web
Convertirse en experto en la fabricación de su propio sitio web utilizando los recursos de educación en línea para el aprendizaje de conceptos básicos de diseño web, así como las nuevas técnicas. Aumentar su sitio web capacidades actuales de diseño c
Cómo comprar tráfico del sitio web
Usted puede comprar tráfico del sitio web, y es una solución que muchos propietarios de sitios web utilizan, cuando quieren aumentar los visitantes a su sitio web de forma rápida. El problema es que la mayoría de los sitios web no sólo necesitan más
¿Cómo puedo crear un sitio web Maestro de forma gratuita?
Hoy en día, la educación de los estudiantes requiere el uso de la tecnología, y que tiene un sitio web maestro es otra herramienta maestra tiene disponibles para incrementar el aprendizaje. De acuerdo con el Departamento de Educación de Estados Unido
Cómo hacer un exámen Sitio Web
Un análisis de sitios web es bastante simple. Sólo tienes que ir a un sitio web, navegar a través de las páginas y formar una opinión acerca de lo que ofrece el sitio web. Bueno o malo, la revisión debe centrarse en lo que es importante para el públi
Cómo saber si un sitio web es de fiar
El Internet está lleno de sitios web ilegítimos. Y los principales sitios de índice de los motores de búsqueda que tienen los métodos de publicidad ilegales e incluso a veces el virus troyano o spamware que corrompe discos duros de ordenador o roba s
¿Cómo se elimina un sitio web no deseado?
El Internet es un lugar versátil que cualquier persona puede iniciar un sitio web por cualquier motivo. Los empresarios pueden crear sitios web para sus negocios, los artistas pueden crear sitios web para mostrar su trabajo y llegar a un público más
Así que ha de configurar su sitio web y está listo para los espectadores / clientes para comenzar a verter en. Tienes que esperar, pero no consigue mucho tráfico a su sitio web. Podría ser debido a muchas cosas. Para mejorar el tráfico a su sitio web
Cómo permitir o bloquear sitios web en Internet Explorer
Cuando se tienen niños a través de Internet, ya sea para la escuela o simplemente por diversión, hay pasos que puede tomar para ayudar a protegerlos mientras están en línea. Una cosa que puede hacer es bloquear los sitios web que no quiere que ellos
Cómo crear su propio sitio web por correo electrónico
Una de las formas en que los sitios como Yahoo y Google mantienen una presencia dominante en Internet es, ofreciendo un servicio de correo electrónico gratuito. Esto no sólo tiene los usuarios que regresan a su sitio web varias veces al día, pero tam
Cómo detectar una estafa Sitio Web
Estadounidenses perdieron casi $ 560 millones a las estafas por Internet en 2009, según informa el Internet Crime Complaint Center. Algunas de estas pérdidas se debió a números de tarjetas de crédito que entran, información de cuentas bancarias y otr
Cómo iniciar su propio sitio web de comercio electrónico y tomar sus clientes de eBay con usted
eBay puede ser una gran fuente de ingresos, y también puede ser una gran fuente para la clientela de cosecha para referirse a su propio sitio web. Cuando usted vende productos en su propio sitio web, puede cobrar menos por los productos y servicios q
operaciones comerciales modernos están tan integrados con Internet que un sitio web es importante para el éxito de cualquier negocio. Además de mostrar la información pertinente sobre los productos y servicios de su empresa, una página web puede incl
Cómo iniciar mi propio sitio web de pago
A partir de su propio sitio web o blog es el pago a la vez gratificante y desafiante. De hecho, muchas personas que venden productos en sitios web afiliados a encontrar la manera más fácil y rápida de generar ingresos en línea. Pensar y elegir un nic
Si se basa en la Web de su negocio, entonces usted sabe lo importante que es el tráfico del sitio. No es suficiente con tener un sitio web si nadie está de visita en él! Ahí es donde la publicidad de sus sitios web entra en juego: El uso de un recurs
Cómo crear su propio sitio web Diario Online
Las revistas pueden ser divertido para crear y mantener. Para algunos, la escritura del diario es una manera de descubrir cosas sobre sí mismo oa otros, recoger sus pensamientos y dar a sus emociones un lugar para descansar. Algunos autores utilizan
Cómo hacer compatible su sitio web móvil
A medida que los dispositivos móviles inteligentes adquieren una posición fuerte en el mercado, los consumidores están adoptando como un medio primario de navegación web. Las limitaciones de los retos actuales del navegador móvil para diseñadores web
Es posible generar tráfico del sitio web gratis sin crear y hacer demasiado trabajo adicional. Cualquier propietario del sitio web que ha aplicado las técnicas discutidas aquí estará de acuerdo en que los métodos discutidos son de gran alcance en la
La creación de su sitio web es sólo un paso en la comercialización usted mismo en línea. Ahora que usted tiene un sitio, se debe obtener la atención. Esto significa conseguir su sitio web para que aparezca en las listas de los motores de búsqueda. Ha
¿Cómo puedo crear un sitio web en vivo en Internet de difusión?
Gracias a la tecnología moderna, es más fácil que nunca para tener su propio programa de radio, o incluso su propia estación de radio por Internet. Las herramientas que necesitará son de bajo costo (en algunos casos, gratis) y fácil de obtener. Ni si