Solved

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

Posted on 2009-04-09
3
1,227 Views
Last Modified: 2012-05-06
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
Comment
Question by:Dwight Baer
3 Comments
 
LVL 8

Assisted Solution

by:MrMintanet
MrMintanet earned 50 total points
ID: 24111919
So, you're wanting to know how to make a web page?  Right?
0
 
LVL 16

Accepted Solution

by:
glenn_1984 earned 450 total points
ID: 24111979
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
 

Author Comment

by:Dwight Baer
ID: 24113360
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

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Html Table Looping (part 2) 5 28
Load data upon clicking a button 8 35
html border input line 7 16
Copying table data to one another 15 31
FAQ pages provide a simple way for you to supply and for customers to find answers to the most common questions about your company. Here are six reasons why your company website should have a FAQ page
Color can increase conversions, create feelings of warmth or even incite people to get behind a cause. If you want your website to really impact site visitors, then it is vital to consider the impact color has on them.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

820 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question