Wednesday, May 14, 2014

Coding in Spanish and other languages: Diseño Web en Español

With a growing international marketplace and the spread of computers to everyone throughout the world, coding and web design has to start making moves towards internationalization, which can take place in multiple different ways... Not to mention some of the methods ICANN has implemented can be used in different ways.

The Drunycode Method- ICANN recently implemented Internationalized Domain Names (IDNs) using punycode, which allows non-latin unicode characters to be used in URLs (such as in my resume). In my research, I have found that by using this as well as special characters in filenames (which doesn't require punycode) you can block ddos software or vulnerability scanners, since they cannot interpret them as valid sites or files. It is basically way of encrypting URLs and filenames. Below are some screenshots of tests:
Lexington Ky Web Design and Web Security

IDN and Punycode encryption of URL - drunycode

Coding in Spanish- While domain names can now use special characters, coding does not, because all the tags are all in english. I personally believe it is important to add what you can to span class tags, input name (and $ php values), and other tags. While it doesn't do a whole lot, it does help spanish speaking html, php, or css coders to understand what each tag means. Other things to keep in mind are the lang='es' tag and the special character codes for text. I have posted the code for an example of a spanish language html page below:

<html lang='es'>
<title>Dise&#241;o Web en Espa&#241;ol</title>
<style type="text/css">
.estilo {color:blue;
<span class="estilo">Este es un ejemplo de la codificaci&#243;n en espa&#241;ol.</span>
<form action="correo.php" method="POST" enctype="multipart/form-data">
<input type="hidden" name="action" value="submit"/> Tu Nobre:<br />
<input name="nombre" type="text" value="" size="30"/> <br /> Tu direccion:<br />
<input name="direccion" type="text" value="" size="30"/> <br /> Mesaje:<br />
<textarea name="correo" rows="7" cols="30"> </textarea> <br />
<input type="submit" value="Enviar"/>

Codificación en Español- Mientras que los nombres de dominio ahora pueden usar caracteres especiales, la codificación no es así, ya que todas las etiquetas están en Inglés. Personalmente, creo que es importante añadir lo que pueda para abarcar las "span class", "input name" (y "$" valores en php), y otras etiquetas. Si bien no hace mucho, sí ayuda HTML, php, o css codificadores de entender el significado de cada etiqueta. Otras cosas a tener en cuenta son las etiquetas lang = 'es' y los códigos de letras especiales para el texto. He publicado el código de un ejemplo de una página HTML idioma español anteriormente.

In closing, as always, if you are going to post a job listing or trying to find a web designer, search engine optimization/social marketing, or someone to do web security- look not more. You can hire me, as I am currently looking for something new. Especially if you are looking for someone to code in spanish (or crudely in another language).

No comments:

Post a Comment