una guía cómica de HTML, CSS y Wordpress

A veces, la mejor manera de hacer que un tema complejo sea fácil^{(subject easy)} de entender es usar un formato de cómic (como puede atestiguar cualquiera que haya visto una de las increíbles series de » historia de dibujos animados » de ^{(cartoon history)}Larry Gonick ). Las cosas que se ven terriblemente secas y confusas cuando se presentan como palabras en papel pueden parecer mucho más atractivas cuando un artista las ha puesto en imágenes. Como todavía no domino la escritura de código HTML^{(HTML code)} , tenía grandes esperanzas en Build Your Own Website: A Comic Guide to HTML, CSS and WordPress . ¿^(Did) Obtuve lo que esperaba? Siga leyendo para averiguarlo.

¿Puede un cómic enseñarte código?

Cree su propio sitio web: una guía cómica de HTML, CSS y WordPress^{(Build Your Own Website: A Comic Guide to HTML, CSS and WordPress)} no es exactamente lo que promete su título. Las secciones de historietas sirven como una introducción a las secciones que explican las mismas cosas en un texto sencillo^{(straightforward text)} que no es muy diferente de otras guías de instrucciones para «aprender a crear páginas web».

La parte de los cómics es…^{(part is…)} bueno, si eres un lector^{(time reader)} de cómics y novelas gráficas desde hace mucho tiempo (como yo) encontrarás las ilustraciones bastante toscas. No hay superhéroes aquí, solo las aventuras de Kim , su perro Tofu y una variedad de otros personajes que intentan mostrarle a Kim los entresijos de la codificación.

La historia de Kim^(Kim) comienza con sus intentos de escribir código HTML^{(HTML code)} y su descubrimiento de las muchas cosas que pueden pasar si no lo escribes correctamente.

Una vez que la historia ilustrada lleva a Kim a través del proceso de aprendizaje de armar su primera página, crear su archivo de índice^{(index file)} , vincular todas las imágenes correctamente, verificar su trabajo y matar al dragón 404 una vez más, el libro cambia a una explicación de 11 páginas (en tipo bastante pequeño) de lo que ella hizo. La explicación impresa entra en muchos más detalles sobre el proceso, y creo que para la mayoría de las personas, aquí es donde encontrarán la información más útil. Entonces, ¿puede un cómic enseñarte código? Realmente no. Pero podría ser una introducción útil a la creación de páginas^{(page creation)} web para las personas que aprenden mejor con imágenes.

En las hojas de estilo

La siguiente sección aborda la creación de CSS , u hojas de estilo en cascada, presentando un nuevo gurú y dirigiéndose a algo parecido a una parodia del Mago^(Wizard) de Oz^{(Oz parody)} .

La creación de CSS^{(CSS creation)} es un tema complejo, independientemente^{(topic regardless)} de cómo se explique, por lo que la explicación del cómic es más larga y presenta una disputa continua entre el gurú de HTML^{(HTML guru)} y el gurú de CSS^{(CSS guru)} , que supongo tenía la intención de mostrar cómo los dos están vinculados, pero parecía para quitarle espacio a las instrucciones después de un tiempo muy corto.

Y, por supuesto, la explicación de texto sin formato que sigue al cómic también es más larga, más detallada y muy densa en información.

El libro fomenta la creación de un documento HTML^{(HTML document)} de prueba para practicar el uso de lo que está enseñando y que, más que nada, mostrará a los recién llegados cómo funcionan las cosas, cómo salen mal y cómo se pueden solucionar. Especialmente con CSS , es importante seguir el texto trabajando en el documento de prueba^{(test document)} de la forma en que se explica. La explicación impresa presenta las cosas con mucho más detalle que la sección del cómic, y debería hacer que el documento de prueba^{(test document)} sea más fácil de trabajar.

El mago de WordPress

La parodia del Mago^(Wizard) de Oz^{(Oz parody)} continúa en el apartado dedicado a WordPress . Kim descubre que todas las habilidades de HTML y CSS^{(HTML and CSS)} que ha dedicado tanto tiempo a aprender en las secciones anteriores no son necesarias en absoluto cuando usa WordPress . ( Pobre Kim^{(Poor Kim)} .) 🙂

Kim y Tofu^{(Kim and Tofu)} se abren camino a través de WordPress City , aprendiendo cómo crear un sitio de WordPress^{(WordPress site)} . El libro está comprensiblemente entusiasmado con WordPress , porque facilita la creación de páginas y no se requieren habilidades especiales de codificación. Sin embargo, no es hasta que finaliza la sección de historietas y comienza la sección de texto^{(text section)} que descubrimos que los autores esperan que los lectores tengan un dominio de WordPress autohospedado^{(WordPress domain)} (también conocido como su propio sitio web) porque el sitio wordpress.com^{(wordpress.com site)} solo usa un pequeño subconjunto del WordPress completo . Eso podría ser una sorpresa desagradable. (Pero estad atentos, hay ayuda incluida en la sección final).

