May
7
2012

Web Design Tutorial – CSS Backgrounds

Nick and James form Creare demonstrate the basics of implementing backgrounds in CSS for you website. The tutorial covers standard colour, tiling a graphic, applying gradiants and fixed graphic backgrounds. Check out the supporting blog post at www.crearedesign.co.uk

HTML and CSS: Design and Build Websites


A full-color introduction to the basics of HTML and CSS from the publishers of Wrox! 

Every day, more and more people want to learn some HTML and CSS. Joining the professional web designers and programmers are new audiences who need to know a little bit of code at work (update a content management system or e-commerce store) and those who want to make their personal blogs more attractive. Many books teaching HTML and CSS are dry and only written for those who want to become programmers, which is why this book takes an entirely new approach.

  • Introduces HTML and CSS in a way that makes them accessible to everyone—hobbyists, students, and professionals—and it’s full-color throughout
  • Utilizes information graphics and lifestyle photography to explain the topics in a simple way that is engaging
  • Boasts a unique structure that allows you to progress through the chapters from beginning to end or just dip into topics of particular interest at your leisure

This educational book is one that you will enjoy picking up, reading, then referring back to. It will make you wish other technical topics were presented in such a simple, attractive and engaging way!

24 Comments+ Add Comment

  • Hello @crearegroup ,
    Can you explain why do you use *.gif files ? I dont understand that, because GIF has only 256 colors….. Isn’t *.png better ?

  • It is very informational! Thank you so much for these works
    I really aprreciated it.

  • so good

  • sosoo.info

  • If your website has alot of pages on it will it make it run slower?

  • This tutorial makes it seem very easy…great job guys.

  • I am always finding a perfect web designing video tutorial for my company, this tutorial help me a lot, thanks a lot James and Nick 🙂

  • Thanks for the great tips. I like how you keep it very basic and less complicated.

  • Thank for this video James & Nick, is very well explained

  • get assistance from Professional web design and SEO call the folks at White Hope Productions, you can call them at 1.877.312.7575

  • Thanks for the good tips 🙂

    Изработка и поддръжка на уеб сайт от New Soft Com

  • Thanks for the great video!  If you need help installing, configuring, or setting up zen cart, check out our channel for lots of Easy Help Zen Cart Tutorials:

  • Very helpful videos. Could you put up a video of an image wrapping behind the container like the “menu dropdown” in cnet.com. thanks.

  • Very helpful videos. Could you put up a video of an image wrapping behind the container like the “menu dropdown” in cnet.com. thanks.

  • Thanks guy!!!!

  • what type of software are you useing??

  • If you want to see some REALLY awesome web design stuff,||Want to see some seriously cool web design stuff?} look at ww w. interkiwi web developers . c om. Some pretty cool stuff there}.

  • latino wives waiting **rockmycity.info**

  • Very kind Latino Lady for marriage **rockmycity.info**

  • thats what i’m trying to do. have a background image fixed in the same position even as you would scroll down but for some reason it doesn’t stay in place. Ive tried switching the setting to background-attachment:scroll but it still does the same thing.

  • Thanks for the discussion.Really gained a lot of knowledge from it.

  • the best design is always the one that is most user-friendly for the targeted user group and doesnt interfer with the information… in general a good rule to me is always “less-is-more”

  • Anyone here knows what is the best web design right now???

  • i made like a CSS-“hack” using “alpha” to get a gradient background (its normaly used as s text-effect). This would eliminate the use of images and looks OK. Though it works in IE im not sure about cross-browser support.