Solved

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

Posted on 2009-04-09
3
1,209 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
Comment Utility
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
Comment Utility
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
Comment Utility
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

Highfive Gives IT Their Time Back

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Using SQL Scripts we can save all the SQL queries as files that we use very frequently on our database later point of time. This is one of the feature present under SQL Workshop in Oracle Application Express.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…
Make a selection using the pen tool to trace the selection. Then alter the color of the selection by using the color balance option in Adobe Photoshop.

771 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

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now