Solved: dumb question I'm sure

ms_khw · 12-Mar-2010, 12:09 PM #1

I understand that web crawlers can't read images, there-fore quality content & key words are necessary. Here's my queston.

If I create a web site in fireworks or photoshop does the text transfer to dreamweaver as an image? Do I have to add the text after the transfer, if yes how do I keep the column & background sized as it was in firworks or photoshop.

tomdkat · 12-Mar-2010, 12:30 PM #2

If you enter the text in a graphics tool, it will be saved as an image. So, you would need to use the graphics tool to create the aesthetic layout of the page (backgrounds, etc) and enter the text for the page in a HTML editor of some kind.

As for how you maintain the page structure as created in the graphics tool when you make the actual HTML page in the HTML editor, that depends on how you handle the graphics and the approach you take to create the HTML page.

If you simply "slice up" the page image you created in the graphics tool, it (the graphics tool) will probably generate a HTML table which will hold the "parts" of the page image such that the page image will remain intact when viewed in a web browser.

Personally, I would use the graphic components of the page image composite as individual components on the HTML page. For example, if the page image has a colored background, I would use the HTML code for the page background instead of using the background "part" of the page image. If the page image has a graphic as a background, I would use that background "part" as the background image of the HTML page, keeping it separate from the other parts of the page image. Do you understand or did I lose you?

Peace...

ms_khw · 12-Mar-2010, 05:44 PM #3

Sorta lost me. If I understand, after the page is laid out, I can slice it, transfer it to dreamweaver but I would have to add the text after as html. Is that right? I've tried this but my whole layout gets messed up when I insert the text. Frustrated indeed.

tomdkat · 12-Mar-2010, 05:49 PM #4

Quote:

Originally Posted by ms_khw

Sorta lost me. If I understand, after the page is laid out, I can slice it, transfer it to dreamweaver but I would have to add the text after as html. Is that right?

Yep, that's one approach.

Quote:

I've tried this but my whole layout gets messed up when I insert the text. Frustrated indeed.

So, what happens if you transfered the "sliced" images to DreamWeaver and NOT add any text. Is the layout preserved?

EDIT: The ultimate goal is to get your graphics in the web page as background images. This way, the text you type will overlay them.

Peace...

ms_khw · 12-Mar-2010, 06:33 PM #5

If I set the images as background, they tile.

tomdkat · 12-Mar-2010, 06:41 PM #6

Wow, ok, you must be doing something wrong. Are you using Fireworks or PhotoShop to create the page image?

Peace...

ms_khw · 12-Mar-2010, 10:32 PM #7

Photoshop, I slice the layout and go through the steps of saving it as images & html in save for web. The whole layout if correct, no problems. I may have misunderstood you when you said to set it as a background. Doing so with the slices would make it tile I imagine. But if I place it in dreamweaver as I said and then add text, that is where I run into the problem of losing the shape of the layout. Hope that makes sense. I know I'm confused.

tomdkat · 13-Mar-2010, 03:39 AM #8

Thanks for the update. Could you post the HTML file that was generated by Photoshop so I can see what it did?

Peace...

ms_khw · 13-Mar-2010, 10:10 AM #9

I think I've got it. This is just a dummy layout. The text now shows in the browsers view page source as html & not an image. Now crawlers can crawl it for keywords. My slicing needs a little work as does my image optimization. A couple of pieces of background are missing due to my slicing. I put this together in a hurry, with a little practice I think I can get it. I can't thank you enough. This is my html:

<html>
<head>
<title>Untitled-1</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">

<table id="Table_01" width="781" height="601" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="12">
<img src="images/banner.jpg" width="780" height="132" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="132" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer_lft.jpg" width="154" height="79" alt=""></td>
<td width="349" height="328" colspan="5" rowspan="9">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque condimentum nibh eget ligula suscipit pharetra. Proin placerat nibh in dui congue porta feugiat elit sollicitudin. Integer rutrum orci vitae turpis interdum in tristique dolor fringilla. Mauris eu dolor
sed dui consequat volutpat. Curabitur malesuada viverra sapien, ac dapibus orci vestibulum vel. Fusce ut erat quis ante pharetra lacinia. In quis nunc dui, vitae tincidunt risus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent in augue dui, non euismod lorem. Curabitur
metus turpis, volutpat eget congue ut, dapibus at lorem. Fusce fringilla dignissim orci, semper sollicitudin ligula sodales non. Cras purus elit, dictum ut feugiat vitae, vestibulum vel mauris.

