[Ovillo] Duda sobre etiquetado correcto en HTML5

2013-02-27 Por tema Eva García
Buenos días a tos@s,

Estoy empezando a usar HTML5 y me surge una duda. Tengo una Web donde tengo
la cabecera con su menú, debajo tengo un slide dentro de un section y
debajo quiero maquetar tres cajas que digamos son tres contenidos
destacados. Lo típico de poner tres cajas en horizontal con su foto,
título, breve texto y botón link para ampliar la información. La duda que
me surge es si cada caja la tengo que poner dentro de una etiqueta
section o si por el contrario tengo que crear una etiqueta section para
aglutinar las tres cajas y después cada una de estas etiquetarla como
article ¿Sería correcto esto?

section
article
h3Títtulo/h3
...
/article

article
h3Títtulo/h3
...
/article

article
h3Títtulo/h3
...
/article
/section

Seguidamente de esto tengo un listado de noticias y un listado de opiniones
de clientes ¿tendría que utilizar la misma estructura?

Gracias!!
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Duda sobre etiquetado correcto en HTML5

2013-02-27 Por tema Eva García
Esas tres cajas no tienen nada que ver con el contenido que viene después.
Son tres cajas donde en cada un título, descripción y link a una página
interna. Es un bloque independiente de los demás, así que por lo que me
comentais esas tres cajas irían dentro de un section. Y ahora la siguiente
duda ¿debería de marcar cada caja con la etiqueta article?

Gracias por el texto Carlos, ya lo había visto googleando ;-)



El 27 de febrero de 2013 10:37, Carlos Núñez cha...@gmail.com escribió:

 Te paso un extracto que sigo como referencia:

 Uso de div/ en HTML5 orientado a SEO
 La etiqueta div no ha muerto, sigue ahí y sigue significando lo que siempre
 ha significado: conjunto de elementos. En ningún momento se ha transformado
 a una etiqueta tonta que puedas usar libremente para ayudarte con el CSS
 ni ha sido sustituida totalmente por la etiqueta section/.

 Por lo tanto nuestro deber es usarla como ayuda a la estructura de página:
 como base para crear el layout de de nuestras páginas, siempre y cuando no
 exista otra etiqueta de conjunto que represente mejor este papel... En
 otras palabras, div es la herramienta para unir elementos cuando no podemos
 asociar significado semántico a este conjunto.

 Uso de section/ en HTML5 orientado a SEO
 El uso de seción es muy parecido al de div pero aportando la carga de
 significado mínima posible al contenido. Englobando distintos elmentos
 dentro de una etiqueta section/ lo que estamos haciendo es declarar que
 todo su contenido está relacionado y forma parte de un mismo significado o
 elemento.

 La diferencia es sutil pero muy importante: cuando creamos bloques cuyo
 contenido forma un todo usaremos section/, cuando estos bloques responden
 más a diseño o a necesidades de estructura usaremos div/gt.

 Esta diferenciación también provoca que en todas estas maquetas que usan
 200 divs para conseguir que con pocos conociemientos de CSS el diseño tome
 forma no pasan a estar bien hechas, pero si que podemos decir que en html5
 estan menos mal (dado que al menos hemos marcado con sections los
 conjuntos que si que tienen significado sin liar tanto a los buscadores).

 Uso de article/ en HTML5 orientado a SEO
 Por último la etiqueta article/ es el siguiente paso a la hora de
 declarar que un cojunto de elmentos en nuestra página tiene significado. En
 este caso el paso dado es el dar a entender que ese conjunto tiene
 significado claro incluso si lo sacamos totalmente de la página. Es decir,
 al incluir algo dentro dentro de la etiqueta article/ lo que estamos
 diciéndole a los buscadores es que dentro de este article podrá encontrar
 contenidos únicos con su propio significado.

 Esto nos lleva casi siempre a que en páginas normales nuestro contenido
 será el único article/ de la página y en páginas con listados de
 elementos tendremos un article/ por cada elmento del listado (que si
 queremos identificar bien, tendrá un link con rel=bookmark hacia el
 contenido real).

 Para que la etiqueta article termine de entenderse comentar que idealmente
 esta al ser un contenido con significado propio podría contener en su
 interior etiquetas header/, section/, aside/ y footer/ ya que... al
 ser contenido propio, ¿porque no pueden tener sus mismas carácteristicas?

 Uso de aside/ en HTML5 orientado a SEO
 Por ultimo nos queda la etiqueta aside que viene a ser una etiqueta
 section/ venida a menos. Y es que aside sirve para indicar que ese bloque
 es solo un añadido a los bloques que tiene al lado. Son datos extra sin lo
 que podríamos pasar perfectamente pero que hemos decidido añadir en el
 documento.

 Así pues, un aside/ como hijo de la etiqueta body/ nos dice que se
 trata de un contenido añadido por temas que no tienen nada que ver con el
 contenido de página (normalmetne esas columnas laterales llenas de tags y
 banners). Cuando lo incluimos dentro de un article/ nos indica que esa
 información complementa el artículo pero no forma parte de él (listas de
 datos, testimoniales, banners relacionados, etc...).

  Carlos.

 El 27 de febrero de 2013 10:31, Marina Gallardo
 marinagalla...@gmail.comescribió:

  Yo no sé cómo lo ven los demás, pero quizás el section tendría que estar
  dentro del article no?
 
  2013/2/27 Eva García evag...@gmail.com
 
   Buenos días a tos@s,
  
   Estoy empezando a usar HTML5 y me surge una duda. Tengo una Web donde
  tengo
   la cabecera con su menú, debajo tengo un slide dentro de un section y
   debajo quiero maquetar tres cajas que digamos son tres contenidos
   destacados. Lo típico de poner tres cajas en horizontal con su foto,
   título, breve texto y botón link para ampliar la información. La duda
 que
   me surge es si cada caja la tengo que poner dentro de una etiqueta
   section o si por el contrario tengo que crear una etiqueta section
  para
   aglutinar las tres cajas y después cada una de estas etiquetarla como
   article ¿Sería correcto esto?
  
   section
   article
   h3Títtulo/h3
   ...
   /article

