• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1253
  • Last Modified:

How to turn a. .jpg image into a .html web page?

I'm "fishing" with this question ... I just purchased Adobe Web CS4, including Photoshop, Fireworks, and Dreamweaver.  (I'm a network administrator, not a web site designer, but I want to learn web site design as quickly as possible.  I know I need to do the tutorials on all the products, but ...)
Can someone help me get started quickly by telling me the general procedure for taking a .jpg image and turning into a semi-transparent layer to serve as the background for a web page?
I think I need to start by opening the .jpg in Photoshop, but I can't see the option in Photoshop to save as .html.  I can see "Save as .PNG".  Then I can open the .PNG file in Dreamweaver, but it comes up as a white page.  Or I can open it in Fireworks, but that doesn't have the option of "Save as .html" either.
Thanks for any tips.
0
Dwight Baer
Asked:
Dwight Baer
2 Solutions
 
MrMintanetCommented:
So, you're wanting to know how to make a web page?  Right?
0
 
glenn_1984Commented:
For tutorials go to tv.adobe.com

To do what you asked above:
Open the .jpg in Fireworks.
Click on File, Export
On the Export line click the down arrow and select either
html and images
or
css and images.

That will do want you want and you can edit the html in Dreamweaver.

However, that is really not the full story.

For example, if your .jpg is large, you want to create sliced in Fireworks first.
Then you can export as above along with the slices.
Slices create smaller .jpgs that fit together so the web page loads faster.

0
 
Dwight BaerStudentAuthor Commented:
Thanks, MrMintanet and glenn 1984.  Yeah ... I know how to make web pages, but what I was looking for was some hints with regard to how the various Adobe Web CS4 products work together.  You've given me a start ... I expect tomorrow I may be asking some more specific questions.  Thanks again!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Get your problem seen by more experts

Be seen. Boost your question’s priority for more expert views and faster solutions

Tackle projects and never again get stuck behind a technical roadblock.
Join Now