Best way to design banner ads?

Yes, It's possible, basically, you have to create a div tag with the size you mentionned above, 980x120px and then styles it as you want. With all the CSS3 features, you can do neat & nice things, as you can use multiple background images, gradient and etc... But why would you want to create it in HTML & CSS ?

For a banner, an add, I would personnally use photoshop and insert it in my div using plain html with an image tag... But I'm interested in knowing why would you want to achieve it using HTML & CSS3, is it better, is it for something like SEO ?

I usually use the format Gif for rotating banners.

Hi tuukka,

this depends on where you want to use your banner as well. Usually you would use a GIF so that your banner can be easily integrated on other pages on the web. You might find a blog or newssite where you want to advertise for your project.

But if you solely want to use your banner on your own website to promote a product or spefic subpage you should consider using a slider like nivoslider or revolution slider because quality is better, it´s scaleable, it is crawlable by google and you can easily change text or add a new slide.

greetings ansgar

Hi guys and thank you for your input on the topic!

GEOFFREY: As I’ve learned to code a little I find it faster and more fun to build things in text editor. I find Photoshop quite clumsy these days :) I’m new to all of this and curious what can be achieved with HTML & CSS. I will definitely look into possibilities of CSS magic in the future but for now it’s better to stick with the Photoshop.

I have no experience in SEO but should take it on my learning schedule in the future.

JORGE: It will be rotating so I’ll use GIF for this project.

ANSGAR: It will be integrated on websites for advertising purposes so it seems that GIF is the way to go for this one.

The sliders you mentioned are good for SEO because they are crawlable, right?

Greetings from Finland!