Re: [Ovillo] Duda sobre etiquetado correcto en HTML5

2013-02-27 Por tema Eva García
Para que veis más clara la estructura de la Web os comento que es una
tienda online, donde debajo del slide hay tres cajas que son tres enlaces a
tres categorías de productos. Cada caja lleva una imagen, el título de la
categoría, una breve descripción de la categoría y un link a esa categoría.
Debajo van las noticias y debajo opiniones de clientes. La duda que
planteaba es como maquetar esas cajas con enlaces a las categorías
principales. Por lo que he leido entiendo que todo iría dentro de un único
section y no se si cada caja etiquetarla con un article o un div

Que lío esto del HTML5!!!

Gracias de nuevo!


El 27 de febrero de 2013 10:57, Olivier Blázquez obe...@gmail.comescribió:

 Si no tienen nada que ver con el contenido que viene después, igual
 deberías meterlas dentro de un aside, en vez de un section.

 Yo entiendo el section como la sección de un periódico (Nacional, por
 ejemplo), y dentro iría cada noticia dentro de un article. O como la
 sección de una tienda y dentro de cada sección, un producto (article)
 **
 *
 *



 El 27 de febrero de 2013 10:47, Eva García evag...@gmail.com escribió:

  Esas tres cajas .
  Son tres cajas donde en cada un título, descripción y link a una página
  interna. Es un bloque independiente de los demás, así que por lo que me
  comentais esas tres cajas irían dentro de un section. Y ahora la
 siguiente
  duda ¿debería de marcar cada caja con la etiqueta article?
 
  Gracias por el texto Carlos, ya lo había visto googleando ;-)
 
 
 
  El 27 de febrero de 2013 10:37, Carlos Núñez cha...@gmail.com
 escribió:
 
   Te paso un extracto que sigo como referencia:
  
   Uso de div/ en HTML5 orientado a SEO
   La etiqueta div no ha muerto, sigue ahí y sigue significando lo que
  siempre
   ha significado: conjunto de elementos. En ningún momento se ha
  transformado
   a una etiqueta tonta que puedas usar libremente para ayudarte con el
  CSS
   ni ha sido sustituida totalmente por la etiqueta section/.
  
   Por lo tanto nuestro deber es usarla como ayuda a la estructura de
  página:
   como base para crear el layout de de nuestras páginas, siempre y cuando
  no
   exista otra etiqueta de conjunto que represente mejor este papel... En
   otras palabras, div es la herramienta para unir elementos cuando no
  podemos
   asociar significado semántico a este conjunto.
  
   Uso de section/ en HTML5 orientado a SEO
   El uso de seción es muy parecido al de div pero aportando la carga de
   significado mínima posible al contenido. Englobando distintos elmentos
   dentro de una etiqueta section/ lo que estamos haciendo es declarar
 que
   todo su contenido está relacionado y forma parte de un mismo
 significado
  o
   elemento.
  
   La diferencia es sutil pero muy importante: cuando creamos bloques cuyo
   contenido forma un todo usaremos section/, cuando estos bloques
  responden
   más a diseño o a necesidades de estructura usaremos div/gt.
  
   Esta diferenciación también provoca que en todas estas maquetas que
 usan
   200 divs para conseguir que con pocos conociemientos de CSS el diseño
  tome
   forma no pasan a estar bien hechas, pero si que podemos decir que en
  html5
   estan menos mal (dado que al menos hemos marcado con sections los
   conjuntos que si que tienen significado sin liar tanto a los
 buscadores).
  
   Uso de article/ en HTML5 orientado a SEO
   Por último la etiqueta article/ es el siguiente paso a la hora de
   declarar que un cojunto de elmentos en nuestra página tiene
 significado.
  En
   este caso el paso dado es el dar a entender que ese conjunto tiene
   significado claro incluso si lo sacamos totalmente de la página. Es
  decir,
   al incluir algo dentro dentro de la etiqueta article/ lo que estamos
   diciéndole a los buscadores es que dentro de este article podrá
 encontrar
   contenidos únicos con su propio significado.
  
   Esto nos lleva casi siempre a que en páginas normales nuestro contenido
   será el único article/ de la página y en páginas con listados de
   elementos tendremos un article/ por cada elmento del listado (que si
   queremos identificar bien, tendrá un link con rel=bookmark hacia el
   contenido real).
  
   Para que la etiqueta article termine de entenderse comentar que
  idealmente
   esta al ser un contenido con significado propio podría contener en su
   interior etiquetas header/, section/, aside/ y footer/ ya
 que...
  al
   ser contenido propio, ¿porque no pueden tener sus mismas
 carácteristicas?
  
   Uso de aside/ en HTML5 orientado a SEO
   Por ultimo nos queda la etiqueta aside que viene a ser una etiqueta
   section/ venida a menos. Y es que aside sirve para indicar que ese
  bloque
   es solo un añadido a los bloques que tiene al lado. Son datos extra sin
  lo
   que podríamos pasar perfectamente pero que hemos decidido añadir en el
   documento.
  
   Así pues, un aside/ como hijo de la etiqueta body/ nos dice que se
   trata de un contenido añadido por temas que no tienen nada que ver con
 el

