HTML - Dreamweaver With Photoshop Help

ok.. im a noob

i made my template in photoshop and now what I want to do it put my content in such as information, navigation etc. How to I write over the pics so that the text will be visible. Any help on this matter would be appreciated

Cheers

Ryan

I would like to create my web navigation using photoshop aswell as other menus but im unsure how to embedd them into html
For instance, i remeber seeing tutorial were a guy created a simple vertical blue navigation with slices for each link, then used HTML to put them together in his page. I could not find it so i came here.

Hi everyone, I'm creating a prototype ipad webapp for uni and I've managed to get stuck when using photoshop slices. Basically whats happened is that when I add a href to a slice a blue border appears and knocks all the slices out of line by a few pixels. I've tried Code:

frameborder="0"

but hasnt worked.

Is there a solution using html or would I be better off trying CSS?

Thanks, Claire

Help me with imageready/photoshop website?
Okay, heres the coding im confused with.. ive exported all the images from my photoshop website ive created and all of those fit perfectly in the coding... However, im having a problem with the navigation..

This is the coding:
websiteeeeeeeeeeeeeeeeeee_home_over = newImage("images/websiteeeeeeeeeeeeeeeeee-04.gif");
websiteeeeeeeeeeeeeeeeeee_home_down = newImage("images/websiteeeeeeeeeeeeeeeeee-05.gif");
websiteeeeeeeeeeeeeeeeeee_1_copy_3_over = newImage("images/websiteeeeeeeeeeeeeeeeee-09.gif");
websiteeeeeeeeeeeeeeeeeee_1_copy_3_down = newImage("images/websiteeeeeeeeeeeeeeeeee-10.gif");
websiteeeeeeeeeeeeeeeeeee_1_copy_4_over = newImage("images/websiteeeeeeeeeeeeeeeeee-13.gif");
websiteeeeeeeeeeeeeeeeeee_1_copy_4_down = newImage("images/websiteeeeeeeeeeeeeeeeee-14.gif");
websiteeeeeeeeeeeeeeeeeee_1_copy_6_over = newImage("images/websiteeeeeeeeeeeeeeeeee-17.gif");
websiteeeeeeeeeeeeeeeeeee_1_copy_6_down = newImage("images/websiteeeeeeeeeeeeeeeeee-18.gif");
websiteeeeeeeeeeeeeeeeeee_1_copy_8_over = newImage("images/websiteeeeeeeeeeeeeeeeee-21.gif");
websiteeeeeeeeeeeeeeeeeee_1_copy_8_down = newImage("images/websiteeeeeeeeeeeeeeeeee-22.gif");
websiteeeeeeeeeeeeeeeeeee_1_copy_10_over = newImage("images/websiteeeeeeeeeeeeeeeeee-25.gif");
websiteeeeeeeeeeeeeeeeeee_1_copy_10_down = newImage("images/websiteeeeeeeeeeeeeeeeee-26.gif");
websiteeeeeeeeeeeeeeeeeee_1_copy_12_over = newImage("images/websiteeeeeeeeeeeeeeeeee-29.gif");
websiteeeeeeeeeeeeeeeeeee_1_copy_12_down = newImage("images/websiteeeeeeeeeeeeeeeeee-30.gif");
preloadFlag = true;
etc.... i wont post the entire thing, but thats for the navigation..and im lost.. i still have the navigational images left, but i dont know where to put them within the code. can anyone help me?

Ok so I made a kinda complex layout in photoshop by slicing and I'm using hte code they gave me to put it all together. I've switched the images from being in the table to being the background of the table. Everything seems to work great. But I'm trying to make it so that when I type too much in the body function the body will just roll down and repeat itself and the links on the left side will stay and do nothing. But at the same time I want it so when I get too many links I want the links bar to continue to roll down and repeat itself while the body does nothing. Well right now when the body rolls down there are gaps in every break in images on the links side. I've tried valigning them all to the top and it works on the first one but the 2nd 3rd and 4th image still have gaps between them. Any suggestions?

How do you insert Google adsense code into a table, because when i make a website using Photoshop it makes a bunch of tables. Is it possible to put adsense into a table?

Thanks

Hey all,

I'm new here, and I love the layout of this website! I like the bright colors!

Anyway... I created a website layout/site in Photoshop CS 5. The website: www.thegarbagedump.net I saved it as a html & images.. The issue I am having is when you click one of the bottons I want it to open the html document and display it within that square area with the border around it. I know I probably need a frame to do this, however I dont know how to add a frame, and it appears photoshop saved it in tables.. Could you please review the html source, and tell me how/where to add a frame, and make the Home, About, Domains button appear within that square area with the border?

Thank You,
Justin

