jueves, 17 de marzo de 2011

Estimados alumnos

Este es un espacio para que expresen sus dudas o comentarios.

Saludos

Grupo 6to. "A"



Alumnos, en este espacio van a dejar un comentario con la dirección de su sitio web, y su nombre completo,  posteriormente haré un enlace a su sitio.
Sitios del Grupo de 6to grupo "A":

Jhonathan Torcuato: (Aprobado)
http://sitiowebtorcuato.loquegustes.com/
Fernando Cruz: (Aprobado)
http://choppers1993.loquegustes.com/
Luis Ortegón: (Aprobado)
http://mrkenedy022wx.loquegustes.com/
Joan Ortíz: (Aprobado)
http://informaticopijije.loquegustes.com/
Guadalupe Guzmán: (Aprobado)
http://lupillomaster.loquegustes.com/
Jose Zapata: (Aprobado)
http://josezapata93.loquegustes.com/
Nahum Futti: (Aprobado)
http://darkhause.loquegustes.com/


Mis felicitaciones a todos por su trabajo, dejenme decirles que hubieron excelentes trabajos, les anexe un  comentario a su nombre para que conozcan el estatus de su actividad, los alumnos que tengan una observación, verifiquen esta situación y corrijanla. Cualquier duda o comentario pueden hacerlo en el blog o en el correo que les dí en clases. Saludos

miércoles, 16 de marzo de 2011

Grupo 6B

Alumnos, en este espacio van a dejar un comentario con la dirección de su sitio web, y su nombre completo,  posteriormente haré un enlace a su sitio.
Sitios del Grupo de 6to grupo "B":

Joe Ortíz: (Aprobado)
http://www.informatico1993.loquegustes.com/
Joanny Ramirez: (Error, por favor verifica el vínculo)
 http://www.beautiful_any0220.loquegustes.com/
Daniel Correa: (Aprobado)
http://www.danyfifa08.loquegustes.com/
Cristina López: (Abre el sitio pero no encuentro las prácticas, por favor verifique)
http://anaizavala.loquegustes.com/
Yuri Sosa: (Aprobado)
http://yuresme13.loquegustes.com/
Gustavo Cruz: (Aprobado)
http://www.deuceswild.loquegustes.com/
Lizzeth Solis: (Aprobado)
http://sonrics.loquegustes.com/
Wendy López: (Aprobado)
http://shakyangel.loquegustes.com/
Yecenia Martínez: (Aprobado)
http://www.biixiio.waju.mx/
Erika Pérez: (Aprobado)
http://erikaalejandraperezche.jimdo.com/
Pedro Cruz: (Aprobado)
http://pedrocruzmendez.jimdo.com/
Carolina Sarao: (Aprobado)
http://www.carol1.webself.net/Main.aspx?
Anay Damas: (Aprobado)
http://any06.jimdo.com/
José De Los Santos: (Aprobado)
http://feli93.loquegustes.com/
Jorge Aguilera: (Aprobado)
http://chepano1991.loquegustes.com/
Cristina López: (Abre el sitio pero no encuentro sus prácticas, verifique por favor)
http://anaizavala.loquegustes.com/
Amada Chan: (Aprobado)
http://www.amada.waju.mx/
Rosa González: (Marca error, por favor verifique)
http://www.rosamariagonzalezmartinez.waju.mx/
Rosa González: (Abre el sitio pero no encuentro el enlace a sus prácticas, por favor verifique)
http://www.lacorcholata.waju.mx/
Ricardo Sánchez: (Aprobado)
http://www.luxuria.loquegustes.com/miSitioWeb
Alexander López: (Aprobado)
http://alex1624shakver.loquegustes.com/
Cristina López: (Aprobado)
http://oxi93.jimbo.com/
Humberto Dumani: (Aprobado)
http://barcelonachivas12.loquegustes.com/





Mis felicitaciones a todos por su trabajo, dejenme decirles que hubieron excelentes trabajos, les anexe un  comentario a su nombre para que conozcan el estatus de su actividad, los alumnos que tengan una observación, verifiquen esta situación y corrijanla. Cualquier duda o comentario pueden hacerlo en el blog o en el correo que les dí en clases. Saludos





domingo, 13 de marzo de 2011

Diseño y elaboración de páginas web