Re: [Ovillo] Duda sobre etiquetado correcto en HTML5

2013-02-27 Por tema Eva García
Hola Marcos,

Gracias por la ayuda. Ya he metido por el código que me indicas. Sobre lo
del nav que me comentas me surge una duda. Ya tengo un nav con el menú
principal ¿puedo tener más de un nav en el código?

Gracias de nuevo!



El 27 de febrero de 2013 11:12, marcos méndez filesi
mmfil...@gmail.comescribió:

 entonces yo haría un nav + 3divs.

 y no te olvides de añadir esto pá que funcionen los tags con la tostadora:

 !-- Script Media Queries y semánticos para el Explorer--
 !--[if lte IE 8]
 script src=//html5shiv.googlecode.com/svn/trunk/html5.js/script
 script src=//
 css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js
 /script
 ![endif]--

 `+ en los estilos:


 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 nav,
 section,
 summary {
 display: block;
 }


 + info, que me acabo de acordar que escribí sobre eso

 http://www.mmfilesi.com/blog/las-etiquetas-semanticas-de-html5/




 El 27 de febrero de 2013 11:03, Eva García evag...@gmail.com escribió:

  Para que veis más clara la estructura de la Web os comento que es una
  tienda online, donde debajo del slide hay tres cajas que son tres
 enlaces a
  tres categorías de productos. Cada caja lleva una imagen, el título de la
  categoría, una breve descripción de la categoría y un link a esa
 categoría.
  Debajo van las noticias y debajo opiniones de clientes. La duda que
  planteaba es como maquetar esas cajas con enlaces a las categorías
  principales. Por lo que he leido entiendo que todo iría dentro de un
 único
  section y no se si cada caja etiquetarla con un article o un div
 
  Que lío esto del HTML5!!!
 
  Gracias de nuevo!
 
 
  El 27 de febrero de 2013 10:57, Olivier Blázquez obe...@gmail.com
  escribió:
 
   Si no tienen nada que ver con el contenido que viene después, igual
   deberías meterlas dentro de un aside, en vez de un section.
  
   Yo entiendo el section como la sección de un periódico (Nacional, por
   ejemplo), y dentro iría cada noticia dentro de un article. O como la
   sección de una tienda y dentro de cada sección, un producto (article)
   **
   *
   *
  
  
  
   El 27 de febrero de 2013 10:47, Eva García evag...@gmail.com
 escribió:
  
Esas tres cajas .
Son tres cajas donde en cada un título, descripción y link a una
 página
interna. Es un bloque independiente de los demás, así que por lo que
 me
comentais esas tres cajas irían dentro de un section. Y ahora la
   siguiente
duda ¿debería de marcar cada caja con la etiqueta article?
   
Gracias por el texto Carlos, ya lo había visto googleando ;-)
   
   
   
El 27 de febrero de 2013 10:37, Carlos Núñez cha...@gmail.com
   escribió:
   
 Te paso un extracto que sigo como referencia:

 Uso de div/ en HTML5 orientado a SEO
 La etiqueta div no ha muerto, sigue ahí y sigue significando lo que
siempre
 ha significado: conjunto de elementos. En ningún momento se ha
transformado
 a una etiqueta tonta que puedas usar libremente para ayudarte con
  el
CSS
 ni ha sido sustituida totalmente por la etiqueta section/.

 Por lo tanto nuestro deber es usarla como ayuda a la estructura de
página:
 como base para crear el layout de de nuestras páginas, siempre y
  cuando
no
 exista otra etiqueta de conjunto que represente mejor este papel...
  En
 otras palabras, div es la herramienta para unir elementos cuando no
podemos
 asociar significado semántico a este conjunto.

 Uso de section/ en HTML5 orientado a SEO
 El uso de seción es muy parecido al de div pero aportando la carga
 de
 significado mínima posible al contenido. Englobando distintos
  elmentos
 dentro de una etiqueta section/ lo que estamos haciendo es
 declarar
   que
 todo su contenido está relacionado y forma parte de un mismo
   significado
o
 elemento.

 La diferencia es sutil pero muy importante: cuando creamos bloques
  cuyo
 contenido forma un todo usaremos section/, cuando estos bloques
responden
 más a diseño o a necesidades de estructura usaremos div/gt.

 Esta diferenciación también provoca que en todas estas maquetas que
   usan
 200 divs para conseguir que con pocos conociemientos de CSS el
 diseño
tome
 forma no pasan a estar bien hechas, pero si que podemos decir que
 en
html5
 estan menos mal (dado que al menos hemos marcado con sections los
 conjuntos que si que tienen significado sin liar tanto a los
   buscadores).

 Uso de article/ en HTML5 orientado a SEO
 Por último la etiqueta article/ es el siguiente paso a la hora de
 declarar que un cojunto de elmentos en nuestra página tiene
   significado.
En
 este caso el paso dado es el dar a entender que ese conjunto tiene
 significado claro incluso si lo sacamos totalmente de la página. Es
decir,
 al incluir algo dentro dentro de la etiqueta article/ lo que
  estamos
 diciéndole a los

Re: [Ovillo] Dudas CSS y comportamiento navegadores con link js

2012-04-26 Por tema Eva García
Gracias a todos por las respuestas.

Lo del CSS lo arreglé añadiendo el px a 10, madre mía mira que di vueltas y
vueltas y nada. Y al final lo del JS se solucionó poniendo como me indicó
Ramón, con el onclic y poniendo la barra / antes del nombre del archivo.
La propuesta de Tei me la apunto pero para este proyecto no me servía pues
a esta Web se acceder desde dos dominios distintos.

Gracias a todos de nuevo!!

Eva




El 25 de abril de 2012 16:03, Ramón Corominas
lis...@ramoncorominas.comescribió:

 Me acabo de dar cuenta de que, en el primer selector:

 legend {
   display:block; padding:10; width:100%; background-color:#333;
   color:#fff; margin:0 0 10px 0;
 }

 El valor de padding es 10. Sólo 10. ¿Eso son píxeles, ems o qué? No sé
 si tendrá que ver, pero prueba a ponerle una unidad de medida.

 Saludín,
 Ramón.

 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


[Ovillo] Dudas CSS y comportamiento navegadores con link js

2012-04-25 Por tema Eva García
Buenos días,

Un par de dudas. Estoy aplicando estilos CSS a un formulario y el legend y
el fieldset me está volviendo loca. Lo que quiero es poner un border al
fieldset pero que el legend ocupe todo el ancho del formulario con un color
de fondo. El código es

legend {
display:block; padding:10; width:100%; background-color:#333;
color:#fff; margin:0 0 10px 0;
}

fieldset {
padding:10px; border:1px #333 solid;
}

El caso es que se ve diferente en IE que en Firefox, Chrome, etc. además
soy incapaz de dejar un espacio entre el legend y el primer label.

Otra cosilla que me pasa es en unas páginas que tengo en carpetas
interiores del servidor hago un link javascript a un archivo que está en el
raíz del servidor. El enlace es algo así a
href=javascript:document.location.href='mipagina.php...'

El caso es que en explorer y en firefox funciona bien y me lleva a
midominio.com/mipagina.php... y en Chrome y Safari me lleva a
midominio.com/carpeta-interior/mipagina.php ¿Hay alguna manera de
unificarlo y que funcione?

Gracias!!
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


[Ovillo] Fallo en el envio de HTML por mail

2012-03-15 Por tema Eva García
Hola a Tod@s,

Tengo un problemilla con una página que envía los datos del pedido por mail
al cliente. El caso es que a mi me llega bien pero hay usuarios que ven el
código fuente. El caso es que estos usuarios reciben sin problema mail en
HTML de otras páginas, incluso les he enviado el newsletter por mail y lo
ven correctamente.

No se si los estándares tendrán algo que ver en este asunto. Lo cierto es
que envío el HTML sin doctype ni las etiquetas html head o body, ósea
escribo directamente el html: pBienvenido,.../p table 

¿Alguien con experiencia en el maquetado de newsletter me puede iluminar?

Gracias!!!
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Fallo en el envio de HTML por mail

2012-03-15 Por tema Eva García
Hola,

En primer lugar darle las gracias a Zegol y Tei por ayudarme. Zegol haré
los cambios que me comentas a ver que si así consigo algo.

Tei el problema es que parece el cliente sí soporta HTML pues le llegan
newsletter y boletines en ese formato, el que le llega en texto plano es mi
mail forrajeado con HTML, el content tupe lo marco en las cabeceras de
envío en PHP. Sobre las librerías o clases ¿me podrías aconsejar alguna?

Gracias!



 Escribir un programa de mailing no es trivial, y es mejor dejarlo para
 librerias (o clases) ya existentes.
 En cualquier caso lo que seguramente pasa es que no estas indicando
 que el contenido es text/html, y algunos clientes lo deducan bien, y
 otros mal.  Indicarlo en los headers con un Content-Type: text/html;
 charset=UTF8 podria funcionar, pero he oido decir (no se si es
 verdad) que viola los estandares. Lo legal es que lo enpaquetes todo
 con formato mime multiparte, y que haya una partes text/plain y otra
 text/html. De modo que los clientes que no soportan html saquen la
 version de texto, y los demas saquen la version de html.



 --
 --
 ℱin del ℳensaje.
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Fallo en el envio de HTML por mail

2012-03-15 Por tema Eva García
Hola Tei,

En realidad no estoy enviado mails masivo simplemente es la típica Web que
si te das de alta te envía un mail de bienvenida y si haces una compra
(solo se puede comprar un producto), te envía un mail de confirmación, lo
único que ese mail como te comentaba está formateado en HTML.

Gracias!



El 15 de marzo de 2012 17:43, Tei oscar.vi...@gmail.com escribió:

 Ahora mismo no recuerdo cual clase he usado en mis proyectos, pero
 supongo que cualquiera mas o menos vale.
 Googleando un poco he encontrado una referencia a PHP Mailer.

 http://promineostudios.com/blog/articulo/phpmailer-enviar-correos-electronicos-con-php
 Estas clases te suelen permitir meter html y txt de forma limpia y
 segura, incluso enviar de forma limpia y segura... es decir:  sabiendo
 la clase comunicarse con servidores locales (como hace mail()  ),
 servidores remotos smtp, servidores con autentificacion,etc.
 Si lo que estas haciendo es un programa que envía un boletín a cientos
 de usuarios, también hay software para esto, si no quieres escribirlo
 a pelo,  aunque imagino que ya sera demasiado tarde si has seguido
 esta linea.


 2012/3/15 Eva García evag...@gmail.com:
 ...
  Tei el problema es que parece el cliente sí soporta HTML pues le llegan
  newsletter y boletines en ese formato, el que le llega en texto plano es
 mi
  mail forrajeado con HTML, el content tupe lo marco en las cabeceras de
  envío en PHP. Sobre las librerías o clases ¿me podrías aconsejar alguna?
 


 --
 --
 ℱin del ℳensaje.
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

[Ovillo] Vulnerabilidad HTML

2010-12-15 Por tema Eva García
Buenos días,

Una de mis páginas Web ha sido hackeada y la empresa de hosting dice que es
una vulnerabilidad del código de la página.

La página está echa en html con extensión php pues utilizo includes para no
tener que estar repitiendo el código de cabecera y menú en todos los
archivos. Unicamente utilizo la funcion mail para enviar los datos de un
formulario. Nada más.

¿Creeis que se puede hackear una página HTML por una vulnerabilidad del
mismo? No había oido nada parecido en mi vida, me da la sensación que la
empresa de Hosting me está contando una milonga para lavarse las manos.

Saludos y gracias

Eva
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Vulnerabilidad HTML

2010-12-15 Por tema Eva García
Hola a t...@s,

Lo primero gracias por las respuestas.

Imaz el formulario están en html, paso el contenido por el método post y la
página siguiente lo que hace es recoger las variables y enviarlas con la
función mail ¿como se puede hackear? o mejor dicho ¿como se podría mejorar
el formulario para evitar el hackeo?

Los includes hacen llamadas a una serie de ficheros que únicamente contienen
código html y la llamada la hago con ? include(nombredelfichero.php); ?
¿está mal hecho?

Xavier aun no he restaurado la página para poder ver el código.

Resumiento, ¿descartáis que no sea el motivo un problema de seguridad del
servidor?

Saludos y gracias

Eva


El 15 de diciembre de 2010 13:04, Xavier Araque A.|Rendergraf 
xavierara...@gmail.com escribió:

 Si vemos el código sería mejor

 El 15 de diciembre de 2010 07:27, Juan Miguel Imaz
 ima...@adimedia.netescribió:

  Una página con un formulario es MUY susceptible de ser hackeada.
 
  Incluso únicamante con includes, si están mal hechos, es hackeable.
 
 
  El 15/12/2010 12:52, Eva García escribió:
   Buenos días,
  
   Una de mis páginas Web ha sido hackeada y la empresa de hosting dice
 que
  es
   una vulnerabilidad del código de la página.
  
   La página está echa en html con extensión php pues utilizo includes
 para
  no
   tener que estar repitiendo el código de cabecera y menú en todos los
   archivos. Unicamente utilizo la funcion mail para enviar los datos de
 un
   formulario. Nada más.
  
   ¿Creeis que se puede hackear una página HTML por una vulnerabilidad del
   mismo? No había oido nada parecido en mi vida, me da la sensación que
 la
   empresa de Hosting me está contando una milonga para lavarse las manos.
  
   Saludos y gracias
  
   Eva
   ___
   Lista de distribución Ovillo
   Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
   Puedes modificar tus datos o desuscribirte en la siguiente dirección:
  http://lists.ovillo.org/mailman/listinfo/ovillo
  
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
  http://lists.ovillo.org/mailman/listinfo/ovillo
 



 --
 -Xavier-

 La paciencia es una virtud, La constancia nos lleva al éxito - Patience is
 a
 Virtue, Perseverance leads to success.

 Las cosas más importantes no son la mayoría de las cosas.

 3D Character Development, Graphic Designer and Web Engineer

 http://linuxtachira.org
 http://rendergraf.wordpress.com @rendergraf
 http://xavieraraque.wordpress.com @xavieraraque
 http://www.rendergraf.org
 i...@rendergraf.org
 Facebook: http://bit.ly/99CncX
 LinkedIn: http://linkd.in/aOCWbc
 msn:xavierara...@hotmail.com msn%3axavierara...@hotmail.com 
 msn%3axavierara...@hotmail.com msn%253axavierara...@hotmail.com
 Telf.: +58 416 1027262
 Linux counter: 292510 at http://counter.li.org
 Táchira-Venezuela
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Vulnerabilidad HTML

2010-12-15 Por tema Eva García
Hola a t...@s,

Gracias por las respuestas. Como decía no utilizo base de datos, ni
wordpress, ni ningun gestor de contenidos, es html con el tema de los
includes y el formulario que ya comenté en un mail anterior.

Los enlaces que habéis compartido conmigo me parecen de gran utilidad,
páginas explicando fallos de seguridad, clases para evitar ataques, detector
de intrusos, etc. Lo que haré será leerme toda esta documentación y mejorar
la Web en todo lo que pueda para que no vuelva a suceder y restaurar la
página.

Muchas gracias!

Eva



El 15 de diciembre de 2010 13:31, Jimmy Collazos || acido || cuatroxl.com 
acid...@gmail.com escribió:

 Como bien dicen, casi todos: Sin saber que estás haciendo es complicado
 decirte que has echo mal.

 ¿tienes base de datos?
 ¿que haces con los parámetros del formulario que envías?
 ¿usas algún CMS, librería o parecido?


 --

 
  J i m m y  C o l l a z o s :

 
 desarrollado web; estándar, accesible, escalable

 
acido69
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Vulnerabilidad HTML

2010-12-15 Por tema Eva García
Hola de nuevo,

Lo que han hecho es borrar todos los archivos del directorio raiz y han
colocado un archivo index.html con unos simbolos en arabe. Los curioso es
que los subdirectorio que utilizo para las imagenes, includes, etc. no han
sido borrado y están ahí todos los archivos.

Saludos,

Eva




2010/12/15 Camilo Kawerín camilokawe...@gmail.com

 Hola,

 Creo que ya aclaró que la página es simple y sólo usa PHP para incluir las
 partes que se repiten, sin nada raro, y para enviar mail.

 La gente de soporte de los servicios de hosting tienen la costumbre de
 llamarle hackeo a cualquier cosa y siempre es por un error de
 programación.

 La pregunta, Eva, es ¿exactamente qué le ocurrió a la página?

 Saludos

 2010/12/15 Jimmy Collazos || acido || cuatroxl.com acid...@gmail.com

  Como bien dicen, casi todos: Sin saber que estás haciendo es complicado
  decirte que has echo mal.
 
  ¿tienes base de datos?
  ¿que haces con los parámetros del formulario que envías?
  ¿usas algún CMS, librería o parecido?
 
 
  --
 
 
 
   J i m m y  C o l l a z o s :
 
 
 
  desarrollado web; estándar, accesible, escalable
 
 
 
 acido69
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
  http://lists.ovillo.org/mailman/listinfo/ovillo
 



 --
 Camilo Kawerín
 kawerin.com.ar
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Vulnerabilidad HTML

2010-12-15 Por tema Eva García
Hola a t...@s de nuevo,

En primer lugar vuelvo a daros las gracias a todos por vuestros mensajes.

El sexto sentido que tenemos las mujeres (;-)) me ha hecho pensar que si mi
página había sido hackeada y fuera un problema del servidor es posible que
otras páginas con las que comparto hosting estuvieran también con el mismo
problema. Pues bien he mirado cual era mi dirección IP y he buscado páginas
que compartan mi alojamiento. Pues bien, muchas de ellas tienen el mismo
problema que yo, hackeadas con el mismo index.html, lo que me hace pensar
que se más que un problema en mi página el problema de seguridad ha estado
en la empresa de hosting ¿que os parece?

Saludos y mil gracias de nuevo!

Eva




El 15 de diciembre de 2010 15:44, Gerardo Oscar Jimenez Tornos 
gerardoosca...@gmail.com escribió:

 Hasta que no veamos el código no podemos hacer nada. Vamos a ciegas. Es
 como
 conducir de noche sin las luces puestas.

 Por favor, péganos el código y así intentamos ayudarte. No temas por pegar
 el código si no tienes claves a la vista.

 Un saludo


 Gerardo




 El 15 de diciembre de 2010 15:31, Jose Florido joseflor...@gmail.com
 escribió:

  Si es un form para enviar email, lo mas comun es que sea inyeccion de
  cabeceras de correo en la funcion mail() de php.
 
  Basicamente no estas comprobando bien los parametros que recibes del
  formulario, pero tu HTML no tiene porque estar mal, simplemente al
  recibir las variables en PHP tienes que evitar ciertos caracteres
  (minimo \r y \n).
 
  Problemas de este tipo se suelen utilizar para enviar spam desde tu
  formulario a terceras partes. Aunque tu formulario no permita
  especificar la cebecera To:, mediante abuso del Subject: pueden hacer
  que el email vaya a otras direcciones de correo y el servidor
  encargado del envio de spam seria el tuyo.
 
  Mas detalles: http://www.securephpwiki.com/index.php/Email_Injection
 
 
  2010/12/15 Leandro Asrilevich bea...@gmail.com:
   Eva por lo que contas es mas que probable que el problema es del
 hosting
  y
   no tuyo.
  
   Recuerdo que una vez probando en un servidor propio instale uno de los
   paneles mas avabzados que vi de servicio de hosting, y al mes a travez
 de
   una vulnerabilidad del codigo del panel, por medio de un bot realizaron
  lo
   mismoq ue te ha pasado a vos, borraron todos los files de cada uno de
 los
   vhosts creados en el servidor mediante el panel, y pusieron un
 index.html
   con una reseña al grupo de hackers.
  
   Que panel de administracion tiene tu servicio de hosting?.. yo
 apuntaria
  por
   ese lado.
   _
  
   Leandro Asrilevich | www.beastxblog.com
   FrontEnd Developer
   Movil: +54 (11) 15 3663 0011
  
   Web: http://www.beastxblog.com
   MSN: bea...@gmail.com
   Skype User: leandro.asrilevich
  
   Dorrego 328
   Muniz - Partido de San Miguel
   Buenos Aires - Argentina
  
  
   2010/12/15 Camilo Kawerín camilokawe...@gmail.com
  
   Creo que la única manera en que podrían haberlo hecho, si fuera
 gracias
  una
   vulnerabilidad del sitio, es mediante un script PHP que hubieran
 subido
  a
   tu
   servidor desde un formulario. Si no hubiera manera de subir archivos
 al
   servidor desde una página del sitio, se me ocurre entonces que el
 ataque
   tuvo que haber sido conectándose al FTP. De todos modos, te recomiendo
  que
   insistas con el soporte del hosting para que te den más información,
  tanto
   para demostrar que el problema se debe a una vulnerabilidad del sitio
  como
   para descartar que hubiera sido otro tipo de acceso.
  
   Saludos y suerte!
  
   2010/12/15 Eva García evag...@gmail.com
  
Hola de nuevo,
   
Lo que han hecho es borrar todos los archivos del directorio raiz y
  han
colocado un archivo index.html con unos simbolos en arabe. Los
 curioso
  es
que los subdirectorio que utilizo para las imagenes, includes, etc.
 no
   han
sido borrado y están ahí todos los archivos.
   
Saludos,
   
Eva
   
   
   
   
2010/12/15 Camilo Kawerín camilokawe...@gmail.com
   
 Hola,

 Creo que ya aclaró que la página es simple y sólo usa PHP para
  incluir
las
 partes que se repiten, sin nada raro, y para enviar mail.

 La gente de soporte de los servicios de hosting tienen la
 costumbre
  de
 llamarle hackeo a cualquier cosa y siempre es por un error de
 programación.

 La pregunta, Eva, es ¿exactamente qué le ocurrió a la página?

 Saludos

 2010/12/15 Jimmy Collazos || acido || cuatroxl.com 
  acid...@gmail.com

  Como bien dicen, casi todos: Sin saber que estás haciendo es
   complicado
  decirte que has echo mal.
 
  ¿tienes base de datos?
  ¿que haces con los parámetros del formulario que envías?
  ¿usas algún CMS, librería o parecido?
 
 
  --
 
 

   
  
 
 
   J i m m y  C o l l a z

[Ovillo] [OT] Optimizar imagenes en PNG

2009-03-02 Por tema Eva García
Buenos días y perdón por el OT

Estoy maquetando una Web y me encuentro con que varias imágenes que son
recortes de personas, objetos, etc. tengo que crearlos en png ya que en
formato gif los border me aparecen muy pixelados.

Estoy trabajando con photoshop y veo que en la opción optimizar Web me
aparecen dos tipo de ficheros PNG, uno el PNG8 y el PNG24. Haciéndolo con
PNG8 consigo que la imagen tenga un peso más o menos acpetable pero me
aparecen los border muy pixelados. Sin embargo utilizando el formato PNG24
me encuentro con que la imagen aparece perfecta pero pesa bastante más que
con el PNG8.

Es la primera vez que utilizo imágenes PNG y no se si se me está escapando
algo porque he estado navagando por varias páginas web que utilizan PNG y
veo que los border de los recortes aparecen perfectos y el peso de la imagen
es aceptable.

¿Que estoy haciendo mal? ¿Se me está escapando algo? ¿Hago bien en utilizar
photoshop para esto?

Muchas gracias a todos,

Eva
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] [OT] Optimizar imagenes en PNG

2009-03-02 Por tema Eva García
Hola,

Gracias por las respuestas.

El fondo de la Web que va por detrás de las imágenes no es liso por eso no
puedo poner un color en mate.

Por otra parte por lo que comentáis debería de utilizar el formato PNG24 que
es el que me está dando calidad. La cosa es que con la imagen PNG24 la
imagen me pesa 114kb ¿creeis que es mucho peso para una imagen? Veo que
photoshop no me muestra opción para bajar el peso a las imágenes PNG24 ¿Es
habitual utilizar este formato para el diseño Web?

Muchas gracias de nuevo,

Eva







El 2 de marzo de 2009 10:40, Rodrigo Álvarez Virgós
rodri.vir...@gmail.comescribió:

 Hola, Eva

 Eva García escribió:
  Buenos días y perdón por el OT
 
  Estoy maquetando una Web y me encuentro con que varias imágenes que son
  recortes de personas, objetos, etc. tengo que crearlos en png ya que en
  formato gif los border me aparecen muy pixelados.
 
  Estoy trabajando con photoshop y veo que en la opción optimizar Web me
  aparecen dos tipo de ficheros PNG, uno el PNG8 y el PNG24. Haciéndolo con
  PNG8 consigo que la imagen tenga un peso más o menos acpetable pero me
  aparecen los border muy pixelados. Sin embargo utilizando el formato
 PNG24
  me encuentro con que la imagen aparece perfecta pero pesa bastante más
 que
  con el PNG8.
 
  Es la primera vez que utilizo imágenes PNG y no se si se me está
 escapando
  algo porque he estado navagando por varias páginas web que utilizan PNG y
  veo que los border de los recortes aparecen perfectos y el peso de la
 imagen
  es aceptable.
 
  ¿Que estoy haciendo mal? ¿Se me está escapando algo? ¿Hago bien en
 utilizar
  photoshop para esto?
 
 

 Se ha hablado mucho del formato png en las últimas semanas en esta
 lista. Un png-8 básicamente es un gif: permite transparencia, pero sólo
 dos-elevado-a ocho (es decir, 256) colores. Si tu imagen tiene 5000
 colores: png-8 elige 256 y desecha los 4744 restantes, por eso se ve
 pixelada.

 Png-24 utiliza dos-elevado-a veinticuatro colores (más de dieciséis
 millones), y por tanto no tienes pérdida de color.
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


[Ovillo] [OT] Como presupuestar esto

2008-11-28 Por tema Eva García
Hola amigos,

Perdonar por este OT pero es que estoy muy perdida. Vereis, una empresa de
desarrollo Web de Madrid me ha pedido un presupuesto para crear diseños de
páginas Web para sus clientes y maquetación de las mismas.

La cosa es que me piden tres diseños de la home distintos para que el
cliente elija o haga una combinación entre los tres o lo que sea. Después
tendría que desarrollar una página interior para ver como quedaría. Después
de esto tendría que maquetarlo todo con estándares XHTML y CSS.

El dilema lo tengo en que la empresa me va a comprar un diseño pero yo tengo
que hacer tres y no se si pasarle precio por tres diseño o por uno. Si les
paso precio de tres me pueden decir que es muy caro y si les paso uno creo
que estaré perdiendo dinero.

Hasta ahora las empresas con las que trabajo me pedían un diseño, ese diseño
lo enseñaban al cliente y en base a la opinión del cliente se hacían las
modificaciones correspondientes pero es que ahora no se como afrontar este
tema.

Seguro que alguno de vosotros está trabajando con esta metodología y me
gustaría saber como enfocarlo y si me podéis dar una orientación de cuanto
podría cobrar os lo agradecería porque ya os digo que estoy perdidísima.

Muchas gracias de corazón,

Eva
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo