Solved

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

Posted on 2009-04-09
3
1,238 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

 Watch the Recording: Learning MySQL 5.7

MySQL 5.7 has a lot of new features. If you've dabbled with an older version of MySQL, it is definitely worth learning.

Question has a verified solution.

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

There’s a good reason for why it’s called a homepage – it closely resembles that of a physical house and the only real difference is that it’s online. Your website’s homepage is where people come to visit you. It’s the family room of your website wh…
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.
This tutorial will teach you the special effect of super speed similar to the fictional character Wally West aka "The Flash" After Shake : http://www.videocopilot.net/presets/after_shake/ All lightning effects with instructions : http://www.mediaf…

617 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