Metatags
Las metatags son etiquetas html que se incorporan en el encabezado de una página web y que resultan invisibles para un visitante normal, pero de gran utilidad para  navegadores u otros programas que puedan valerse de esta información.
Su propósito es el de incluir información (metadatos) de referencia sobre la página: autor, título, fecha, palabras clave, descripción, etc.
Características
Los meta tags son unas etiquetas pertenecientes al HTML que se deben de escribir dentro del tag general <head> y que lo podemos definir como líneas de código que indican a los buscadores que le indexan por qué términos debe ser encontrada la página. Dependiendo de la utilización, caracterización y objetividad de dichos meta, se puede conseguir una excelente posición en el listado resultante de una búsqueda.
Según varios estudios, cuando un navegante realiza una búsqueda no suele ir más allá del resultado 20, pues entre estos primeros puestos suele encontrar aquello que busca. Para quedar entre estos puestos es conveniente tener unos Metas optimizados.
Si su página web no tiene Meta-Tags, de muy poco servirá que se haya dado de alta en buscadores, cuando incluya meta tags con palabras claves, debe también tener cuidado en agregar una descripción clara y específica para dichas palabras claves, el meta-tag-description es el que se visualizará en la pantalla de los resultados del buscador y seguramente será decisorio para que el internauta entre en el sitio.
Usos
Esta información podría ser utilizada por los robots de búsqueda para incluirla en las bases de datos de sus buscadores y mostrarla en el resumen de búsquedas o tenerla en cuenta durante las mismas y será invisible para un visitante normal.
Estas etiquetas también se usan para especificar cierta información técnica de la cual pueden valerse los navegadores para mostrar la página, como el grupo de caracteres usado, tiempo de expiración del contenido, posibilidad de dejar la página en cache o calificar el contenido del sitio ("para adultos", "violento", etc.).
Sintaxis
La sintaxis de las metatags es:
<meta name="" content=""/>
donde el atributo name indica qué tipo de etiqueta se usará y content el contenido de una etiqueta concreta.
Estas etiquetas se incorporan en el código fuente entre <head> y </head>.
Por ejemplo, en esta misma web aparece la etiqueta:
<meta name="keywords" content="Metatags,Buscador,HTML,Página web" /

Diseño y elaboración de páginas web

Validación HTML y CSS: ¿Por qué es importante?

HTML y CSS, basicamente son los códigos que componen la mayoría de los sitios web. Se encargan de la estructura, formatos y colores. Entre ellos hay distintas versiones y "modelos", pero no vamos a entrar en profundidad en eso.
Lo que propone la validación de estos lenguajes es que todos sigan un estándar propuesto por la W3C. Para ello hay sitios web que se encargan de chequear las páginas de su sitio para comprobar si hay errores.

¿Por qué validar las páginas de tu sitio web?
  1. Ayuda a la compatiblidad entre navegadores y plataformas (cross-browser y cross-platform)
    A pesar de que la mayoría sea capaz de crear un sitio web y verlo funcionar perfectamente en su navegador preferido, es muy probable que igualmente contenga errores que no se muestran en ese navegador en particular. Otra persona usando un navegador diferente se encontrará seguramente con un sitio que no se ve correctamente. Es muy probable que versiones nuevas de tu navegador corrija la forma de muestreo de errores y tu sitio pase a verse mal aún en tu navegador. Validar tus páginas para seguir los estándares web en HTML y CSS va a resultar seguramente en un sitio que funcione en todos los navegadores y plataformas. Es un seguro también para futuras versiones de esos navegadores, ya que todos apuntan a la compatibilidad con los estándares existentes.
  2. Visibilidad para Google y otros buscadores
    Cuando hay errores en el sitio web, los navegadores generalmente tratan de compensar el error de diferentes maneras. Muchos navegadores quizás ignoren los objetos con errores, mientras que otros "intentan suponer" que es lo que el diseñador quizo hacer. El problema aparece cuando los buscadores intentan buscar por palabras claves en tu sitio, donde también tomarán decisiones sobre como leer los errores, resultando quizás en la no indexación de algunas partes de tu sitio web, o a veces todo. La manera mas segura es que tu sitio no tenga errores. De esa manera evitas "suposiciones" de los navegadores y te aseguras una buena indexación en los buscadores.
  3. Profesionalismo
    Aún asi pruebes tu sitio web en varios navegadores y en varias plataformas (PC, Mac, Linux, Windows, etc) y encontras que funciona perfecto, los errores en el código web suponen un sitio poco profesional, tanto así como su diseñador web.
Herramientas para validar:

Validador xhtml:

Validador css:

Validador xhtml y css:

Validador para Firefox XHTML y CSShttp://users.skynet.be/mgueury/mozilla/

Aplicación de la normatividad informática

Estimados alumnos pongo a su disposición los siguientes enlaces a estas  revistas digitales que contienen  información relacionada al 1er parcial:

Legislación:
http://www.youblisher.com/p/104830-Legislacion/

Délitos Informáticos:
http://www.youblisher.com/p/104834-Del-Informat/

Criptografía y su legislación: (Equipos de: Yecenia Cristel, Luisa Anahí y Lizzeth Guadalupe)
http://www.youblisher.com/p/104837-cript-y-legi/

Robo de identidad:
http://www.youblisher.com/p/104841-Rob-iden/

Implicados en el daño a datos:
http://www.youblisher.com/p/104843-Implicados/

Virus Informático:
http://www.youblisher.com/p/104845-Virus/

sábado, 5 de marzo de 2011

Administración de Sitios Web

Estimados alumnos  y alumnas en este enlace podran ingresar  a la revista digital donde encontraran la información para los temas de la clase:

