How do I create a background image on web page?

Posted by kasha on Pro Webmasters See other posts from Pro Webmasters or by kasha
Published on 2011-11-15T21:14:54Z Indexed on 2011/11/16 2:09 UTC
Read the original article Hit count: 192

Filed under:

photoshop

|

background-image

I am a new designer so hopefully this question isn't too basic! How do I create a background image on a webpage for a programmer? I designed the page in photoshop and I would like to know how to send the background image (the 25% opacity buildings overlay). I would be happy to send the main image (but it is too large and I imagine would slow the site and loading time drastically).

here is the link to the design...

http://problemio.com/home_page_1_1.pdf

© Pro Webmasters or respective owner

Related posts about photoshop

Adobe Photoshop CS5 vs Photoshop CS5 extended

as seen on Just Skins - Search for 'Just Skins'
Adobe Photoshop has been an industry standard for most web designers & photographers worldwide. Photoshop CS5 has made photography editing much more refined and the composition process has become much easier than ever before. To study the advantage of Photoshop CS5 extended over Photoshop CS5… >>> More
PhotoShop CC install: error: could not update photoshop

as seen on Super User - Search for 'Super User'
I have renamed the folder to which my previous version of PhotoShop CC was installed and then installed the latest version of PhotoShop CC using the Creative Cloud application. However once Creative Cloud finished downloading and installing PhotoShop CC I got the following error (sorry about having… >>> More
Adobe Photoshop Vs Lightroom Vs Aperture

as seen on Just Skins - Search for 'Just Skins'
Adobe Photoshop is the standard choice for photographers, graphic artists and Web designers. Adobe Photoshop Lightroom & Apple’s Aperture are also in the same league but the usage is vastly different. Although Photoshop is most popular & widely used by photographers, but in many ways… >>> More
Photoshop JSX script- CLOSE PHOTOSHOP!

as seen on Stack Overflow - Search for 'Stack Overflow'
How do I close photoshop using its javascript scripting language. (I am automaticly scripting a great deal of things, and I notice that for one reason or another, some of the ram is not releasing with each new task. My hopes are that after X ammount of operations, I will fully close photoshop, to… >>> More
Photoshop CS6 beta - functionality

as seen on Super User - Search for 'Super User'
Is Photoshop beta cs6 full featured, or is just a preview of SOME of the new functions? I want to make sure before I remove my cs5 version. There are two contradictions that are making me unsure (as written on the official cs6 beta download page): Explore Photoshop CS6 beta for a sneak preview… >>> More

Related posts about background-image

Twitter Bootstrap styling conflicts with plug-ins like jqGrid and other third part libraries

as seen on Geeks with Blogs - Search for 'Geeks with Blogs'
Issues:The concern is that the Twitter Bootstrap framework is that some of their css selectors are simply too generic and have incompatibility issues and conflicts with most third party plug-ins and css libraries, like jQuery-UI and jqGrid.My most pressing concern is only with the generic selector… >>> More
CSS: background image does not fill when scrolling

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, working on a very small site which loads in one go, so there is a div which holds all the background images, and on top of that (i.e. higher z-index) there is a content div which holds everything. I can switch backgrounds easily based on what content is selected. Unfortunately, I noticed if… >>> More
Drupal Background Image as Block or Node

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi There. I am having trouble wrapping my head around how to make editable background images in my custom Drupal 6 theme. My client wants to have a different background image for each main section (which use multiple content types: page, blog, image gallery)... I am wondering, is there a way to… >>> More
How can I fix the website's splash page to work in IE8 and below?

as seen on Stack Overflow - Search for 'Stack Overflow'
I have been trying to figure out for the longest time how I can get the splash page on this website to work correctly in IE8 and below? Right now, it works on all the other browsers (Firefox, Chrome, Safari). Here is the website: http://gds.parkland.edu/student/fall10/gds220/ashipley/p2/final_revised/index… >>> More
Interface builder UIButton custom background image not working on simulator/device

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm trying to do something really simple. I have an image for a button and I'm trying to set it on a custom button in interface builder. I set the background image accordingly (no case sensitivity problem here). In interface builder it shows up, but in the simulator or on the device it doesn't appear… >>> More