What is the best way to design a website?

What is the best way to design and add social media icons to a personal website?

• I would like to add icons for Facebook, Twitter, Google+, LinkedIn, etc. to my website to link to my profiles. I've looked at other websites and their source codes (HTML and CSS), but I'm not quite sure how these icons are created. Do most people just download them from somewhere online (e.g. http://www.studiopress.com/graphics/social-media-icons or http://tutvid.com/23-awesome-free-social-media-icons-twitter-facebook-google/) or use more advanced CSS techniques to design them? I've noticed several approaches, like background images for an element, an explicit img tag, and other class tags (e.g. "facebook" or "twitter" - but I can't figure out where these are defined or what properties would give them the iconic look). If the images are taken from an online source, are there recommended sites to get them for free?

• Answer:

  Usually you can find some good freebie psd files of social media icons with a simple google search ("social media buttons free psd"). From there, just make links <a> with images <img> inside them. If you're putting more than one, it helps to put each button in its own div or span, depending on your site layout