Suspendisse malesuada quam et lacus imperdiet consectetur. Duis erat neque, aliquam id tristique varius, rhoncus a lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi malesuada ligula quis tellus elementum mollis. Donec ipsum libero, aliquet sed scelerisque id, malesuada
eget enim. Suspendisse at odio lacus. Cras ut convallis felis. Ut convallis commodo dui, sit amet scelerisqu</td>
<td rowspan="9">
<img src="images/image_separator.jpg" width="17" height="328" alt=""></td>
<td colspan="4" rowspan="5">
<img src="images/fruit.jpg" width="241" height="163" alt="Fruit"></td>
<td rowspan="10">
<img src="images/rght_spacer.jpg" width="19" height="359" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="79" alt=""></td>
</tr>
<tr>
<td>
<img src="images/home_nav.jpg" width="154" height="20" alt="Home"></td>
<td>
<img src="images/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td>
<img src="images/services_nav.jpg" width="154" height="29" alt="Our Services"></td>
<td>
<img src="images/spacer.gif" width="1" height="29" alt=""></td>
</tr>
<tr>
<td>
<img src="images/about_nav.jpg" width="154" height="29" alt="About Us"></td>
<td>
<img src="images/spacer.gif" width="1" height="29" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/quote_nav.jpg" width="154" height="29" alt="Request A Quote"></td>
<td>
<img src="images/spacer.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td rowspan="5">
<img src="images/index_11.jpg" width="1" height="196" alt=""></td>
<td colspan="2" rowspan="2">
<img src="images/index_12.jpg" width="239" height="43" alt=""></td>
<td rowspan="2">
<img src="images/index_13.jpg" width="1" height="43" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="23" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/contact_nav.jpg" width="154" height="39" alt="Contact Us"></td>
<td>
<img src="images/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="3">
<img src="images/vegatable.jpg" width="240" height="153" alt="Vegatables"></td>
<td>
<img src="images/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/index_16.jpg" width="154" height="134" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="103" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="images/index_17.jpg" width="366" height="31" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="31" alt=""></td>
</tr>
<tr>
<td colspan="12">
<img src="images/bottom_spacer.jpg" width="780" height="69" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="69" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/index_19.jpg" width="183" height="23" alt=""></td>
<td>
<img src="images/home_bottom.jpg" width="60" height="23" alt="Home"></td>
<td>
<img src="images/services_bottom.jpg" width="91" height="23" alt="Our Services"></td>
<td>
<img src="images/about_bottom.jpg" width="72" height="23" alt=""></td>
<td colspan="2">
<img src="images/quote_bottom.jpg" width="114" height="23" alt="Request A Quote"></td>
<td>
<img src="images/index_24.jpg" width="1" height="23" alt=""></td>
<td>
<img src="images/contact_bottom.jpg" width="75" height="23" alt="Contact Us"></td>
<td colspan="3">
<img src="images/index_26.jpg" width="184" height="23" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="23" alt=""></td>
</tr>
<tr>
<td width="780" height="15" colspan="12">Copyright 2010</td>
<td>
<img src="images/spacer.gif" width="1" height="15" alt=""></td>
</tr>
<tr>
<td colspan="12">
<img src="images/index_28.jpg" width="780" height="2" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="154" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="29" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="60" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="91" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="72" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="97" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="17" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="75" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="164" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="19" height="1" alt=""></td>
<td></td>
</tr>
</table>

</body>
</html>

tomdkat · 13-Mar-2010, 01:54 PM **#10**

Coolio!

I was thinking you wanted a background image under the text but what you've got now should work just fine (as you have already found).

Good luck!

Peace...

ms_khw · 13-Mar-2010, 08:37 PM **#11**

I guess I didn't explain it very well
Thank you for all of your help, it was really kind of you to hang in there with me. msk.

tomdkat · 13-Mar-2010, 10:33 PM **#12**

No problemo.

Sometimes these things are easier to troubleshoot if we can see what's going on since the "devil is in the details", as they say.

Peace...

Tag Cloud
access acer asus bios bsod computer crash desktop driver drivers error ethernet excel freeze gaming hard drive hardware hdmi internet laptop malware memory modem monitor motherboard network printer problem ram registry router security slow software sound toshiba trojan ubuntu 11.10 uninstall usb video virus vista wifi windows windows 7 windows 7 32 bit windows 7 64 bit windows xp wireless

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Search
Search for:

Find the solution to yourcomputer problem!

Find the solution to your
computer problem!