Grow your CSS skills. Land your dream job.

How to host demo sites for a portfolio of web designs?

  • # February 25, 2013 at 3:55 am

    Hey guys,

    I have built some websites to display as my portfolio, but they are not for any clients or anyone as I used ficticious businesses to create them, because I have not had any real clients yet.

    Now Im not sure what would be the best way to host them for live demos to show the visitors of my site, and also avoid having robots ranking them on search engines.

    What is the best way to do this?

    Thanks for your help!

    # February 25, 2013 at 5:11 am

    Assuming you already have a site I would just allocate each example to its own subfolder and put the relevant assets in there. I believe that’s the normal way.

    /demos/item-1

    /demos/item-2

    As for hiding them from robots etc. then you can specify in your robots.txt file to ignore the demos directory. That will do most of the work for you.

    # February 25, 2013 at 9:02 am

    From reading another discussion, I don’t think robots.txt alone will do the trick. You will have to use a meta tag for nofollow.

    # February 25, 2013 at 9:07 am

    Yeah I was trying to find that discussion but failed.

    # February 25, 2013 at 11:24 am

    Ah…found the article in question: http://yoast.com/prevent-site-being-indexed/

    # February 25, 2013 at 11:39 am

    If you need them to be on separate domains, you might want to look into [Media Temple’s Grid Service plan](http://mediatemple.net/webhosting/gs/ “”). This allows you to host up to 100 domains on the same account and, unlike some other shared options, they aren’t just redirects but can operate as entirely separate entities undetectable by the end user. Should you decide to go with this, I would urge you to make it clear that the sites are just examples of your abilities – you don’t want to begin client relationships under false pretenses.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".