Solved

Photoshop and Frontpage 2000

Posted on 2000-03-09
9
144 Views
Last Modified: 2010-04-02
I am familar with designing web pages in FP. I am also familar with editing gif's and jpeg's in PhotoS. So in order to make "web pages" in photoS. I have to "specify" each "cell" or section in pixels? In other words there is no "EASY" way around it from what I have read.

I've read 2 books on PS. Is there any templates I can go by? Is there anything I need to be aware of if designing in PS then transfering to FP and then uploading?

Thanks
0
Comment
Question by:PaulRisko
  • 4
  • 2
  • 2
  • +1
9 Comments
 
LVL 30

Accepted Solution

by:
weed earned 100 total points
Comment Utility
Design your whole page in Photoshop. Use guides to slice up the page into the chunks. With "snap to guides" on your rectangular marquee will snap to the guides (duh) and allow you to make perfect selections of those squares. Copy, and paste each square into a new PS document and save it. From there just assemble it in FP. My suggestion would be to upgrade to PS 5.5 where you get ImageReady which automates the slicing, linking, optimizing, and html writing.
0
 
LVL 2

Expert Comment

by:coopa
Comment Utility
I'd go with the PS5.5 suggestion... It's superb for splicing internet graphics and the optimisation routines are fantastic.
0
 
LVL 2

Author Comment

by:PaulRisko
Comment Utility
Well, I am using 5.5 I'll give it a shot.
Anything more would be helpful. I will get back in a few days. Thanks
0
 
LVL 30

Expert Comment

by:weed
Comment Utility
If youre using 5.5 you also have ImageReady on the CD as well as in the default installation.
0
 
LVL 1

Expert Comment

by:cevr
Comment Utility
Use Photoshop to create your graphics. Save the file and switch to ImageReady. Here you can make and preview rollovers, GIF animations, hyperlinks, etc. When you're done, use the "Save As" in the "File" menu. Here you will have the options for HTML output. I found it best to create the hyperlinks connecting the pages when you're in Front Page, then "Save web as.." option. BADDA-BING!
                                     
0
 
LVL 30

Expert Comment

by:weed
Comment Utility
You dont even have to save and switch to IR...Theres a "switch to ImageReady" button on the bottom of your Photoshop 5.5 tools pallet to do it automatically. Course you could create your image from scratch in IR anyway since its basically the same tool.
0
 
LVL 1

Expert Comment

by:cevr
Comment Utility
When you hit the "switch to Image Ready"  button it will prompt you to save. Either way, you gotta save. The biggest difference between the two programs, I think, is the treatment of text, but you're right. Many times you can create the whole thing in IR. The strength of IL is the ease in which you can create roll-overs and animations.
0
 
LVL 2

Author Comment

by:PaulRisko
Comment Utility
Well, not to be a jerk, but no one has really shed any new light on the subject. Just about everything said so far is covered in the user guide suppllement that comes with PS 5.5

Thanks to all whom responded.
Paul
0
 
LVL 30

Expert Comment

by:weed
Comment Utility
If the manual is correct then theres nothing more to say.
0

Featured Post

6 Surprising Benefits of Threat Intelligence

All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

Join & Write a Comment

HOW TO CREATE A WEB 2.0 IMAGE WITH A REFLECTION I would like to start by saying I know Web 2.0 isn't a style. It is actually the practice of information sharing or  collaboration on the Web. It is also associated with the technology that is used …
In this article, I'll explain how to change the color of a selection in Photoshop. I'm sure there are a couple different ways to do this in photoshop, but this is my preferred method in Photoshop. I am using Photoshop CS6 and I will be adjusting the…
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
Illustrator's Shape Builder tool will let you combine shapes visually and interactively. This video shows the Mac version, but the tool works the same way in Windows. To follow along with this video, you can draw your own shapes or download the file…

728 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