Validación de HTML y CSS de nuestro sitios Web

 

Los sitios Web de nuestros miembros cumplen con los estándares de HTML y CSS de la W3C.
Constantemente revisamos los sitios Web para comprobar que cumplan con estos estándares, y realizar las correcciones y recomendaciones necesarias para se mantengan de buena forma.

¿Por que validar el HTML/CSS (hoja de estilos del sitio)?

Hay muchas razones por las cuales es buena idea validar el HTML/CSS, además de ser una buena practica, los navegadores al cargar una página van a interpretar el Html, y podría causar que se vea de distanta manera entre navegadores. Por otro lado están los buscadores, estos no son humanos, son sistemas, y estan diseñados para interpretar las páginas y sitios de una manera estándar, así que si el sitio se encuentra correctamente validado será más efectiva la indexación.

Ejemplo

Grupo ABC

http://www.grupoabccr.com/
Un ejemplo es el resultado de la validación del sitio de Grupo ABC http://www.grupoabccr.com/ :

 

 

 

Markup Validation:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.grupoabccr.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0
CSS Validation:
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.grupoabccr.com%2F&profile=css21&usermedium=all&warning=1&lang=en

http://www.miimagenonline.com/widgets/

Mi Imagen Online presenta su nuevo servicio a la Comunidad llamado MIO/Widgets. Esta es una primera versión del servicio, que irá incorporando nuevas aplicaciones para uso de los miembros de la Comunidad así como para también usuario de la Red.

¿Qué es un widget?

Un widget es una aplicación que puedes instalar en tu sitio Web, Blog o red social favorita, permitiéndote recibir y compartir contenidos en formato texto, imágenes, audio o vídeos.

Los widgets son actualmente la forma más eficiente y menos intrusiva de promocionar tus contenidos y estar en contacto directo con tus amigos/usuarios/clientes. El usuario es quien decide que desea ver y cuando quiere que le informen, favoreciendo los contenidos de calidad y lo más importante ofreciendo servicios o información a un público que realmente los desea.

MIO/Widgets

http://www.miimagenonline.com/widgets/
Mi Imagen Online ofrece inicialmente widgets para usuarios en general, para compartir los videos de tu Canal en YouTube, compartir y actualizar tus mensajes de Twitter y compartir tu canal Feed mediante RSS.

My Tweets

Te permite crear un widget para compartir tus Tweets o Updates, así mismo te permite de una manera muy fácil publicar nuevos micro mensajes a tu cuenta.

YouTube Videos

Te permite crear un widget para compartir los videos de tu Canal en YouTube.

RSS Feed

Te permite crear un widget a partir del RSS de tu blog, sitio Web o cualquier fuente mediante este formato para compartir tu contenido en la Red.

“Stay MIO Tuned” para más acerca de todo lo nuevo de MIO/Widgets!

 

Dentro de las ventajas de tener un sitio Web creado en MIO es que el Mapa del Sitio se genera automáticamente.
Cada vez que se agrega o eliminar una página inmediatamente el Mapa del Sitio se actualiza de manera automática, sin necesaria de que se preocupe por actualizarlo.

Se puede crea un item de menú a la página del Mapa del Sitio, puede seguir las instrucciones de Cómo editar el menú [haga clic para ver la página de ayuda de Cómo editar el menú]. Una vez en el Editor de Menú agregamos un nuevo item haciendo clic en el enlace Agregar item y siga las siguientes instrucciones:


1. En el campo Nombre escriba el texto "Mapa del sitio" como nombre para el item
2. Ahora en el campo Ruta escriba exactamente el siguiente texto "/mapadelsitio.html" (sin las comillas), esta es la ruta a la página de mapa del sitio generado automáticamente
3. Haga clic en el enlace Guardar para finalizar
4. Una vez agregado el item, haga clic en el enlace Publicar cambios, y listo, tendrá un item en el menú de su sitio Web que cargará el Mapa del Sitio

Sitemap para buscadores (sitemap.xml)

