Working with a template in Darlyne’s site, and decided to have the page title and tagline hovering over the banner and using specialized fonts. At first, I just created the banner in Photoshop, but wanted to stick with best practices for SEO, that the title and tagline be indexable by search engines. I had some trouble getting my custom font to work by uploading the font and using CSS code, so I tried Font Squirrel , where they take your fonts, turn them into web fonts, and spit out the CSS. That worked, so then it was just a matter of getting the Title and Tagline to show up in the proper place on the banner. I did some research on fixed-width web layouts, and found that the standard was 960px. Then it was just a matter of playing with the size and margins within the template settings, and it’s good to go!

Advertisements