Foros del Web
Página 2 de 2 1 2
Mostrar 50 mensajes desde este tema en una página

Foros del Web (http://www.forosdelweb.com/)
-   HTML (http://www.forosdelweb.com/f4/)
-   -   FAQ's de HTML (http://www.forosdelweb.com/f4/faqs-html-121478/)

sowhat 12/05/2004 00:59
FAQ59
 
P: ¿Cpmo proteger mi website de spiders(maquinas en busca de direcciones mail para enviar correos no deseados)?

R: Varias respuestas:

-Codificar el link, esta pagina lo hace automaticamente, aunque puedan aprender esa codificación los spiders.

-Formulario donde los visitantes ingresen sus datos y un comentario y que esto te llegue via mail.

-Poner en tu servidor un buen filtro de spam.

-Poner una dirección del tipo [email protected] pero solo es efectivo si el usuario entiende un poquito..

-Codificando el link mediante este javascript:
Código:
<script language="javascript">
var a,b,c,d,e,f,g,C

a= "mai"
b="lto:peri"
c="co@"
d="delo"
e="spalo"
f="tes.c"
g="om"

C=a+b+c+d+e+f+g
</script>

Link para el correo le puedes poner algo como......

<a href="correo" onmouseover="this.href=C"> e-mail </a>
-Meter el mail en una imagen (un gif por ej), si lo combinamos ademas con el codigo javascript sera una buena solución.

-Tener el mail en un archivo de flash..., ¿Funcionara? Ya que google si es capaz de buscar en flash.

Soluciones sacadas de este post

Saludos!! :adios: :adios:

Carlitos 12/06/2004 03:47
FAQ 60 W3C Palette
 
  • Color: ██████████ Black;
  • Color: ██████████ Navy;
  • Color: ██████████ Blue;
  • Color: ██████████ Maroon;
  • Color: ██████████ Purple;
  • Color: ██████████ Green;
  • Color: ██████████ Red;
  • Color: ██████████ Teal;
  • Color: ██████████ Magenta;
  • Color: ██████████ Olive;
  • Color: ██████████ Gray;
  • Color: ██████████ Lime;
  • Color: ██████████ Aqua;
  • Color: ██████████ Silver;
  • Color: ██████████ Yellow;
  • Color: ██████████ White;

Modificación de la FAQ 28 de Core: W3C Palette

Khronos 01/09/2004 08:22
Faq 61
 
Bloquear el contenido de una página hasta que se carguen todos sus elementos.

Ideal para páginas con muchas imágenes o galerías.

El fin es evitar que el usuario haga clic sobre una imagen mientras otras aun estén en proceso de carga, lo cual pudiere evitar que dicho proceso culmine exitosamente.

Método 1

Este procedimiento ha sido probado tanto para Internet Explorer como para Mozilla Firefox

1.- Colocar el siguiente javascript entre <head> y </head>
<script language="JavaScript" type="text/javascript">
function muestraGranDiv(){
document.getElementById('granDiv').style.visibilit y = "visible";
document.getElementById('cargando').style.visibili ty = "hidden";
}
</script>
2.- Cargar javascript (invocar función) en body mediante evento onLoad
<body onload="muestraGranDiv()">
3.- Colocar DIVs dentro del body
<div id="cargando" style="width: 100%; height: 500px; position: absolute; padding-top:20px; text-align:center"><span class="fontloadingcont">Loading content. Please wait...</span></div>
<div id="granDiv" style="visibility:hidden;">

resto del contenido dentro del DIV

<div>
El div de id="cargando", se usaría para colocar una advertencia al usuario, con la intención de que espere mientras se carga el contenido de la página. Fíjese que, obligatoriamente este div id="cargando", debe estar antes del div id="granDiv"

Para el aviso al usuario sobre la espera mientras se carga el contenido, puede usarse una imagen en vez de texto:
<div id="cargando" style="width: 100%; height: 500px; position: absolute; padding-top:20px; text-align:center"><img src="loading_content.gif"></div>
<div id="granDiv" style="visibility:hidden;">

resto del contenido dentro del DIV

<div>
El class="fontloadingcont" es el siguiente (puede ser usado como CSS interna o en un archivo CSS externo y es opcional):
<style type="text/css">
.fontloadingcont {
font-size: 20px;
font-weight: bold;
}
</style>
Si no desea usar un estilo CSS sobre el texto, no será necesario que mantenga las etiquetas <span></span>

Método 2

Otra posible forma de conseguir el objetivo

1.- Deshabilitar los links de las imágenes para que no ejecuten la función correspondiente
<a href="pagina.htm" onclick="return false"><img src="imagen.jpg" /></a>
2.- Colocar el siguiente javascript dentro de <head> y </head>
<script type="text/javascript">
function enlaces(){
for(m=0; m<document.getElementsByTagName('a'); m++){
document.getElementsByTagName('a')[m].onclick= function(){return true}
}
}
</script>
3.- Invocar la función dentro del body, mediante el evento onLoad
<body onload="enlaces()">
******************************************


Aviso:
Esta breve ayuda es un simple resumen de un tópico encontrado en la sección (X)HTML, bajo el número 228025. Sin embargo, la idea original proviene del usuario claray y una respuesta emitida por él en el tópico de número 224815. Posteriormente, la moderadora tunait aportó información para ampliar la ayuda y mejorar los códigos, permitiendo su compatibilidad tanto con Internet Explorer como con Mozilla, e incluso agregando posibilidad de colocar una advertencia para que el usuario espere mientras carga la página. El Método 2, proviene también como aporte de la moderadora tunait.
El resumen es aporte del usuario Khronos, quien no pretende atribuirse crédito alguno de las ideas provenientes de los autores(as) originales.

Zhak 15/12/2004 17:58
Faq 62
 
P- ¿Cómo hago para que el texto de mi celda esté siempre arriba, al centro o abajo?
R- Debes poner valign en la etiqueta td, ejemplo:
Código HTML:
<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="40" valign="top">Este texto est&aacute; alineado arriba </td>
  </tr>
  <tr>
    <td height="40" valign="middle">Este texto est&aacute; alineado al centro </td>
  </tr>
  <tr>
    <td height="40" valign="bottom">Este texto est&aacute; alineado abajo </td>
  </tr>
  <tr>
    <td height="40" valign="baseline">Este texto est&aacute; alineado en la l&iacute;nea de base </td>
  </tr>
</table>

tunait 28/12/2004 13:20
Faq 63
 
P-/ ¿Cómo puedo ocultar la url, encabezado y pie de página al imprimir una página web?

R-/

http://www.forosdelweb.com/f53/ocultar-url-imprimir-253998/
http://www.forosdelweb.com/showthrea...light=imprimir
http://www.forosdelweb.com/showthrea...light=imprimir
http://www.forosdelweb.com/showthrea...light=imprimir
http://www.forosdelweb.com/showthrea...light=imprimir
http://www.forosdelweb.com/showthrea...light=imprimir

JavierB 14/01/2005 08:56
Faq 64
 
Manuales y tutoriales de XHTML

- Manuales oficiales del World Wide Web Consortium (W3C):

XHTML Básico - http://www.w3.org/TR/xhtml-basic/ (Inglés)
XHTML 1.0 - http://www.w3.org/TR/xhtml1/ (Inglés)
XHTML 1.1 - http://www.w3.org/TR/xhtml11/ (Inglés)

XHTML Básico - http://www.sidar.org/recur/desdi/tra...tml-basic.html (Español)
XHTML 1.0 - http://www.sidar.org/recur/desdi/tra...ml/xhtml11.htm (Español)
XHTML 1.1 - http://www.sidar.org/recur/desdi/tra...html11_es.html (Español)

FAQs XHTML - http://www.w3c.es/Traducciones/es/Ma.../xhtml-faq.htm (Español)
Modularización XHTML - http://www.sidar.org/recur/desdi/tra...tml/index.html(Español)


- Otros tutoriales:

HTML en castellano - http://www.programacion.net/html/tutorial/xhtml/ (Español)
Desarrolloweb - http://www.desarrolloweb.com/manuales/27/#capitulos (Español)
Área Linux - http://www.acatlan.unam.mx/linux/xhtml/ (Español)
w3schools - http://www.w3schools.com/xhtml/xhtml_reference.asp (Inglés)
HTML con clase - http://html.conclase.net/ (Español)
HTML 4.01 - http://html.conclase.net/w3c/html401-es/cover.html (Español)


* Si conoces otros manuales y tutoriales dinoslo para irlos añadiendo *

El_Metallick 17/07/2005 17:03
FAQ 65 - Tutoriales
 
Hola amigos... no se si conocen esta página pero yo cuando la vi la encontre genial es un tutorial pero no comun y corriente es un VIDEOTUTORIAL.... bueno aqui les dejo el link

http://www.nomaster-reloaded.com/tele/xhtml.htm

Saludos

kahlito 29/07/2005 23:07
FAQ 66 - Insertar código de caracteres en Html
 
P- ¿Cómo puedo insetar un código de caracteres en Html?
R- Por ejemplo consultando la siguiente tabla e introduciendo el código correspondiente, el cual luego te devolverá un símbolo:

Tabla de caracteres

:adios:

tunait 14/10/2005 11:11
FAQ 67- Menús o capas encima de un flash
 
p-/ cuando quiero abrir un submenú, este siempre se muestra por debajo de la película de flash. Hay alguna forma de solucionar esto ??

R-/
http://www.forosdelweb.com/f4/flash-sobre-mi-menu-javascript-232238/
http://www.forosdelweb.com/f4/problemas-con-capas-menu-flash-273007/

http://www.forosdelweb.com/f16/flash-por-delante-menu-javascript-306214/
http://www.forosdelweb.com/f16/animacion-sobre-menu-295264/
http://www.forosdelweb.com/f16/menu-rollover-html-sobre-pelicula-flash-270695/

moron 08/08/2006 13:14
P- ¿Dos submits en el mismo formulario?

R-/
http://www.desarrolloweb.com/faq/89.php

urgido 27/08/2006 04:23
P: HACER ANIMACIÓN EN FLASH TRANSPARENTE (PRIORIDAD, JAVASCRIPT O SIMILARES)

R: http://www.adobe.com/cfusion/knowled...fm?id=tn_14201

Aunque el tema ya esta puesto arriba por la Gran Tunait no esta de más un poco de información adicional.

stock 27/03/2007 13:24
Re: FAQ's de HTML
 
Pregunta: Como crear un documento XHTML correctamente?
Respuesta: La estructura correcta de un XHTML utilizando el doctype XHTML 1.0 Strict es la siguiente.

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1;" />
<title>El titulo del documento</title>
</head>
<body>

</body>
</html>
para mayor información visitar el siguiente link
http://www.crysfel.com/index.php/200...a-de-un-xhtml/

Have funnnnnnnn :adios:

Mikmoro 29/10/2008 02:49
Codificación UTF-8 y caracteres extraños
 
P.- ¿Por qué si mi documento está codificado como UTF-8 en el navegador salen caracteres extraños?

R.- Hay muchas empresas de hosting que no tienen habilitado por defecto el juego de caracteres (charset) UTF-8, por lo que, aunque tú codifiques tus archivos en ese juego y lo declares en la cabecera del documento, en realidad ellos no lo sirven, y al navegador del visitante llega como Occidental ISO 8859-1, que es el charset en el que ellos sirven por defecto.

Normalmente basta con pedir a la empresa de hosting para que habiliten el juego de caracteres en tu espacio, que no suele ser gran problema porque es una modificación simple en la configuración del servidor. En el momento que lo habilitan, el navegador recibe los archivos como UTF-8 en caso de que estén guardados en ese sistema y coincida con la cabecera donde declaras el juego de caracteres.

daPhyre 30/10/2008 11:39
FAQ #72 - Favicons
 
Extensión al FAQ #7

¿Cómo puedo poner un ícono al lado de la barra de direcciones?

Este ícono se llama Favicon, y para ponerlo se agrega una de estas líneas dentro del head:

Código:
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<link rel="icon" type="image/x-icon" href="favicon.ico" />
Mi favicon no se ve en Internet Explorer

Aunque muchos navegadores soportan imágenes para mostrar favicons, Internet Explorer solo soporta archivos .ico; Cambiar la extensión no funciona, por lo que necesitas crearlo con un software especial para ello. Si no cuentas con un software para crear íconos, puedes usar esta aplicación en línea: favicon.cc

Algunas veces es necesario limpiar el caché del navegador para ver los cambios en el favicon.

Cree un ícono animado en la página que dices, pero no se ve en Internet Explorer

Internet Explorer tampoco soporta íconos animados, solo estáticos. Para los que quieren mostrar un ícono animado en su web, una técnica popular es crear tanto un ícono animado como uno estático, y usarlos de la siguiente forma:

Código:
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<!--[if IE]>
<link rel="shortcut icon" type="image/x-icon" href="favicon-no-animado.ico" />
<![endif]-->

kseso? 16/10/2009 10:09
Respuesta: FAQ's de HTML
 
P.- ¿Hay comentarios condicionales para otros navegadores no ie?
R.- No los hay como tales, pero sí podemos manipularlos, pervirtiendolos, para lograr que parezca que sí y ocultar código a los ie y el resto de navegadores que lo muestre.

A raíz de la consulta realizada en este tema salió esta página como ejemplo usando lo que algunos llaman "anticomentario condicional" y otros "no-comentario condicional".

Dejo el código por si desaparece dicha página:
Código html: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
  3. <head>
  4. <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
  5. <title>Kseso? Jugando con css</title>
  6. <style type="text/css">
  7.  * {
  8.     margin: 0;
  9.     padding: 0;
  10.     border: 0;
  11.     outline: 0;
  12.   }
  13. html, body {
  14.   font-weight:normal;
  15.     font-size: 100%;
  16.     height:100%;
  17.   }
  18. .contenedor{
  19.     width:966px;
  20.     margin: 0 auto;
  21. }
  22. ul {
  23.   width: 65%;
  24.   margin: 0 auto;
  25.   
  26. }
  27. ul li {
  28.   display: block;
  29.   list-style-type: none;
  30. }
  31. ul li a {
  32.   display: block;
  33.   padding: 20px 0;
  34.   width: 100%;
  35.   text-align: center;
  36.   color: #cdcdcd;
  37.   background: #444;
  38.   text-decoration: none;
  39.   font-size: 1em;
  40.   font-family: monospace;
  41. }
  42. ul li a:visited, ul li a:hover, ul li a:active {
  43.   color: #7F9000;
  44.   background: #cdcdcd;
  45. }
  46. </style>
  47.  
  48. </head>
  49. <body>
  50. <div class="contenedor">
  51. <ul>
  52.     <!--[if !IE]>-->
  53.         <li><a href="#">Qué buen navegador usas</a></li>
  54.     <!--<![endif]-->
  55.     <!--[if !IE]>-->
  56.         <li><a href="#">Para todos los navegadores menos ie6</a></li>
  57.     <!--<![endif]-->
  58.     <!--[if IE 6]>
  59.     <li><a href="#">¿IE6? Qué mal rollo. Podrías actualizarte</a></li>
  60.     <![endif]-->
  61.     <!--[if IE 6]>
  62.     <li><a href="#">Sólo para ie6</a></li>
  63.     <![endif]-->
  64.     <!--[if IE 7]>
  65.     <li><a href="#">¿IE7? Podría ser peor, pero también mejor.</a></li>
  66.     <![endif]-->
  67.     <!--[if IE 8]>
  68.     <li><a href="#">¿IE8? Bueno, andas al día, pero anímate y prueba</a></li>
  69.     <![endif]-->
  70.     <!--[if gt IE 6]>
  71.     <li><a href="#">Para todos los navegadores menos ie6</a></li>
  72.     <![endif]-->
  73. </ul>
  74. </div>
  75. </body>
  76. </html>
Los estilos son prescindibles y sólo a efectos visuales.
Una "explicación" del funcionamiento de los "no-comentarios" la ofreció MIkmoro en aquí.

Posíblemente tenga más de curiosidad/juego/floritura que de práctico y efectivo.

ferwall 17/05/2010 22:19
FAQ 74 - Diferencia entre HTML y XHTML.
 
Esto es mas para los novatos, para que sepa cual es puntualmente la diferencia entre html y xhtml, mas allá de las diferencias siempre expuestas, que mas que diferencias son ventajas como por ej, que el xhtml es mas fácil y rápido de indexzar para los robots de los buscadores, que las paginas xhtml cargan mas rápido, que se visualizan mejor en todos los navegadores, etc.

* Todas las etiquetas (tags) deberán ir escritas en minúsculas.
<BODY>
<P>Mal usado</P>
</BODY>
<body>
<p>Bien usado</p>
</body>

* Todos los valores de atributos entrecomillados.
<div id=contenido></div> mal usado
<div id="contenido"></div> bien usado

* Los valores minimizados están prohibidos.
<input type="checkbox" name="test" value="si" checked/>
<input type="checkbox" name="test" value="si" checked="checked">

* Todas las etiquetas correctamente anidadas.
<div><ul><li>texto</div></ul></li> Mal usado
<div><ul><li>texto</li></ul></div> Bien usado

<html><body><p>Bien usado</p></body></html>

* Todas las etiquetas deben ir cerradas.
<html>
<body>
<h1>Estudio contable
<h2> Gonzales S.A
<p> este es un estudio muy bonito.
</body>
</html>

<html>
<body>
<h1> Estudio contable</h1>
<h2> Gonzales S.A </h2>
<p> este es un estudio muy bonito. </p>
</body>
</html>

O las etiquetas omitag:
<link rel="stylesheet" type="text/css" href="estilos.css" />
<br />
<img src="patito.jpg" />

* Es necesaria la declaración de tipo de documento.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

* Una pagina XHTML no debe tener cambio de fuentes, ni de colores, ni nada relacionado con el diseño, solo el contenido. Para el diseño usamos las CSS.

PD: bueno básicamente eso es lo que arme de algunas paginas que vi en internet y modifique algunos ejemplos para que se entienda mejor, si no sirve bórrenlo no hay rencores jaja.

emprear 09/07/2010 01:54
Insertar Flash XHTML válido - CrossBrowser
 
Ultimamente he visto muchas preguntas acerca de insertar contenido Flash en nuestras páginas, que valide como XHTML y sea compatible con los principales navegadores.
Muchos se inclinan por la utilización de una librería JavaScript llamada SWFOject ó bien por un método alternativo, que requiere de los condicionales para IE y un swf extra(método Satay)
El siguiente método sólo utiliza HTML , no necesita de condicional alguno y valida para XHTML 1.0 Strict.


Código HTML: 
Ver original
  1. <object type="application/x-shockwave-flash" data="b.swf" width="400" height="300">
  2.       <param name="movie" value="b.swf" />
  3.       <param name="loop" value="false" /> 
  4.       <param name="menu" value="true" />
  5.       <param name="play" value="true" />
  6.       <param name="bgcolor" value="#8897db" />
  7.  
  8.       <p>Flash Player no se encuentra o la versión no es compatible, utiliza el siguiente link para ir a la página de descarga <br />
  9. <a href="http://get.adobe.com/es/flashplayer/" onclick="this.target='_blank'">Descargar Flash Player</a>
  10. </p>
  11. </object>

Compatible con IE6+ - Firefox 3.4+ - Chrome - Opera 10+ - Safari 4

Sólo requiere de un pequeño javascript adicional para eliminar el molesto
"haga click aquí para activar este control" que Opera 10 aún sigue mostrando.

fix-object.js

Código Javascript: 
Ver original
  1. /* jActivating v.1.1.2 (compressed) - http://jactivating.sourceforge.net */
  2. var jActivating = { isMSIE : (document.all && !window.opera) ? true : false, reinsertContent : function()
  3. { var totalNodes = new Array(3); totalNodes['object'] = document.getElementsByTagName('object').length; totalNodes['embed'] = document.getElementsByTagName('embed').length; totalNodes['applet'] = document.getElementsByTagName('applet').length; for(var tagName in totalNodes)
  4. { var counter = totalNodes[tagName] - 1; for(var node; node = document.getElementsByTagName(tagName)[counter]; counter--)
  5. { sourceCode = jActivating.getSourceCode(node); if(sourceCode)
  6. { node.outerHTML = sourceCode;}
  7. }
  8. }
  9. jActivating.isMSIE = null;}, getSourceCode : function(node)
  10. { var sourceCode = node.outerHTML; switch(node.nodeName.toLowerCase())
  11. { case 'embed':
  12. return sourceCode; break; case 'object':
  13. case 'applet':
  14. var openTag = sourceCode.substr(0, sourceCode.indexOf('>') + 1); var closeTag = sourceCode.substr(sourceCode.length - 9).toLowerCase(); if(closeTag != '</object>' && closeTag != '</applet>')
  15. { return null;}
  16. if(jActivating.isMSIE)
  17. { var innerCode = jActivating.getInnerCode(node); sourceCode = openTag + innerCode + closeTag;}
  18. return sourceCode; break;}
  19. }, getInnerCode : function(node)
  20. { var innerCode = ''; var totalChilds = node.childNodes.length - 1; for(var counter = totalChilds, child; child = node.childNodes[counter]; counter--)
  21. { innerCode += child.outerHTML;}
  22. return innerCode;}
  23. }
  24. if(document.attachEvent)
  25. { if(window.opera)
  26. { document.attachEvent("DOMContentLoaded", jActivating.reinsertContent);}
  27. else
  28. { jActivating.reinsertContent();}
  29. }

Y debe ser llamado dentro del Head de la siguiente manera

<script type="text/javascript" src="fix-object.js" defer="defer"></script>

Creo que es más sencillo y en cuanto a compatibilidad cubre las espectativas.

Les dejo una demo funcionando en

http://foros.emprear.com/flash/flash-xhtml.html

En este otro ejemplo, un flash al 100% de la pantalla.
http://foros.emprear.com/flash/flash-xhtml100.html
Saludos :si:

web2013 10/12/2012 22:59
Respuesta: FAQ's de HTML
 
¿Como mostrar una imagen en vez de flash si el navegador no soporta flash? (caso de celulares)

<object type="application/x-shockwave-flash" data="logo.swf" width="350" height="150">
<param name="movie" value="logo.swf" />
<img src="logo.jpg" width="335" height="149" />
</object>


La zona horaria es GMT -6. Ahora son las 09:20.
Página 2 de 2 1 2
Mostrar 50 mensajes desde este tema en una página

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.