Caracteres raros en la web

richard · #1 (**permalink**) 25/11/2011, 15:44

Hola,

acabo de hacer una web y no entiendo el porque me salen unos caracteres muy extraños que la hacen ilegible

este es un trozo de texto:

Desde muy pequeÃ±o manejo ordenadores porque siempre fuÃ© mi pasiÃ³n. mÃ¡s tarde me puse a estudiar en serio.

por mas que lo reviso no veo donde puede estar el error para que salgan estas cosas. Alguien puede ayudarme?

Gracias

southern · #2 (**permalink**) 25/11/2011, 17:02

Has de usar caracteres estándar html, por ejemplo:

La "ñ" sería ñ o Ñ si fuese "Ñ", en mayúscula.

Las vocales con tilde son á é y así sucesivamente, y para las mayúsculas Á ,etc ...

De todos modos aquí tienes la lista:

http://www.degraeve.com/reference/specialcharacters.php

Espero haberte sido de ayuda, un saludo!

richard · #3 (**permalink**) 26/11/2011, 03:30

Podria volverme loco cambiando caracter por caracter, seguro no hay una solución mas sencilla?

gracias

southern · #4 (**permalink**) 26/11/2011, 10:17

La cosa es que si por ejemplo, y si no me equivoco, haces la web con el Dreamweaver, esos caracteres se cambian automáticamente, pero si las haces con el bloc de notas por poner un ejemplo habrás de cambiarlos tú.

¿Cómo planeas actualizar el contenido de la web? Yo me programé un CMS y le metí el TinyMCE para el tema de BBCode y me lo cambia todo solo...

De todos modos no estaría de más que alguien que controlase más entrase por aquí porque no sé si cambiando el charset del documento HTML se puede arreglar...

Espero habértelo aclarado un poco pero bueno, si se te plantea alguna otra cosa al respecto por aquí estaré :)

Un saludo

richard · #5 (**permalink**) 26/11/2011, 13:29

La web la hice con dreamweaver, y el caso es que en dream weaver se lee todo bien, hasta que lo visualizo en el navegador y entonces se ve así.

Seguro que debe de haber alguna tonteria que provoca todo eso y sigo sin descubrir que es

Lo de CMS TinyMCE a mi me suena a chino, espero una solucion para torpes.

Te agradezco tu ayuda Southern

southern · #6 (**permalink**) 27/11/2011, 05:34

Buenos dias Richard, no te preocupes por la ayuda que para eso estamos :)

Si puedes pega el código fuente de la weby así me hago mejor idea de lo que está pasando y te puedo decir con más exactitud :)

Por cierto, un CMS es esto: [URL="http://es.wikipedia.org/wiki/Sistema_de_gesti%C3%B3n_de_contenidos"]http://es.wikipedia.org/wiki/Sistema_de_gesti%C3%B3n_de_contenidos[/URL] y el TinyMCE es un editor web WYSIWYG basado en javascript :)

richard · #7 (**permalink**) 27/11/2011, 07:20

Este es el codigo:

<!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">
<head>

<link rel="shortcut icon" href="http://informaticadeinicio.atspace.eu/images/favicon.ico">

<TITLE>Informática especial principiantes</TITLE>
<META NAME="author" CONTENT="Javier">
<META NAME="subject" CONTENT="informatica">
<META NAME="Description" CONTENT="Clases particulares especialmente para aquellas personas que no se defienden muy bien con el ordenador y desean aprender.">
<META NAME="Classification" CONTENT="Clases particulares de informatica especial principiantes">
<META NAME="Keywords" CONTENT="informatica,principiantes,inicio,aprender ,clases,particualres,profesor,barcelona">
<META NAME="Geography" CONTENT="Spain">
<META NAME="Language" CONTENT="spanish">
<META NAME="Designer" CONTENT="Javier">
<META NAME="Revisit-After" CONTENT="2">
<META NAME="distribution" CONTENT="Global">
<META NAME="Robots" CONTENT="INDEX,FOLLOW">
<META NAME="city" CONTENT="Barcelona">
<META NAME="country" CONTENT="Spain">

<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<link href="templatemo_style - copia.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-27089291-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>

</head>

<body>
<div id="templatemo_container">

<div id="content_left">
<div id="site_title">
<div id="site_name">Informática</div>
<div id="site_slogan">Especial principiantes</div>
</div>

<div id="templatemo_menu">
<ul>
<li><a href="#" class="current"><span></span>Home</a></li>
<li><a href="mailto:[email protected]" target="_parent"><span></span>Pregunta vía email</a></li>
</ul>
</div>

<div class="margin_bottom_40"></div>

<div class="service_box"></div>

<div class="margin_bottom_20"></div>

<div class="service_box"></div>

<div class="margin_bottom_20"></div>

<div class="service_box"></div>

<div class="margin_bottom_20"></div>

<div class="service_box"></div>

<div class="margin_bottom_40"></div>


</div> 