Hi there! I'm in the process of designing my first website, so I'm pretty green at this. I will have a number of internal and external hyperlinks links on my pages that I want to apply to rollover images. I have created the rollover images in Photoshop with slices, URLs etc. That all went fine, but here's my problem. When I save the image in Photoshop, the tutorial tells me to save the image as "HTML and images". This produces an image file and an associated HTML file that contains the script information for the actual image file. I can't figure out how to create an <A hef...> link or whatever is needed in my main HTML file that will get this "image" html file to show up in the browser and to call the rollover image so it works on mouseover. I've tried a number of options, but none seem to work. I assume that I need an <IMG SRC...> in there somewhere to call the image?? Any help on this would be awesome as I'm about to lose it over this one. Thanks!

Hello every1,

I'm using adobe cs3 now, but i seem to be having a little bit of a problem. When i come to type in the html code:

<param name="wmode" value="transparent" />
wmode="transparent"

The code does not seem to work now.
What is the new code that i will need to enter?
Or do you have to do something in flash?

Thanks for the info?

When you are using dream weaver for a website, do you have to install it onto the server I was going to use it because I think it's a nice layout for HTML coding.

In the site: www.eldon.com

see those little dotted lines in the page?

I couldn't figure out how they did this to save my life...

Thanks...

I have been following this incomplete tutorial series http://www.youtube.com/user/EdzJohnson and have a finished product of what was done in Photoshop Website Design Tutorial 2. As of right now there is no third tutorial but I would still like continue developing my website. Currently the code represents the lay out of sliced up images for the web banner and some map tags surrounding the locations of where a button would link you to something else. However, I do not know where to place the link tags so the map locations actually link you to something else.

does anyone know where to place the link tags?
Code:

<html>
<head>
<title>dobbs and bishop cheese de sliced10152010</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (dobbs and bishop cheese de sliced10152010.psd) -->
<table id="Table_01" width="1153" height="168" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="11">
			<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_01.gif" width="1152" height="16" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="16" alt=""></td>
	</tr>
	<tr>
		<td rowspan="7">
			<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_02.gif" width="85" height="152" alt=""></td>
		<td rowspan="6">
			<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_03.jpg" width="148" height="151" alt=""></td>
		<td colspan="9">
			<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_04.gif" width="919" height="50" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="50" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_05.gif" width="260" height="1" alt=""></td>
		<td rowspan="3">
      <img src="images/dobbs-and-bishop-cheese-de-sliced10152010_06.gif" alt="" width="176" height="54" border="0" usemap="#Map2"></td>
		<td colspan="5">
			<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_07.gif" width="483" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>
		<td rowspan="5">
			<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_08.gif" width="59" height="101" alt=""></td>
		<td>
      <img src="images/dobbs-and-bishop-cheese-de-sliced10152010_09.gif" alt="" width="191" height="52" border="0" usemap="#Map"></td>
		<td rowspan="5">
			<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_10.gif" width="10" height="101" alt=""></td>
		<td rowspan="5">
			<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_11.gif" width="41" height="101" alt=""></td>
		<td>
      <img src="images/dobbs-and-bishop-cheese-de-sliced10152010_12.gif" alt="" width="155" height="52" border="0" usemap="#Map3"></td>
		<td rowspan="5">
			<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_13.gif" width="39" height="101" alt=""></td>
		<td rowspan="3">
			<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_14.gif" alt="" width="190" height="64" border="0" usemap="#Map4"></td>
		<td rowspan="5">
			<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_15.gif" width="58" height="101" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="52" alt=""></td>
	</tr>
	<tr>
		<td rowspan="4">
			<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_16.gif" width="191" height="49" alt=""></td>
		<td rowspan="4">
			<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_17.gif" width="155" height="49" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>
		<td rowspan="3">
			<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_18.gif" width="176" height="48" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="11" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_19.gif" width="190" height="37" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="36" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_20.gif" width="148" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1" alt=""></td>
	</tr>
</table>
<!-- End Save for Web Slices -->

<map name="Map">
  <area shape="rect" coords="4,8,191,45" a href="C:Users/blood muffin/Desktop/dobbs and bishop website/croppedheaser/www.dobbsandbishop.comcheese.html">
</map>

<map name="Map2">
  <area shape="rect" coords="13,13,176,47" href="www.dobbsandbishop.comother">
</map>

<map name="Map3">
  <area shape="rect" coords="5,9,153,48" href="www.dobbsandbishop.comphoto">
</map>

<map name="Map4">
  <area shape="rect" coords="11,-5,188,55" href="www.dobbsandbishop.comglossary">
</map>
</body>
</html>

can you please give a site or link where can I download dreamweaver? I have heard is good to build web pages and learn html. Thanks!

Dear Members,

When I type more text, it gets scroll but it disturbs all of my bars which is above.

How do I rectify them?

Please see the link which is mentioned below

http://www.sahiwala.com/christian/index.html

Please give me a solution at the best

Best Regards

I'm starting a new website on Dreamweaver. Can't remember how I did this the first time: I need some jpg images to go into my images folder. I created a folder for my website on my hard disk (local root folder)...and I defined my site on Dreamweaver, with an image folder....but when I try to add images to the folder, it won't accept them on Dreamweaver. Does anybody know what I'm doing wrong?