Protocolos relacionados a aplicaciones y servicios web:
http://www.youblisher.com/p/101882-Administracion-de-sitios-web/

miércoles, 2 de marzo de 2011

Código de colores HTML

En este sitio puedes encontrar el código de colores que te será de gran utilidad en el diseño de tu sitio web:

http://www.youblisher.com/p/101894-Colores-HTML/

Alumnos en la expo de la educación

Alumnos del sexto semestre grupo "B" presentes en la inauguración de la Expo Educación 2011, quienes se reunieron el pasado martes 22 de febrero, en el centro de convenciones de la ciudad, evento que por primera vez se lleva a cabo en nuestra localidad, donde se presentaron  una gama de oportunidades para prepararse ante el reto de trabajar por el desarrollo económico del Estado.

Caracteres especiales HTML

Caracteres especiales HTML
 
Al diseñar tu página web, esta la debes hacer pensando que la visitaran en algún lugar del mundo, dónde tal vez hablen un idioma diferente al tuyo por lo que tal vez usen un conjunto de caracteres distintos. Debido a que no todos los países emplean el mismo tipo de carcteres especiales en su ortografía, en HTML se definen una serie de caracteres especiales, de manera que independientemente del idioma que hable nuestro visitante, pueda reconocer la ortografía que empleemos en HTML de nuestra página de modo que su navegador reconozca caracteres especiales, que de otra forma podría aparecer como texto raro en el medio de la página.
Estos caracteres en el código HTML van precedidos de un & (o ampersand), que indica el número de código correspondiente o el alias del caracter que queremos representar en la página.
Siempre que queramos que nuestra página sea bien visualizada por el resto del "planeta", deberemos de poner estos caracteres con su correspondiente código en la página. Es una de las pocas cosas que debemos de tener siempre en cuenta a la hora de hacer una página WEB.
Tal y como se muestran en algunos de los caracteres, algunos se pueden definir por su "alias" en lugar de definirlos por medio dle código hexagesimal precedido del &. Otra cosa a tener en cuenta es que este tipo de caracteres deben de ir cerrados por medio del punto y comoa (;), para indicar al navegador que tras el punto y coma, debe de respetar el tipo de formato que siga, y entre el punto y coma y el &, debe de considerarlo como caracter especial.
 
Este conjunto son los caracteres especiales. Cuando queremos poner uno de estos caracteres en una página, debemos sustituirlo por su código.
Por ejemplo, la "á" (a minúscula acentuada) se escribe "&aacute;" de modo que la palabra página se escribiría en una página HTML de este modo: p&aacute;gina

Caracteres especiales básicos

En realidad estos caracteres se usan en HTML para no confundir un principio o final de etiqueta, unas comillas o un & con su correspondiente caracter.
 
&lt;<&gt;>
&amp;&&quot;"
&lt;<&gt;>
&amp;&&quot;"
Caracteres especiales del HTML 2.0
&Aacute;Á&Agrave;À
&Eacute;É&Egrave;È
&Iacute;Í&Igrave;Ì
&Oacute;Ó&Ograve;Ò
&Uacute;Ú&Ugrave;Ù
&aacute;á&agrave;à
&eacute;é&egrave;è
&iacute;í&igrave;ì
&oacute;ó&ograve;ò
&uacute;ú&ugrave;ù
&Auml;Ä&Acirc;Â
&Euml;Ë&Ecirc;Ê
&Iuml;Ï&Icirc;Î
&Ouml;Ö&Ocirc;Ô
&Uuml;Ü&Ucirc;Û
&auml;ä&acirc;â
&euml;ë&ecirc;ê
&iuml;ï&icirc;î
&ouml;ö&ocirc;ô
&uuml;ü&ucirc;û
&Atilde;Ã&aring;å
&Ntilde;Ñ&Aring;Å
&Otilde;Õ&Ccedil;Ç
&atilde;ã&ccedil;ç
&ntilde;ñ&Yacute;Ý
&otilde;õ&yacute;ý
&Oslash;Ø&yuml;ÿ
&oslash;ø&THORN;Þ
&ETH;Ð&thorn;þ
&eth;ð&AElig;Æ
&szlig;ß&aelig;æ


Caracteres especiales del HTML 3.2
&frac14;¼&nbsp; 
&frac12;½&iexcl;¡
&frac34;¾&pound;£
&copy;©&yen;¥
&reg;®&sect;§
&ordf;ª&curren;¤
&sup2;²&brvbar;¦
&sup3;³&laquo;«
&sup1;¹&not;¬
&macr;¯&shy;­
&micro;µ&ordm;º
&para;&acute;´
&middot;·&uml;¨
&deg;°&plusmn;±
&cedil;¸&raquo;»
&iquest;¿  


Otros caracteres especiales
&times;×&cent;¢
&divide;÷&euro;
&#147;&#153;
&#148;&#137;
&#140;Œ&#131;ƒ
&#135;&#134;