Sin embargo, si el lector tiene, o puede configurar, un sitio web^{(web site)} personal , la sección de texto^{(text section)} que explica WordPress está bien organizada y llena de ilustraciones útiles que deberían facilitar la creación de páginas de WordPress . (Los creadores de WordPress han ayudado mucho en los últimos años, asociándose con hosts de dominio para ofrecer la instalación con un solo clic en lugar del proceso de «descarga, descomprime y ftp tú mismo» que se usaba en años pasados).

En la siguiente sección de historietas^{(comic-book section)} , Kim aprende a personalizar su sitio de WordPress^{(WordPress site)} usando la página Apariencia^{(Appearance page)} en el tablero, complementos y temas de WordPress . Hay muchas opciones disponibles y la sección de cómics^{(comic-book section)} guía a Kim a través de ellas, e incluso hay un final sorpresa cuando descubre que hay más en WordPress City de lo que le han dicho. Una vez más, la sección de texto^{(text section)} entra en muchos detalles y explica el proceso de personalización^{(customization process)} para que la mayoría de las personas puedan entender fácilmente cómo funciona todo.

Kim y tofu lo juntan

¿Qué sucede si el lector aún no tiene su propio sitio web? La sección final, El gran lanzamiento^{(The Big Launch)} , ofrece muchos buenos consejos (tanto en cómics como en texto^{(comic-book and text)} ) sobre cómo elegir un proveedor de alojamiento web^{(web host)} (incluido esperar pagar por un servicio de alojamiento en lugar de simplemente elegir el primero gratuito que vea, lo cual es un excelente consejo ). ). También explica el proceso de uso de ftp para cargar los archivos necesarios para cualquier tipo de sitio web^{(web site)} , incluida una recomendación para FileZilla , un excelente cliente de ftp gratuito^{(ftp client)} .

Al final de Cree su propio sitio web: una guía cómica de HTML, CSS y WordPress^{(Build Your Own Website: A Comic Guide to HTML, CSS and WordPress)} , el lector debe tener mucha información útil a mano para usar como guía para la creación de casi cualquier tipo de sitio web^{(web site)} .

Pensamientos finales

Encontré este libro fácil de leer, y estaba bien organizado y bien pensado. Sin embargo, las personas que esperan que sea 100% en formato de cómic se sentirán decepcionadas (no es que esto sea algo malo, me apresuro a agregar, porque la información en las secciones de texto sin formato es mucho más detallada y fácil de entender). consulte para futuras referencias).

A pesar del título, el viaje de Kim a través de la ^(Kim)tierra^(Land) del código^(Code) realmente la lleva a WordPress City , donde el código que pasó tanto tiempo aprendiendo^{(time learning)} es secundario al sofisticado proceso de creación de páginas del ^{(page creation process)}paquete de WordPress^{(WordPress package)} . Dado que los creadores de WordPress siempre agregan nuevas funciones y mejoran la línea actual, es probable que las ilustraciones no coincidan con la versión actual de WordPress , pero los conceptos básicos para crear sitios de WordPress siguen siendo los mismos.

Veredicto

Cada persona aprende mejor de diferentes maneras, por lo que no puedo hacer una recomendación general^{(blanket recommendation)} para Cree su propio sitio web: una guía cómica para HTML, CSS y WordPress^{(Build Your Own Website: A Comic Guide to HTML, CSS and WordPress)} . Puedo decir que los autores pensaron mucho y trabajaron mucho en la guía, por lo que si su estilo de aprendizaje se^{(learning style)} ajusta a la forma en que han enseñado estos temas complejos, este libro será una valiosa adición a su biblioteca de referencia^{(reference library)} . ¡ Cómpralo a un librero que tenga una buena política de devoluciones^{(return policy)} y pruébalo!

Sometimes the best way to make а complex subject easy to understand is to use a comic-book format (as anyone who’s ever seen onе of Larrу Gonick’s amazing «cartoon history» series can testify). Things that look awfully dry and confusing when they’re put forth as words on paper can look much more appealing when an artist haѕ put them into pictures. Sіnce I still haven’t mastered writing HTML code, I had high hopes for Build Your Own Website: A Comic Guide to HTML, CSS and WordPress. Did I get what I hoped for? Read on to find out.

Can A Comic Teach You Code?

