Jump to content


HTML/Photoshop help


  • You cannot reply to this topic
2 replies to this topic

#1 digger123

    Young Padawan

  • Members
  • Pip
  • 1 posts

Posted 16 August 2006 - 04:28 PM

Hi guys,

I am pretty new to photoshop - I'm currently using CS 8.0. I recently was asked by a company to design an image for their "under maintenance page". I did this and sent off a few examples to the guy. He replied, can you please send them in html format. I figured out that I could slice the image up into smaller files using the slice tool and then save as "html with images". I sent these off and his reply was, "These aren't actually HTML pages, just a big graphic cut up into parts. I'd like you to create a real HTML page for each design."

I'm pretty confused now with what I'm supposed to do, but don't want to ask as I'll look like a dummy and that I'm not up for the job. Can someone please point me in the right direction? It's a very basic page - that simply contains an image saying the site is under maintenance.

Any help would be greatly appreciated.

Kind regards, Digger

#2 Matthew.

    Official Spammer .Matt

  • Members
  • PipPipPipPip
  • 2,749 posts
  • Gender:Male
  • Location:England

Posted 16 August 2006 - 05:53 PM

You want to slice out say the main logo or whatever it is and code it by hand.

Example:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
	<head> 
		<title>Untitled</title>
		
		<style type="text/css">
		<!-- 
		
		body { background: [color]; }
		img { border: 0; }
		
		-->
		</style>
	
	</head>
   
<body>

<img src="image.ext" alt="image alt" />


</body>
</html>

Instead of using images & tables which is what CS produces, use a single image and a background color (replace [color] with the hex) and also add positioning etc.

Edited by .Matt, 16 August 2006 - 05:54 PM.


#3 Scythar

    Honored X Staff

  • Members
  • PipPipPipPip
  • 1,888 posts
  • Gender:Male
  • Location:Antwerp (Belgium)

Posted 17 August 2006 - 02:19 AM

choose "jump into imageready" and there you can save (or was it optimized) as... it will be the html and all the bits and pieces you are referring too.





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users