Slashdot Mirror


Book Review: Build Your Own Website: A Comic Guide to HTML, CSS, and WordPress

MassDosage writes "At the the risk of exposing my age I remember building my first website using a rudimentary Unix text editor (Joe) and carefully handcrafting the Hypertext Markup Language (HTML) while directly logged on to the web server it was being served from. Back then Cascading Style Sheets (CSS) weren't even a glint in the eyes of their creators. A lot has changed and there's now a world of fancy WYSIWYG web page editors to choose from as well as Content Management Systems that allow you to create websites without looking at the underlying code at all. While this is all very useful and allows less technical people to create websites I still feel that having at least some knowledge of how everything works under the hood is empowering — especially in situations where you want to go beyond the limits placed on you by a certain tool. This is where Build Your Own Website: A comic guide to HTML, CSS and Wordpress comes into the picture. Its aim is to enable people new to web development to learn the subject by teaching the fundamentals of HTML and CSS first and only then describing how to use a Content Management System (CMS) — in this case Wordpress. While Wordpress might not be everyone's kettle of fish it's a good choice as an example of a modern CMS that is easily accessible and very popular. The concepts presented are simple enough that it should be easy enough for a reader to apply them to a different CMS should they want to. Read below for The rest of MassDosage's review. Build Your Own Website: A Comic Guide to HTML, CSS, and WordPress author Nate Cooper and Kim Gee pages 264 publisher No Starch Press rating 7.5/10 reviewer MassDosage ISBN 1593275226 summary An illustrated introduction to the basics of creating a website To be clear, this book is intended for people who have little to no experience building websites and it is appropriately written in a non-formal, fun and non-threatening manner. Each chapter has the same format where a topic is initially covered at a high level in the form of a cartoon that is really easy to grasp. This is then followed by a more in-depth repetition of the same content using more "traditional" text and diagrams. Most chapters then end with a summary of the key points which can be used as a simple reference. This layout means that if you're a quick learner or are familiar with some of the concepts you can just read the comic section and then try implementing the material covered on your own. On the other hand if you want more information and depth you can read the text that follows.The material is presented in such a way that it should be easy for the reader to "learn by doing" as they copy or modify what the main character in the cartoon does (in this case building a website for her photography portfolio). All that's needed to get started is a browser, a text editor and some knowledge of how to organize files on a file system. This coverage of raw HTML and CSS may sound off-putting to non-technical people but it's presented in such a simple manner that pretty much anyone should be able to follow along. The benefit of this "back to the basics" approach is that one is not limited to using only a certain piece of software and instead the fundamentals can be applied to other tools later.