<div id="content_right">
<div id="top_menu">
<ul>
<li></li>
<li><a href="http://www.facebook.com/sharer.php?u=informaticadeinicio.atspace.eu&t= informaticadeinicio" target="_blank">comparte en facebook</a></li>
<a href="http://www.facebook.com/sharer.php?u=informaticadeinicio.atspace.eu&t= informaticadeinicio"><img src="images/facebook.gif" width="30" height="29" /></a>
<li><a href="http://twitter.com/home?status=informaticadeinicio - informaticadeinicio.atspace.eu" target="_blank">comparte en twitter</a></li>
<a href="http://twitter.com/home?status=informaticadeinicio - informaticadeinicio.atspace.eu"><img src="images/twitter_icon.gif" width="30" height="29" /></a>
</ul>
</div>

<div id="template_banner">
<div class="header">Sobre mí</div>
<p>Desde muy pequeño manejo ordenadores porque siempre fué mi pasión. más tarde me puse a estudiar en serio.<br />
<br />
Con ya muchas horas de estudio e infinidad de horas delante de ordenadores a mis espaldas tengo la suerte de dedicarme a hacer aquello que me gusta: la informática y enseñar.</p>

<div class="rc_btn_01"></div>
</div>

<div class="margin_bottom_40"></div>

<div class="section_w270 margin_right_60">
<div class="header_01">Clases particulares</div>
<p>Las clases son particulares, con lo cual son más provechosas y puedes aprender con tu propio ordenador, el ideal para comenzar.</p>
<ul>
<li>Manejo del ordenador</li>
<li>Crear y enviar correos electrónicos</li>
<li>Redes sociales: facebook, twitter...</li>
<li>Chat y videoconferencias</li>
<li>Compartir fotos</li>
<li>Como aprovechar internet</li>
<li>Compra-Venta</li>
<li>Reserva de billetes</li>
<li>Música, video, etc...</li>
</ul>
<div class="margin_bottom_20"></div>
<div class="rc_btn_02"></div>
</div>

<div class="section_w270">
<div class="header_01">Informática de inicio</div>

<img src="images/templatemo_image_01.jpg" alt="image 1" />
<div class="header_02">Para quien?</div>
<p>Ideal para personas con poco o ningún conocimiento de informática.<br />
Enfocadas a personas que no se defienden muy bien con el ordenador o que desean aprender a manejarlo bien por temas de trabajo, o bien para comunicarse con sus familiares y amigos.</p>
<div class="rc_btn_02"></div>
</div>

<div class="margin_bottom_50"></div>

<div class="section_w600">
<div class="header_01">Donde?</div>
<img src="images/templatemo_image_02.jpg" alt="image 2" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="61,4,120,54" href="http://twitter.com/home?status=informaticadeinicio - informaticadeinicio.atspace.eu" />
<area shape="rect" coords="-5,3,60,53" href="http://www.facebook.com/sharer.php?u=informaticadeinicio.atspace.eu&t= informaticadeinicio" />
<area shape="rect" coords="3,59,62,115" />
<area shape="rect" coords="65,60,123,115" href="#" />
</map>
<iframe width="472" height="120" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&source=s_q&hl=es&geocode=&amp ;q=barcelona&aq=&sll=37.0625,-95.677068&sspn=54.005807,135.263672&vpsrc= 6&ie=UTF8&hq=&hnear=Barcelona,+Catalu% C3%B1a,+Espa%C3%B1a&t=h&ll=41.387895,2.169 8&spn=0.030909,0.145912&z=12&output=em bed"></iframe><br /><small><a href="http://maps.google.com/maps?f=q&source=embed&hl=es&geocode=&a mp;q=barcelona&aq=&sll=37.0625,-95.677068&sspn=54.005807,135.263672&vpsrc= 6&ie=UTF8&hq=&hnear=Barcelona,+Catalu% C3%B1a,+Espa%C3%B1a&t=h&ll=41.387895,2.169 8&spn=0.030909,0.145912&z=12" style="color:#0000FF;text-align:left">Ver mapa más grande</a></small>

<div class="margin_bottom_10"></div>
<div class="rc_btn_02"></div>
</div>

<div class="margin_bottom_30"></div>
</div> 

<div class="cleaner"></div>
</div> 

<div id="templatemo_footer_wrapper">
<div id="templatemo_footer">
Copyright © 2048| <a href="http://informaticadeinicio.atspace.eu" target="_parent">Informática de inicio</a> by CSS Templates
</div> 
</div>

</body>
</html>

Carlangueitor · #8 (**permalink**) 27/11/2011, 15:06

Se trata de un problema de la codificación de caracteres (charset), te podría decir que insertaras esta linea en tu head:

Código HTML:

Ver original<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Pero debemos saber que codificación de caracteres está usando dreamweaver.

Saludos

richard · #9 (**permalink**) 29/11/2011, 15:40

Funcionó, muchas gracias!!

calibri · #10 (**permalink**) 30/11/2011, 11:50

Acabo de leer esto y también ha sido una ayuda para mi, que esoy aprendiendo cómo hacer una página web para mi grupo - ¡muchas gracias a todos!