Otra de las ventajas que le ofrece MIO en su sitio Web es el archivo sitemap.xml, este es un archivo en formato XML que contiene la lista de Urls o links a las páginas del sitio Web, que le permite a un Webmaster o Administrador del Sitio Web informar a los buscadores como Google, Yahoo o MSN acerca de las páginas del sitio Web para que estos sistemas puedan ir incluyéndolas en sus bases de datos. El archivo sigue el protocol estándar para Sitemaps en formato XML [El protocolo es descrito en http://www.sitemaps.org/protocol.php].

Este archivo también es generado automáticamente, por lo que siempre estará actualizado.

Para tener acceso a este archivo solamente debe agregar a la dirección de su sitio Web el nombre del archivo sitemap.xml, tal como se muestra a continuación:

MIO le ofrece la posibilidad de poder editar el menú de su sitio Web, usted puede agregar o eliminar páginas del menú según su necesidad.

Es muy sencillo, en el Dashboard desde donde tiene acceso a su sitio Web haga clic en el link Editar Menú

 

Una vez en el Editor de Menú puede manipular los items actuales del menú o bien puede agregar nuevos items.

Manipular items

* utilizando las flechas a la izquierda de cada item puede variar el orden de los items
* haciendo clic en el enlace Editar puede editar los datos de un item
* haciendo clic en el enlace Eliminar puede eliminar un item existente

Agregar/Editar un item

Para agregar un item haga clic en el enlace Agregar item o para editar un item existente haga clic en el enlace Editar del respectivo item y siga las siguientes instrucciones:

1. Indique el Nombre del item, este es el texto que aparecerá en la página
2. Seleccione la Ruta del página o archivo, utilice el botón con tres puntos para navegar en el Administrador de archivos para seleccionar la página o archivos
3. Puede indicar una Descripción para el item referencia posterior
4. Indique el ToolTip para el item, este el texto de Ayuda que aparecerá para el usuario del sitio Web
5. Haga clic en el enlace Guardar para terminar de agregar o editar el item

Publicar cambios

Una vez que haya realizado todos los cambios necesarios haga clic en el enlace Publicar cambios, esto va a actualizar el menú en su sitio Web para que este visible a los usuarios.

 

Los subsitios son carpetas donde se agrupan páginas según un tipo, temática o alguna organización lógica.

Puede crear los subsitios que su sitio Web demande, inclusive creando anidación de subsitios, solamente siga los siguientes pasos en el Administrador de archivos:

1. Seleccione el subsitio donde desea crear la nueva carpeta, puede la Raíz del sitio
2. Haga clic en el botón Nueva carpeta
3. En el cuadro de diálogo indique el nombre del subsitio o carpeta que desea y haga clic en el botón Aceptar para finalizar






Repite los pasos descritos anteriormente para crear todos los subsitio que requiera.

Es muy sencillo crear un enlace a una página o un archivo desde el Editor de Páginas.

Una vez cargada la página en el Editor de Páginas realice los siguientes pasos:

1. Seleccione o marque el texto donde desea crear el enlace
2. Haga clic sobre el link Insertar/Editar hipervínculo representado con un ícono de una cadena
3. En el cuadro de diálogo puede seleccionar la página o archivo que desea enlazar, en el botón con tres puntos de la opción 'URL del hipervínculo' puede navegar en el Administrador de archivos para seleccionar la página o archivo
4. Haga clic en el botón Insertar
5. Guarde los cambios y listo





El enlace puede ser editado en cualquier momento, siguiendo los pasos descritos anteriormente.

Primero debe iniciar sesión en el sistema para poder acceder al Dashboard donde podrá administrar su sitio Web.

Luego seleccione de entre los sitios que tiene registrados la opción de Editar contenido, donde se le presentará en pantalla el Administrador de Archivos el cual le mostrará todo los archivos que contiene su sitio Web.

Haga clic en la opción Nueva Página en la barra horizontal la primera opción de izquierda a derecha.

Se le muestra en pantalla las posibles estructuras predefinidas de la cual debe escoger la que se amolde mejor a las necesidades de esta nueva página de contenido. Seleccione el deseado haciendo clic sobre la imagen de la estructura o al nombre de la misma.

Realizado todo lo anterior tendrá ahora en pantalla el Editor de Contenido o Editor Web con la estructura de ejemplo, solo reemplace con el contenido de ejemplo con el contenido deseado.

El Editor de Contenido cuenta con las principales características del famoso editor de texto Microsoft Word de modo que la curva de aprendizaje del sistema sea casi nula.

 

Haga clic sobre el link Iniciar Sesión que se encuentra en la parte superior derecha.
Ingrese la dirección de correo electrónico y la clave de acceso que ingresó en el momento de registrarse.

Adicionalmente por seguridad se le solicita que ingrese un código que se muestra abajo del campo de contraseña con una serie de números con el propósito de impedir que robots informáticos ingresen a su cuenta de Mi Imagen Online.

Luego haga clic sobre el botón Ingresar, donde será direccionado hacia el Dashboard donde podrá crear sitios Web y administrar todos los que haya creado.

 

Actualización MIO/Sites - Junio 2009

Durante las últimas semanas el desarrollo se centró en otras aéreas de MIO pero aun así MIO/Sites continua estando entre nuestro trabajo diario prueba de esto es el "release" de nueva funcionalidad que se realizo el día de ayer y esperamos que todos disfruten.

 

Ayuda al usuario

Parte de lo nuevo en que estuvimos trabajando se encuentra varias mejoras sugeridas por nuestros usuarios entre las que se encuentra un acceso más simple a la Ayuda desde la misma interfaz administrativa de los Sites.

 

Adicionalmente se mejoró la Ayuda Contextual en varios los formularios de ingreso de datos como en el Editor de Menú y el formulario de Creación de Sites.

 

Navegación

Hay mejoras por doquier en MIO/Sites, la pagina principal ha tenido mejoras para hacerla más accesible, como por ejemplo los cambios en el footer ahora contiene links a todas las aéreas importantes de MIO/Sites.

 

 

Sitios personales (Portfolios)

Pensando siempre en nuestros usuarios se crearon un set de plantillas gráficas creadas exclusivamente para la creación de Sitios Personales, la idea es que cualquiera pueda tener su currículo en línea en MIO/Sites así cuando busque su nombre en algún buscador gracias a la plataforma de MIO/Sites lo primero que saldrá será su página principal con su perfil.

 

 

“Stay MIO Tuned” para más acerca de todo lo nuevo de MIO/Sites!

 

1. No necesariamente es un Curriculum

No es necesario incluir absolutamente toda la experiencia laboral y académica, puede hacer énfasis en aquellos conocimientos y destrezas que más ha desarrollado y son la parte fuerte de su perfil profesional.
El Portfolio podría enfocarse en una carta de presentación.

2. El objetivo es vender

Al igual que una entrevista de trabajo, el objetivo principal es que el posible cliente o empleador que visita su Portfolio diga: "¡esta es la persona que busco!", así que toda la información sumistrada debe ser la adecuada para venderse correctamente.
¡El objetivo es vender, no demostrar que es el mejor!, es mejor hablar más de los clientes y proyectos que ha elaborado y como estos han generado beneficios que hablar que tanto sabe o conoce.

3. Piense en que tipo de persona desea que lo encuentre

Si busca un empleador, o si busca un cliente, el enfoque de su Portfolio va a variar de acuerdo a sus intensiones

4. Referencias

Respaldar su experiencia y conocimiento con referencias a trabajos realizados, eso genera confianza. Ya sean enlace a sitios, publicaciones de los proyectos realizados, imágenes, hasta referencias de clientes que autoricen publicar su testimonio.
Referencia a publicaciones por ejemplo ayuda a generar confianza al mostrar como el trabajo realizado ha sido visible e importante es mucho ámbitos.

5. Profesionalismo

Es importante reflejar un imagen de profesionalismo en el Portfolio. Información incompleta, un portfolio sin terminar, correos electrónicos personales. El Portfolio no es su sitio personal, es su carta de presentación, así que no se debe mezclar o incluir cosas personales como fiestas, amigos, paseos, etc.

6. Contacto

Indicar la forma en lo pueden contactar es muy importante, inclusive brindar varios mecanismo y hasta la disponibilidad

 

Portfolios en Mi Imagen Online 

Ya en MIO/Sites se pueden crear Portfolio, de una manera muy fácil y rápida.

Estas son algunas muestras de las plantillas que puede escoger para su Portfolio:

  * http://plantilla30.miimagenonline.com/
  * http://plantilla38.miimagenonline.com/
  * Más ejemplos de plantillas en la siguiente galería http://www.flickr.com/photos/miimagenonline/sets/72157620785778033/


Solo necesita suscribirse a MIO/Sites y crear su Portfolio, ingrese a http://www.miimagenonline.com/misitio/joinnow/Default.aspx y llene un simple formulario de suscripción al servicio.