Cómo hacer que su sitio web está configurado para la ópera?

Un objetivo obvio de los diseñadores y desarrolladores web es llegar al mayor número posible de personas con un sitio web, y no sólo desde el punto de vista del contenido. El código de su sitio juega un papel importante, ya que diferentes navegadores web leen y hacen que el lenguaje de marcado de hipertexto y sus sub-idiomas de manera diferente. Usted no necesariamente tiene que escribir específico para un determinado navegador Web - especialmente los utilizados marginalmente queridos como Opera - pero debe diseñar un sitio con accesibilidad universal en mente.

Instrucciones

1 Utilice un programa de diseño Web al codificar las páginas Web. Cuando la banda consiguió pasar primero y el diseño era más simple, un montón de diseñadores codificados en HTML con la mano - es decir, manualmente, escribiendo cada línea de código. Los programas como Dreamweaver de Adobe hacer todo esto de forma automática y, a continuación, alterar el código en un editor de línea por línea. Cuando se crea un nuevo documento, HTML en blanco en un programa como Dreamweaver, todos los fundamentos están en su lugar para usted: las etiquetas html, cabeza, cuerpo y título. Estos son el mínimo indispensable para cualquier navegador Web, incluyendo Opera.

2 Utilice hojas de estilo en cascada para hacer que sus páginas aparezcan. Las hojas de estilo definen reglas visuales de todo el sitio o para una sola página y han reducido la necesidad de complejos, la codificación HTML específico de objeto. En cambio, la hoja de estilos define lo que todos los encabezados o enlaces se verá así, y sólo tiene que aplicar el estilo a un objeto en lugar de editar todas las propiedades de dicho objeto. Opera lee las hojas de estilo como cualquier otro navegador. Gatos que Código, el blog de un desarrollador web, se recomienda incluir un restablecimiento de hoja de estilos en el código para hacer que sus sitios realmente amable para todos los navegadores.

3 Añadir un código Opera-específico para la hoja de estilo para asegurar la compatibilidad con Opera. Añadir lo siguiente a su archivo CSS:

@media todos y (min-width: 0px) {

.classname {}

}

Se puede añadir un nombre específico para la ópera-sólo los estilos en los paréntesis junto a ".classname." Todo el que sigue se aplica únicamente a la ópera.

4 Vista previa de la página en Opera a medida que desarrolla para asegurar que las cosas se muestran correctamente. Ellos deberían. Una vez más, Opera lee el código común como la mayoría de los navegadores, pero si usted encuentra que una parte de la CSS está causando un problema que puede utilizar el código en el paso 3 para cambiar sus propiedades para Opera añadiendo sus definiciones antes del corchete de cierre final.

Consejos y advertencias

• Algunos dispositivos portátiles utilizan una versión móvil de Opera como navegador Web. Codificación para dispositivos portátiles lleva un poco más de cuidado, y el equipo de desarrollo de Opera tiene algunos consejos para hacer las cosas bien en mostrar Opera Mini o en los teléfonos general (ver Recursos).