The book provides a good introduction to HTML and describes some useful tags that can be used to start creating a simple website. CSS are explained in a similar manner and the reader is shown how they can be used to easily change the look of a website. These two technologies are the bedrock on top of which pretty much all web development rests and thus understanding them is a prerequisite for anyone wanting to create their own websites. The book also does a good job of showing how a content management system like Wordpress builds on top of these foundations and how you can still get to the underlying HTML and CSS should you want to (as well as why this might be useful if you want to modify something that Wordpress does or doesn't do). On the Wordpress front the basics are covered — from creating pages and page hierarchies to how these can be categorized and grouped. Unfortunately when going into more detail on this topic things lose a bit of coherence. Wordpress is obviously a big beast which has entire books devoted to it and cramming in a summary of it means having to leave out a lot. It seems as if the author might have had to trim these sections down and this has resulted in the text feeling a bit rushed and confusing which is in contrast with the rest of the book where the topics are covered in a slower and more detailed manner. Any book that describes using a piece of software like Wordpress to the level of explaining how to point and click one's way through certain step risks becoming outdated as the software changes in future. For the most part this shouldn't be too much of an issue as Wordpress isn't covered in too much detail but it does mean that this book probably won't be a reference you still use in five year's time.

On the whole Build Your Own Website: A Comic Guide to HTML, CSS, and WordPress succeeds in its goal of presenting a gentle learning curve and guiding people through what is needed to create a website from scratch. It is just technical enough that readers should be able to understand the fundamentals of what they are doing while being non-intimidating and introducing concepts at a relaxed and fun pace via the comic format. By the end of this book readers should have a solid grasp of the basics of website creation and be able to set up a simple site themselves, either by coding this up in HTML and CSS directly or by using Wordpress. For anything more advanced one would need to move on to other books or self-teaching but this book is a great starting point if you're new to the subject.

You can purchase Build Your Own Website: A Comic Guide to HTML, CSS, and WordPress from amazon.com. Slashdot welcomes readers' book reviews (sci-fi included) -- to see your own review here, read the book review guidelines, then visit the submission page. If you'd like to see what books we have available from our review library please let us know.

31 comments

  1. Bennett its your time by Anonymous Coward · · Score: 2, Funny

    please let me get an opinion!

  2. Ugh, WordPress by Dracos · · Score: 4, Informative

    WordPress is garbage. People need to realize that its superficial ease of use should not be a heavily weighted factor in choosing a CMS (for the record, WP is not a CMS, it's a blog script playing dress up). Making technical product decisions by argumentum ad populum is similarly dangerous. Pointing beginners at WP is to do them a great disservice in the long run.

    Why is WP garbage?

    • Horrible architecture
    • Laughable database schema
    • Terrible coding practices, even for PHP
    • It is a relic from the days of PHP 4, because the development team refuse to break compatibility
    • A large community of self-described "developers" who learned all the PHP they know from the rest of the WP community that only knows how to write terrible PHP, because they mostly learn from WP itself.

    All of these are contributing factors to the regular parade of WP exploits.

    Now before you immediately mod this as flamebait, know that I have worked with WP in the past. I'm currently in the process of migrating a WP site to Drupal. I've read the codebase... it's one of the messiest plates of spaghetti I've ever seen. Just for kicks I grep'd the WP codebase for the global keyword... 2122 instances found. There's simply no excuse for that.

    WordPress is a scourge. PHP's reputation (whatever you may think of it) is lessened by the mere existence of WP, even if PHP is the only language that could spawn such a shoddy product, much less allow it to thrive.

    1. Re:Ugh, WordPress by Anonymous Coward · · Score: 0

      I went to create a Wordpress page and you literally COULD NOT complete the steps via iOS, despite it ostensibly having a mobile option.

      I then went to my desktop, where I immediately encountered a litany of other interface issues, one totally game-breaking, making me begin to consider what browser I needed to be using.

      I promptly dropped this idea. Wordpress is a total, fucking, mess.

    2. Re:Ugh, WordPress by ArcadeMan · · Score: 1

      Why did you decide on Drupal instead of one of the many other CMS out there?

      P.S.: if you want to see a real nightmare, check out ExpressionEngine and its templating and parsing order system from Hell. They even have something called "Global variables" that aren't even variables and cannot even be used as constants for if/else logic because they're supposed to only hold static content added to their last "parsing" stage before sending the generated page to the browser. They can't even get semantics rights!

    3. Re:Ugh, WordPress by Anonymous Coward · · Score: 0

      You both suck at life apparently.

    4. Re:Ugh, WordPress by Swampash · · Score: 1

      newsflash: nobody gives a shit.

    5. Re:Ugh, WordPress by maestroX · · Score: 1

      No need for elaborate argumentation.
      Just tail -f the httpd logs and see an endless stream wp- exploits running through.
      At least Joomla isn't popular anymore ;)

    6. Re:Ugh, WordPress by Dracos · · Score: 1

      Originally I started porting the site to PyroCMS, hoping I would have a clean upgrade path to a Laravel based solution. It later became apparent that Pyro lacked some features and functionality I considered critical, so I pulled out the big gun: Drupal.

    7. Re:Ugh, WordPress by Anonymous Coward · · Score: 3, Informative

      I do work for the top 100 or so comic sites out there (not including DC/Marvel you nerds) , and Wordpress is the worst thing to ever happen to online comics.
      1) Insecure, a day doesn't go by without a comic reader claiming the site is hacked/serving malware (really, a third party ad network, but some WP plugins/themes are unsafe)
      2) Uses an insane amount of memory to serve a single page uncached. The most "popular" Jetpack plugin adds adds more code bloat than WP itself is.
      3) The thin CMS's I handcode/tuned use less than 1MB of memory, Wordpress uses somewhere near 96MB
      4) The #1 reason people use Dreamhost/HostGator/etc bulk hosting, is to use their WP site. DreamHost/HostGator and similar "1$/mo" type hosts have no opcode cache, therefor the pages on these sites run 200x slower than they would if they were to share a 100$/mo server with 10 friends or so.
      5) Many comic sites use the ComicPress plugin, which if you upgrade even from minor versions, it wrecks your site. Upgrading from 2.x to 3.x actually deletes your entire site. The Author of this plugin insists on adhering to "WP"'s way of doing things, which means there's like a dozen different code paths just for backwards compatibility to kludge through.
      6) The RSS system insists on dumping html into RSS, thus defeating the purpose of RSS.
      7) WP didn't switch from MySQL to MySQLi except under threat of PHP5.4 depreciating it. That, and many popular plugins use depreciated PHP functionality, so you may be forced to stick with PHP5.3 forever if your plugin doesn't use modern regex functions.

    8. Re: Ugh, WordPress by Anonymous Coward · · Score: 0

      http://www.dailywritingtips.com/depreciate-vs-deprecate/

    9. Re: Ugh, WordPress by Billly+Gates · · Score: 1

      But it works in IE 6?!!

    10. Re:Ugh, WordPress by Peganthyrus · · Score: 2

      I make comics, and I am curious where one can find the thin CMS you have made that you say beats WP for comics. I'm pretty happy with WP+CP for serving my comics after tossing in a security plugin; I also use it for my blog, and my image gallery.

      --
      egypt urnash minimal art.
    11. Re:Ugh, WordPress by PapayaSF · · Score: 1

      No love for Joomla?

      --
      Q: What does the "B." in Benoit B. Mandelbrot stand for? A: Benoit B. Mandelbrot
    12. Re:Ugh, WordPress by TheRaven64 · · Score: 1
      I recently moved from hand-written HTML for my personal site to Jekyll, which is the engine that powers GitHub pages. It does exactly what I want from a CMS:
      • Cleanly separate content and presentation.
      • Provide easy-to-edit templates.
      • Allows all of the content to be stored in a VCS.
      • Generates entirely static content, so none of its code is in the TCB for the site.

      The one thing that it doesn't provide is a comment system, but I'd be quite happy for that to be provided by a separate package if I need one. In particular, it means that even if the comment system is hacked, it won't have access to the source for the site so it's easy to restore.

      --
      I am TheRaven on Soylent News
    13. Re:Ugh, WordPress by Rhaban · · Score: 1

      No love for Joomla?

      +1 Funny

    14. Re:Ugh, WordPress by PapayaSF · · Score: 1

      Seriously, though: aren't WordPress, Joomla, and Drupal the three free open source CMSs? I think Joomla is far more powerful than WordPress in many ways, avoids at least some of the failings of WordPress listed by the OP, and is easier to use than Drupal. I'd like to hear what you and others have to say about the three of them.

      --
      Q: What does the "B." in Benoit B. Mandelbrot stand for? A: Benoit B. Mandelbrot
    15. Re:Ugh, WordPress by Rhaban · · Score: 1

      There are two open source php CMSs worth considering for a web site: Drupal and eZ Publish.

      Since its version 5.0, eZ Publish is based on symfony. It is really powerful but its content structure is somewhat rigid, it is less customisable than Drupal.

      Drupal uses some symfony components as well for its latest versions, but it is not a real symfony application like ezpublish. Its power is its versatility: It can do anything and everything.
      It has a big community and some great modules and some horrible ones. You need to know what you want to do before you do it, because it is really easy to lose yourself in your own developments.
      You can organize your content as you like or not at all.

      Wordpress... As hard as it tries to be, wordpress is not a cms. It is a blog engine that can be hacked to do horribly the job of a cms. Its codebase is horrible.
      A number of features heavily depend on the theme you use, which is an abomination. It is widely used and, as such, heavily targeted by hackers. There seems to be a new exploit every other day.

      I have worked with Joomla a lot, but it was several years ago, between v1.2 and 1.5. I don’t know about recent versions, but it was a mess. You could not define different content types. Your site structure had to have 3 levels (2 leveles of categories, 1 level of content), no more no less.
      You couldn’t define additionnal fields for your content. It had huge security flaws. Extensions couldn’t work with each other (for instance, there was a widely used extensions to define groups of users, and another one to define permissions. As they didn't work together, you couldn’t give permissions to a group of users...).

      With wordpress and Joomla alike, you have to design your site for what it can do. WIth a real cms like eZ or Drupal, you design your site first an then you adapt the cms to do what you want.

    16. Re:Ugh, WordPress by PapayaSF · · Score: 1

      Thanks for the info. However, Joomla is up to version 3.x now, and I'm pretty sure the restrictions you saw in 1.5 no longer apply. E.g., core Joomla allows grouping users and defining their permissions.

      --
      Q: What does the "B." in Benoit B. Mandelbrot stand for? A: Benoit B. Mandelbrot
  3. Joe is not rudimentary! by poet · · Score: 1

    I still use it today. It is an awesome editor. It is modeless (because I shouldn't need to go into a mode to edit a document in an editor...), it isn't clunky like nano, and isn't an desktop environment like Emacs. Don't get me wrong, I can and have used all three of those extensively but to this day, I request joe on any machine I am working on more than once.

    --
    Get your PostgreSQL here: http://www.commandprompt.com/
    1. Re:Joe is not rudimentary! by Anonymous Coward · · Score: 0

      Here here! I install it on any machine I have to use, even if I have to use vi to get networking working so I can download Joe. I can't live for long without Joe. I've tried them all. Syntax highlighting!

    2. Re:Joe is not rudimentary! by Provocateur · · Score: 1

      Yes, I also install joe, not just on my PC, but every liveCD/live session I run linux on.

      --
      WARNING: Smartphones have side effects--most of them undocumented.
    3. Re:Joe is not rudimentary! by s.petry · · Score: 1

      No self respecting old timer would admit to using Joe as their editor. How the hell do you plan on getting the VI vs. EMACS flames fanned with such a claim you insensitive clod?

      --

      -The wise argue that there are few absolutes, the fool argues that there are no probabilities.

    4. Re:Joe is not rudimentary! by lister+king+of+smeg · · Score: 1

      No self respecting old timer would admit to using Joe as their editor. How the hell do you plan on getting the VI vs. EMACS flames fanned with such a claim you insensitive clod?

      Ed is the standard text editor.
      Ed, the greatest WYGIWYG editor of all.

      Ed is for those who can remember what they are working on. If you are an idiot, you should use Emacs. If you are an Emacs, you should not be vi. If you use ED, you are on THE PATH TO REDEMPTION. THE SO-CALLED “VISUAL” EDITORS HAVE BEEN PLACED HERE BY ED TO TEMPT THE FAITHLESS. DO NOT GIVE IN!!! THE MIGHTY ED HAS SPOKEN!!!

      --
      ---Saying gnome 3 is better than windows 8 not so much a compliment as it is damning with light praise.
  4. Get off my lawn! by __aaclcg7560 · · Score: 1

    Back in the late 1990's, I learned HTML and CSS using Notepad on Windows. These days I use Notepad++ (PC) or Text Wangler (Mac) for editing HTML code.

    1. Re:Get off my lawn! by Anonymous Coward · · Score: 0

      Iearned it doing zen,
      whats the sound of one hand coding?

    2. Re: Get off my lawn! by drewkinney · · Score: 1

      TextWrangler just rocks,

  5. Re:Get off my lawn! (RTF rules) by dltaylor · · Score: 1

    I had to finally quit editing my resume in emacs, working on the raw text of an RTF document. To many companies have no clue what an RTF is, so I finally gave in and use LibreOffice to save it as a DOC.

  6. Get off my lawn! by Anonymous Coward · · Score: 0

    In 2007, I learned Java using Notepad in Windows, followed by JCreator. When I finally started using actual IDEs (Eclipse, Netbeans) with code completion, syntax highlighting, function suggestions, etc, it opened up a whole new world!

  7. Comics? Comical is more like it. by RyuuzakiTetsuya · · Score: 2

    I haven't read the book but I do find it fitting that comics are the best way to describe and teach WordPress. The whole thing is literally comical so...

    --
    Non impediti ratione cogitationus.
  8. Hate is a nice word here by Chewbacon · · Score: 1

    I feel like I'm always tricking WP into doing what I need it to do. It tries to imitate functionality of real CMSs, but does so about as well as my 2-year-old can do brain surgery. It's gotten to the point I refuse to work with it. I'd rather take the loss of business. Sure it's what the "cool kids use," (cool kids that smoke) but it's not worth taking years off my life.

    --
    Chewbacon
    The Bible is like Wikipedia: written by a bunch of people and verifiable by questionable sources.