Bilingual with a Face Lift
October 06, 2004
Acabé construiendo una version española del IAB sitio web. We also added a new look to the spanish version. What made this redesign easy was that all of the html structure stayed the same, all we did was switch the style sheets and ya está.
Since we first designed the site with standards changing the design was easy. We did remove and move a few lines of extra
divs that were no longer needed on the main template. But other than that it was all styles sheets that powered the change. I learned that clean html code will pay off when you do make design changes like this. Will the english version take on the new look? Yes, it will change once we take the spanish version public, and all it will take will be changing a few files—style sheets are awesome!
html xml:lang property and the meta content type.
English <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> Español <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es"> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
This helps specify the language of the content, making it easy for speech synthesis, search engine content classification and character usage. One thing you will notice with spanish is an increase in file size because of all of the special characters used.
We are not done yet but I wanted to announce this launch before it was live to the public this weekend. This way you can see the two versions, english and spanish, and the only difference being the style sheets with regards to the code. We are still working on some page content and not all pages are translated yet, but any suggestions or errors are welcomed.