#1
  1. No Profile Picture
    Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2003
    Posts
    3
    Rep Power
    0

    how to export graphic/navbar into dreamweaver?


    so i make this nice graphic/navigation bar for the top part of my webpage. i cannot figure out how to properly import it into dreamweaver with all the slices and rollovers.

    i export as html and images from photoshop, but DW does not let me insert html into my page (i get the dead link thing). i can insert the individual gif images one by one, but they are never aligned right or in place, and they mess up my page.

    what do i do?
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2003
    Posts
    36
    Rep Power
    11
    I usually take the HTML code that P'shop generated and paste it into the top of the page I want the header to be on. Also, if you have access to a Dynamic Language like PHP, ASP, ect. it might be worth your while to learn how to do a page include.
  4. #3
  5. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2002
    Location
    Honolulu
    Posts
    34
    Rep Power
    12
    Most of the time Photoshop comes with Image Ready. Same program but Image Ready is built for creating web pages. If you save optimized as "HTML and Images" and make sure you set the slices to the links you want, it will solve your problem.
  6. #4
  7. sardonyx quinx
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2003
    Posts
    156
    Rep Power
    11
    Your problem is how can you do a rollover images using PS and Dreamweaver, right?

    Try to do this steps. Just pretend that this is your actual work, ok?

    1. AFTER you have created your navbar design, you can try to slice it to separate those images with their respective links.
    2. Suppose your filename is: IMGOUT
    3. Try exporting your work in HTML and eventually, you'll get this ff file.

    IMGOUT.HTML
    images/IMGOUT1.jpg
    images/IMGOUT2.pg
    images/IMGOUT3.jpg
    so on...

    4. Now, try duplicating your navbar design so that in case of mistakes, you can go back where you started.
    5. Make a NEW design/look that you want to create DURING the MOUSEOVER event.
    6. RENAME your filename to IMGOVER.
    7. Try exporting your work in HTML and eventually, you'll get this ff file.

    IMGOVER.HTML
    images/IMGOVER1.jpg
    images/IMGOVER2.pg
    images/IMGOVER3.jpg
    so on...

    Now, you finally have your images when the user mouseover and mouseout with your image.

    Open your dreamweaver.
    Open your IMGOUT.HTML

    You can see your original layout and not those images when the users put their images over with your images.

    You know how to deal with Navigation Images in the Dreamweaver, right?

    Good. You can try this configuration under that section.

    Mouse Over: IMGOVER1.JPG
    Mouse Out: IMGOUT1.JPG
    Link: link1.html
    Alt: this is link 1
    Target: _self or _blank

    You can also try to edit these codes manually in notepad.
    Sardonyx Quinx
    Administrator, www.sardesigns.tk

IMN logo majestic logo threadwatch logo seochat tools logo