Hi I designed my website in Photoshop, sliced , and opened it in dreamweaver. I want a interactive s

Hi I designed my website in Photoshop, sliced , and opened it in dreamweaver. I want a interactive spry bar but when ever I try to insert it, I get gaps in my page.
Below is the complete code: http://www.coriemoment.com
<html>
<head>
<title>home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="auto" topmargin="auto" marginwidth="auto" marginheight="auto" margin:0;>
<!-- Save for Web Slices (home.psd) -->
<table id="Table_01" width="1281" height="768" border="0" cellpadding="0" cellspacing="0">
          <tr>
                    <td colspan="6">
                              <img src="images/index_01.png" width="1280" height="220" alt=""></td>
                    <td>
                              <img src="images/spacer.gif" width="1" height="220" alt=""></td>
          </tr>
          <tr>
                    <td rowspan="4">
                              <img src="images/index_02.png" alt="" width="414" height="548"></td>
                    <td rowspan="3">
                              <object width="564" height="423"><param name="movie" value="http://www.youtube.com/v/XbuQiJ6Sv_M?hl=en_US&version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/XbuQiJ6Sv_M?hl=en_US&version=3" type="application/x-shockwave-flash" width="564" height="423" allowscriptaccess="always" allowfullscreen="true"></embed></object></td>
                    <td colspan="3">
                              <img src="images/index_04.png" width="255" height="89" alt=""></td>
                    <td rowspan="4">
                              <img src="images/index_05.png" width="46" height="548" alt=""></td>
                    <td>
                              <img src="images/spacer.gif" width="1" height="89" alt=""></td>
          </tr>
          <tr>
                    <td rowspan="2">
                              <img src="images/video_03-07.png" width="1" height="336" alt=""></td>
                    <td rowspan="3">
                              <img src="images/index_07.png" width="34" height="459" alt=""></td>
                    <td>
                              <script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'search',
  /*put your twitter id that people use to reply to you below. Mine is mhorning. If you only want to see the Tweets that you have Tweeted, then delete the part below that says- OR to:coriemoment */
  search: 'from:coriemoment OR to:coriemoment',
   /*this is the duration in terms of seconds*/
  interval: 30000,
   /*this is the title you want on your tweets*/
  title: 'Corie Tweets',
  subject: 'Send us your comments',
   /*setting width to 'auto' will adjust the width of your tweetbox to whatever is set on your div. You can change this to something like 500px if you want*/
  width: 'auto',
  height: 212,
  theme: {
    shell: {
             /*this will change the background color of your tweetbox. It is currently yellow*/
            background: 'body p, body img, body embed, body object, body video{opacity:1 !important}',
      /*this will change the color of the text in your background*/
            color: 'fac935'
    tweets: {
             /*this will change the background color behind your tweets. It is currently white*/
            background: 'body p, body img, body embed, body object, body video{opacity:0.2 !important}',
       /*this will change the color of the text in your tweets. It is currently black*/
            color: '#000000',
       /*this will change the color of anything that is hyperlinked in your tweet. It is currently blue*/
            links: '#1985b5'
  features: {
    scrollbar: false,
    loop: true,
    live: true,
    behavior: 'default'
}).render().start();
</script></td>
                    <td>
                              <img src="images/spacer.gif" width="1" height="302" alt=""></td>
          </tr>
          <tr>
                    <td rowspan="2">
                              <img src="images/index_09.png" width="220" height="157" alt=""></td>
                    <td>
                              <img src="images/spacer.gif" width="1" height="34" alt=""></td>
          </tr>
          <tr>
                    <td colspan="2">
                              <img src="images/index_10.png" width="566" height="123" alt=""></td>
                    <td>
                              <img src="images/spacer.gif" width="1" height="123" alt=""></td>
          </tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>

Very bad practice to just use image slices into your website.
Check out this tutorial to learn how to efficiently slice, dice and markup your design into an active HTML format - http://net.tutsplus.com/articles/news/slice-and-dice-that-psd/
Also, Spry - has been deprecated and is no longer officially supported by Adobe. http://blogs.adobe.com/dreamweaver/2012/08/update-on-adobe-spry-framework-availability.htm l
Consider using a jQuery menu.
-Sudarshan

Similar Messages

  • I designed a website for my client and he had already purchased a hosting package with a company, Mu

    I designed a website for my client and he had already purchased a hosting package with a company, Muse is asking for the Business Catalyst in order to use the contact us form. What can I do in order to fix this and avoid having to purchase the Catalyst service. Please advise can the code be alter?

    Yesterday Adobe announced updates to all the creative cloud products, including Muse. One of the new features for Muse is Forms that work on most hosting providers(not just BC).
    The new version of Muse will be publicly available in June. Prerelease builds are available now for users who have joined the prerelease program (http://www.adobekb.com/participating_in_muse_beta.html)
    http://www.adobe.com/products/muse.html
    http://adobe.ly/17IojFs
    http://youtu.be/RrXHhiY4-a0

  • If I start a one year contract for photoshop/lightroom, and then 6 months in, I want to upgrade to the full cloud, do I get out of the rest of the payments for the photoshop/lightroom, and just start paying a total cloud fee?

    If I start a one year contract for photoshop/lightroom, and then 6 months in, I want to upgrade to the full cloud, do I get out of the rest of the payments for the photoshop/lightroom, and just start paying a total cloud fee?

    Upgrade single to all Cloud http://forums.adobe.com/thread/1235382 may help

  • Can't export an EPS file from Photoshop CS5 and open in Illustrator CS5.

    I'm on Mac OS X Lion 10.7.5
    I am making DVD covers for print. The barcodes for the DVD covers have to be done in Illustrator. But the original designs are done in photoshop including the text. For years this hasn't been a problem. Right before adding the barcodes I create an EPS file from photoshop, open that file in Illustrator and all my text is automatically coverted to perfect crisp clean vectors, viola! I add the barcodes and export the PDF for the printers.
    But now I can't open my EPS files in Illustrator CS5 even though I'm exporting them the same way I always have from Photoshop CS5. Illustrator says... "The operation cannot complete because of an unknown error." --> Note it does not give an error number after this warning like I see it does for so many other people.
    I have been trying to fix this for over 10 HOURS spanning 2 days! I'm infuriated I can't get help from Adobe on this and have read all the forums and don't see my problem listed anywhere.
    I've tried:
    - Deleting the .plist file and the Settings folder & resetting my permissions
    - Uninstalling and Reinstalling Illustrator
    - Turning off all other applications
    - Creating more disk space on my hard drive (even though I have 200gb available)
    - Restarting the computer
    - Disabling my Font book and still I can't open the EPS file
    I thought maybe it's possible it's the font I'm using Fontesque OT so I even tried converting text to objects prior to exporting the EPS file from photoshop to illustrator and turning off my font book, but still it won't open. And if I open the PSD directly in Illustrator, text comes out a bit fuzzy in the PDF I export.
    If anyone can provide any solutions I would be so grateful! I'm at my wits end here, this should have taken under an hour to do and now it's ruining my entire weekend. I'm completely panicked because I was suppose to have these to my client over the weekend so they could turn them in for Print frist thing on Monday morning and of course Adobe provides no chat support or phone support after 7pm on weekday or on the weekend which is when this all started.

    I never even thought of reinstalling photoshop, but I think this was a font issue. I'd never saved an EPS with Fontesque OT Regular enabled, only Fontesque OT Bold. Somehow I think the font was causing the problem because ridding the font from the equation allowed me to open the EPS file.
    After 12 HOURS of trying different things I found a WORK AROUND...
    I had to:
    - Select the Text in Photoshop (with Fontesque OT enabled)  --> Select Create Work Path --> Covert to Shape on each of the text items
    - Save EPS file out of Photoshop
    - Disable Fontesque OT font in Font Book
    - Then open EPS in Illustrator add in my Barcodes and export the PDF
    (the barcodes have to be added in Illustrator because they need to be pure 100% black with no CMYK color in them. You can't save them out of Photoshop that way, only Illustrator, otherwise I would have made my pdf straight out of photoshop like any other normal human
    This work around is the only way I could get the EPS files to open in Illustrator and still have the text remain super crisp like a vector.
    NOTE to others in the future about crisp text from Photoshop to Illustrator:
    - Simply "converting to shape" did not preserve the vector. You have to Select Create Work Path --> then Covert to Shape on each of the text items (with the font enabled) for this to work and preserve the crispness of the text. Even creating "smart object" did not truly preserve my vectors or the text crispness in the EPS file once I imported it into Illustrator.
    DrStrik9 thank you SO MUCH for trying to help me. You did give me ideas that helped me figure out the workaround and also helped me feel not so alone as I struggled through this. I'm going to follow up with your other suggestions about reinstalling photoshop and also checking my RAM, etc. But I just want to that you so so so SOOOO much for all your time and consideration in this matter. I hope you have a wonderful amazing week ahead and that someone does something very nice and thoughtful for you too

  • Major Problem updating to Photoshop 2014 from Photoshop CC and Opening Lightroom

    windows 7 64 bit
    Updated from Photoshop CC and Lightroom 5 to Photoshop 2014 and Lightroom 5.5.  Now Cannot install and run Extension manager and extentions in Photoshop 2014 but continue to work in Photoshop CC.  Lightroom 5.5 refuses to open but Lightroom 4.2 continues to function sort of.
    Takes two double clicks to open Photoshop CC!
    Been on to Adobe support team twice.  Uninstalled Photoshop 2014 and Lightroom.  Used CC app to update to Photoshop 2014 but now exactly the same problems exist as before
    Help please!

    Roger, it seems you are facing 2 separate issues, one with not being able to launch Lr 5.5 and other with not being able work with extensions in PS CC 2014.
    So, here is what i would suggest:
    For the Lightroom launch issue, follow the solutions mentioned under Lightroom does not launch or get error: "Develop module is disabled" after 5.5 update
    And for the Extensions not available in PS CC 2014, check this out. Extensions and Extension Manager not available in Photoshop CC 2014
    Also, check this for more details. http://blogs.adobe.com/photoshopdotcom/2014/04/photoshop-spring-cleaning.html
    Hope that Helps.
    Cheers!
    ~ Arpit Kapoor

  • May i send photo from lightroom v4 to photoshop cs6 and open in camera raw?

    Hi
    i have lightroom v4 last version 64 and photoshop cs6 64 last updates
    i would like to send raw file from lightroom to photoshop without converting in psd or tiff but i would like to send from lightoom to photoshop the raw file
    in short open the image in camera raw from lightroom
    can  i do it?
    thanks

    Lightroom is Camera Raw. They're exactly the same code, provided versions are in step. Lr 4.4 = ACR 7.4.
    "Edit In Photoshop" (Ctrl E) opens the image in Photoshop, just as "Open" does in ACR. And even though you open it from Lightroom, it's actually ACR that silently renders it into Photoshop. Lightroom just passes on its settings.
    "Open As Smart Object" embeds the raw file into the PSD, so that you can reopen it in ACR, from Photoshop. Same function as you have in ACR to begin with.
    If Lightroom and ACR versions are not in step, things get more complicated and some options are missing.

  • Need to design a website that loads files and creates inventory

    I work for an engineering firm that would like to make a website that on one page you can upload PDF files to directories that would be named according to the project number that the user inputs.  After that I would like another page that would be able to list all of these project and have a link that would allow for the PDF file to be viewed.  Unfortunately I am very green to fancy website designs so any help of how to get started would be greatly appreciated.
    Our Web server runs Apache 2 / MySQL and PHP
    Thanks in advance.
    KHeinz

    bregent wrote:
    Without a solid foundation in the underlying technologies, it's pointless to start building a specific solution. It's like starting to build a house without knowing how to use a saw and hammer.
    I agree entirely.
    However, as it happens, I have just added a PHP recipe to the Dreamweaver Cookbook that describes how to upload images to a website. The principle behind uploading PDF files is identical. All that you need to change is the test for the MIME type. The recipe can be found here: http://cookbooks.adobe.com/post_Need_code_to_upload_image-16389.html.

  • Photoshop does not open directly in Dreamweaver

    I just installed Adobe Creative Suite CS5. I loved the convenience I had in my old CS2 of just right clicking on a psd file, choosing "open in photoshop" in the files viewer panel and it would open right up. Now, I do the same thing in my new Adobe creative suite dreamweaver and nothing happens.
    Any ideas?
    thank you.

    It is still there.
    Ctrl+click the image on the page, choose Edit with...
    You might first want to go into Preferences/File Types/Editors and configure which image formats should be opened in which version of Photoshop to get access to the editing application.

  • Adobe Photoshop CS and opening up raw files

    I am looking for help with opening up raw files in my Adobe Photoshop CS version 8.0.  I checked the camera raw which is version 2.0.  I tried to update it to the 2.4 but I don't think I updated it right.  Thank you for any help.

    I assume you're trying to get to ACR 2.4 in order to open DNGs created with the free, stand-alone Adobe DNG Converter?
    What is your OS, Mac or Windows?
    If you are on a Mac, see if the Photoshop menu has a menu item called "About Plug-in" which will lead you to Adobe Camera Raw and a box showing you what version of ACR you have installed.  It's been too long since I used the ancient CS1, so I can't remember id that menu item was there already or not.
    I don't know where that menu item is on Windows boxes.

  • Photoshop to design a website

    I am new to using the adobe products. Up to this point I have been using wordpress to design and build websites for friends. I am starting to get more friends asking me to build sites for them.
    Does Adobe have any free tutorials that I can review that can show me how to layout and design a website using photoshop?
    The last website I did was www.thetop40.com and I want to create something like this again.

    Hope these help:
    http://sixrevisions.com/photoshop/graphics-beginner-tips-web-designers/
    http://sixrevisions.com/photoshop/25-web-design-layout-tutorials/
    http://sixrevisions.com/web_design/40-useful-photoshop-web-layout-tutorials/
    http://help.adobe.com/en_US/photoshop/cs/using/WS18F9E180-3241-4891-ACC8-82C9DFB254F5a.htm l
    -janelle
    p.s.
    Great tutorial step-by-step
    http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.html
    i personally have created my first website via photoshop, then used dreamweaver in the end. Its just the way that i personally discovered what I had to do for my first website at that time.
    goodluck

  • How do I update slices in photoshop without losing the links in Dreamweaver??

    Hi all,
    I have designed a website in photoshop and everything is sailing smoothly. The only problem I have is that everytime I try to update the layout in photoshop I lose all the links I had put to the slices in dreamweaver. This happens even if am just adding a single word to the layout in photoshop and sav it for web. the website has many many links and everytime I update the site means I have to put the links on all over again and it is a chao as they are over 100 links....
    Is there a way to update the layout in photoshop and still have the slices with their links in dreamweaver?? I also lose all my DIV tags when I update the site...
    Please help

    Sounds like you're exporting Save as type: HTML and Images, which will overwrite your modified HTML (anchors etc) in your web page every time.
    When you export the slices, try exporting Save as type: Images Only, so that only the image get exported and your modified HTML (anchors etc) stays intact.
    Provided your slice names and dimensions don't change, only the sliced images will update and your page layout will remain intact.

  • CameraRaw is not updated in Photoshop CC and Photoshop CC 2014. Active version is still 8.3, although 8.5 is available. AAM and CC App say everything up-to.date.

    On my Windows 7 (x64) PC I have Photoshop CC and since this morning Photoshop CC 2014. If I open a RAW or DNG file in either of them, CameraRaw version 8.3 opens. When I search for updates via Help -> Updates, no updates are found. Creative Cloud App shows no updates as well (everything up-to-date).
    For Photoshop CS6 (installed in parallel, local license, no cloud version) I got an update to CameraRaw 8.5 today. And it works in this old version.
    Tried already to download manual update from Keeping Photoshop Up-To-Date. However, Installer fails with "Update failed.Updates couldn't be installed".
    How can I make CameraRaw 8.5 available for CC / CC 2014 as well ?

    Solved ! Found another post in this forum that gave me some useful hints. You have to download Camera Raw 8.5 manually.
    Download link for Camera Raw 8.5.0.236 for Windows is http://swupdl.adobe.com/updates/oobe/aam20/win/PhotoshopCameraRaw8-8.0/8.5.50/setup.zip
    The Installer didn't work, so I only unzipped the file. You can find the Camera Raw plugins in the sub-directories:
    32-bit version:
    - > payloads/AdobeCameraRaw8.0All-050614141453/Assets1_1.zip
    extract file "1003" and rename it to "Camera Raw.8bi"
    copy it to c:/Program Files (x86)/Common/Adobe/Plug-ins/CC/File Formats/CameraRaw.8bi (previous CameraRaw is overwritten, you should copy old version to a save place first)
    64-bit version:
    - > payloads/AdobeCameraRaw8.0All-x64-050614143245/Assets1_1.zip
    extract file "1002" and rename it to "Camera Raw.8bi"
    copy it to c:/Program Files/Common/Adobe/Plug-ins/CC/File Formats/CameraRaw.8bi (previous CameraRaw is overwritten, you should copy old version to a save place first)
    Start Photoshop CC and open a RAW file to be sure it's ok now.

  • Newbie: I need to get 3 copies of Photoshop, InDesign and Illustrator, what licenses do I need?

    I have three users that each wanting a copy of  Photoshop, InDesign and Illustrator.
    I of course want to do this in the most administratively and financially efficient way.
    What licenses do I need?
    I though at first it would be one cc4t for the company and then three single licences for each user (nine in total)
    My reseller is just making me more confused!

    The links to adobe site just made the confusion worse. :-(
    Thankfully I found Wikipedia much clearer.
    It looks like the three apps they want are included in cc4t so all I need is three cc4t licences and as an (un-creative) admin there is no charge for me having a "control panel"
    Thanks though for trying.
    Neil
    https://en.wikipedia.org/wiki/Adobe_Creative_Cloud

  • Sliced and imported photoshop layout into dreamweaver

    First, I am a newbie to all of this web design stuff and
    coding and dreamweaver. I wanted to create my first website so here
    I am. I went through 2 different tutorials (youtube and on
    lynda.com) I created a layout in photoshop and I also sliced it. I
    imported it into dreamweaver (CS3 by the way).....I somewhat
    understand what I am doing. I did all the defining a site and I
    clicked on the content box that I sliced and deleted it and
    inserted a div / added the image that go there, then I made that
    area editable. The layout I imported I saved it as a
    template.Anyway, so basically I am clicking on each sliced area,
    deleting it, and inserting a div there. No problem. Now, the sliced
    areas that has about, home, contact, etc.....those I needed to make
    as links/clickable images. So, before performing the delete then
    inserting a div part.....I first clicked on the sliced area then at
    the bottom of the screen, where it says link, I did a point to
    file, basically linked it. Now, when I preview it in the browser,
    it displays boxes around the sliced navigation menu, which it is
    nit suppose to. see here is a screen shot...
    http://i36.tinypic.com/2eowewm.jpg
    What did I do wrong? Why is it showing up in a table when I
    didn't create it in a table? How can I remove that purple looking
    table border?
    Also, when I go to each of the sliced navigation menu, then
    delete it and insert a div..... the image there...it will not let
    me turn it into a link.
    How do I turn my sliced navigation menu images into links. I
    know I am doing something wrong but just don't know what it is. Is
    there a code I can use or am I suppose to modify or insert
    something? and how do I remove the box from around it?
    What is an easy way? Is there a tutorial out there?
    I want my layout to look like what I mocked up in photoshop.
    Is there a way I can create the same layout in dreamweaver? The
    problem isn't the background, it's trying to get the pink area in
    the center of the lalayout. I didn't know how to do that so thats
    why I tried the way of creating it in photoshop.
    Please help

    > youtube and on lynda.com
    Regardless of what these tutorials lead you to believe, it is
    the WRONG
    approach. Read this to get some perspective -
    Taking a Fireworks comp to a CSS-based layout in Dreamweaver
    http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
    http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt2.html
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "missdrika" <[email protected]> wrote in
    message
    news:[email protected]...
    > First, I am a newbie to all of this web design stuff and
    coding and
    > dreamweaver. I wanted to create my first website so here
    I am. I went
    > through 2
    > different tutorials (youtube and on lynda.com) I created
    a layout in
    > photoshop
    > and I also sliced it. I imported it into dreamweaver
    (CS3 by the
    > way).....I
    > somewhat understand what I am doing. I did all the
    defining a site and I
    > clicked on the content box that I sliced and deleted it
    and inserted a div
    > /
    > added the image that go there, then I made that area
    editable. The layout
    > I
    > imported I saved it as a template.Anyway, so basically I
    am clicking on
    > each
    > sliced area, deleting it, and inserting a div there. No
    problem. Now, the
    > sliced areas that has about, home, contact,
    etc.....those I needed to make
    > as
    > links/clickable images. So, before performing the delete
    then inserting a
    > div
    > part.....I first clicked on the sliced area then at the
    bottom of the
    > screen,
    > where it says link, I did a point to file, basically
    linked it. Now, when
    > I
    > preview it in the browser, it displays boxes around the
    sliced navigation
    > menu,
    > which it is nit suppose to. see here is a screen shot...
    >
    >
    http://i36.tinypic.com/2eowewm.jpg
    >
    > What did I do wrong? Why is it showing up in a table
    when I didn't create
    > it
    > in a table? How can I remove that purple looking table
    border?
    >
    > Also, when I go to each of the sliced navigation menu,
    then delete it and
    > insert a div..... the image there...it will not let me
    turn it into a
    > link.
    >
    > How do I turn my sliced navigation menu images into
    links. I know I am
    > doing
    > something wrong but just don't know what it is. Is there
    a code I can use
    > or am
    > I suppose to modify or insert something? and how do I
    remove the box from
    > around it?
    >
    > What is an easy way? Is there a tutorial out there?
    >
    > I want my layout to look like what I mocked up in
    photoshop. Is there a
    > way I
    > can create the same layout in dreamweaver? The problem
    isn't the
    > background,
    > it's trying to get the pink area in the center of the
    lalayout. I didn't
    > know
    > how to do that so thats why I tried the way of creating
    it in photoshop.
    >
    > Please help
    >

  • Is it possible to design a website completely in Fireworks?

    Just wondering if this is possible I used to be a engineering designer (& learned dozens of progams while in the field) & I'm trying to help my buddy with his new business building a website. I have no desire or need to learn code. Fireworks seems easy & I was wondering if it was possible to design a complete website in it?
    I'm almost done with his site I exported it as html & images in Fw's CS5 the only problem I'm having is the layout is fixed. I clicked on the center button under the export options but it doesn't do anything?
    I would also like the parts (header, nav buttons, images, & text boxes) to change as a proportion of the browser/screen size (I believe this is called flexible) but remain overall centered on all the pages.
    Thanks for helping out the newbie, please let me know how I can return the favor it would be my pleasure.
    -Brandon

    I am re-designing our company's Website using (in order) PhotoShop CS5, Flash (with f4v fullscreen capable video), Fireworks and Dreamweaver CS5. I have always admired the appearance of websites created by graphic artists as opposed to non-artistic "code heads".  It is of course important that the site does not contain code errors or an oddball configuration that will cause it to fall apart when viewed in browsers like, Wheezer Von Hacktule's Web Shredder etc.  I'm a video editor, and can't be bothered with the quantum properties of a pixel and edit from the pixel on up as some of the code heads do.  And their sites look like it.  Look at some of the sites regulars in the Dreamweaver forum have put together... sorry to be a critic.
    Trust me, unless you are designing Websites for a bank or some top secret government project, the visual design method IS the most quick and straight forward. Yes CSS.
    Without going into a lot of detail:
    You start your design with PhotoShop, carefully name your layers (lowercase and use underscores) and put them in order.  Make sure to include "white space" between your graphic elements.  When you are happy with the appearance, open the PSD with Fireworks.  Using the shape tool in Fireworks, create your divs. Give them names like top_head and side_buttons etc. and keep the shape "divs" on the lower layers in Fireworks just above your background.  Run the shapes to the outside edge of your design BUT allow space of about 5 pixels between the divs, keeping them separate. Use the slice tool to tell Fireworks what your exported images are going to be.  Be sure to name them in the Fireworks layer pallette.  Be careful that nothing overlaps the div shape container and that no slice overlaps on to another.  You can better see this by zooming way in on your design.  BTW Fireworks optimizes images for the Web, much better than PhotoShop.  Optimize each image according to its type, photographic, use jpeg, clip art-like images use gif.
    Don't "slice" text areas you want to remain HTML text as opposed to an image of text.  Fireworks will automatically create that area as text upon export.
    Export from Fireworks as CSS and images.
    Open your html page in Dreamweaver.  Some things will be out of alignment.  That is where knowledge of CSS comes in.  Do your refinements in Dreamweaver.  You may need to go back to Fireworks and make some changes, then re-export.
    OK, so I created a rather complex design and I saved it as a template.  I uploaded the design to our server and checked it in Adobe Browserlab as well as the W3C Markup Validation page.  No alignment errors across many browsers and zero code errors at the W3C Markup Validation page.

Maybe you are looking for