Build Your Own Website: A Comic Guide to HTML, CSS and WordPress isn’t quite what its title promises. The comic-book sections serve as an introduction to sections that explain the same things in straightforward text that isn’t much different from other «learn to create web pages» instruction guides.

The comic-book part is… well, if you’re a long time reader of comic books and graphic novels (as I am) you’ll find the illustrations rather crudely drawn. No superheroes here, just the adventures of Kim, her dog Tofu, and assorted other characters who try to show Kim the ins and outs of coding.

Kim’s story starts out with her attempts to write HTML code, and her discovery of the many things that can happen if you don’t write it correctly.

Once the illustrated story takes Kim through the learning process of putting together her first page, creating its index file, linking all the images properly, checking her work and slaying the 404 dragon yet again, the book switches to an 11-page explanation (in fairly small type) of what it was that she did. The printed explanation goes into a lot more detail about the process, and I think for most people, this is where they’ll find the most useful information. So, can a comic teach you code? Not really. But it could be a helpful introduction to web page creation for people who learn things better with images.

On To The Style Sheets

The next section tackles the creation of CSS, or cascading style sheets, introducing a new guru and heading off into something resembling a Wizard of Oz parody.

CSS creation is a complex topic regardless of how it’s explained, so the comic-book explanation is longer and features an ongoing quarrel between the HTML guru and the CSS guru, which I guess was intended to show how the two are linked, but it seemed to take space away from the instructions after a very short time.

And of course the plain-text explanation that follows the comic book is also longer and more detailed and very dense with information.

The book encourages the creation of a test HTML document to practice using what it’s teaching, and that more than anything will show newcomers how things work, how they go wrong and how they can be fixed. Especially with CSS, it’s important to follow along in the text by working on the test document the way it’s explained. The printed explanation lays things out in a lot more detail than the comic-book section did, and should make the test document easier to work on.

The Wizard Of WordPress

The Wizard of Oz parody continues in the section devoted to WordPress. Kim finds out that all the HTML and CSS skills she’s spent so much time learning in the previous sections aren’t necessary at all when she uses WordPress. (Poor Kim.) 🙂

Kim and Tofu work their way through WordPress City, learning how to create a WordPress site. The book is understandably enthusiastic about WordPress, because it makes page creation easy and no special coding skills are required. However, it’s not till the comic section is finished and the text section begins that we find out that the authors expect the readers to have a self-hosted WordPress domain (aka their own website) because the wordpress.com site only uses a small subset of the full WordPress. That might come as a rude surprise. (But stay tuned, there is help included in the final section.)

However, if the reader has, or can set up, a personal web site, the text section that explains WordPress is well organized and full of helpful illustrations that should make creating WordPress pages very easy. (The creators of WordPress have helped a lot in recent years, partnering with domain hosts to offer one-click installation rather than the «download, unpack, and ftp it yourself» process used in years gone by.)

In the next comic-book section, Kim learns how to personalize her WordPress site using the Appearance page in the dashboard, plugins, and WordPress themes. There are a lot of options available and the comic-book section walks Kim through them, and there’s even a surprise ending as she finds out that there’s more to WordPress City than she’s been told. Once again, the text section goes into a lot of detail and explains the customization process so most people can easily understand how it all works.

Kim And Tofu Put It Together

What if the reader doesn’t have his or her own web site already? The final section, The Big Launch, offers plenty of good advice (both comic-book and text) about choosing a web host (including expecting to pay for a hosting service rather than just picking the first free one you see, which is excellent advice). It also explains the process of using ftp to upload the necessary files for any kind of web site, including a recommendation for FileZilla, an excellent free ftp client.

By the end of Build Your Own Website: A Comic Guide to HTML, CSS and WordPress, the reader should have plenty of useful information on hand to use as a guide to the creation of almost any kind of web site.

Final Thoughts

I found this book easy to read, and it was well organized and well thought out. People who expect it to be 100% comic-book format, though, are going to be disappointed (not that this is a bad thing, I hasten to add, because the information in the plain-text sections is much more detailed and easy to turn to for future reference).

Despite the title, Kim’s journey through the Land of Code really leads her to WordPress City, where the code she spent so much time learning is secondary to the WordPress package’s sophisticated page creation process. Since the creators of WordPress are always adding new features and improving the current lineup, the illustrations likely will not match what the current version of WordPress looks like, but the basics of creating WordPress sites remain the same.

Verdict

Each person learns best in different ways, so I can’t make a blanket recommendation for Build Your Own Website: A Comic Guide to HTML, CSS and WordPress. I can say that the authors put a lot of thought and a lot of work into the guide, so if your learning style fits the way they’ve taught these complex subjects, this book will be a valuable addition to your reference library. Buy it from a bookseller who has a good return policy, and give it a whirl!

Rate this post