Illustrator into Dream Weaver

So first of all this is my first time here and I am very sorry if I forget anything or do anything wrong. I looked for this question and was not able to find it. I would appreciate any help that anyone can offer. Here is some of the information
I am on Windows Vista Business
Dell Optiplex Gx745
Intel Core 2
Adobe Web Premium CS3
Here is my problem:
My company is always sending our marketing pieces to an outside company and I was hoping to take on this and make my position in the company a little more solid. When the latest piece needed to be made I volunteered to design it and I thought the best way to do so was through Illustrator. I put a lot of work into designing it and the company loves it. It came out great but now I need to make it functional. It is suppose to be sent out as an email and have a link in the email to our website that will have a sign up form. I cannot seem to figure this out. I can make it into a PDF and then ad a link in that but when I make it into a HTML the link does not work. I have tried to but it into Dream Weaver but it only comes across as an image (jpg) and to add a button I cant put it on top of the image. Please help me figure out how to make my Illustrator file into a html with active links.

Anthony,
A regular plain image (like a JPEG or GIF) can't actually have a clickable area, you can create clickable areas by placing the image into an html document and using either a hyper link on an image or an image map to make a link to the form.
There are several ways to get what you want. One possible solution is to export your design from illustrator using the Save for Web & Devices command. The two most common formats for web images are JPEG and GIF. The JPEG format works well for continuous tone images and the GIF format is superior for limited tone Then you can open Dreamweaver, Insert the image into a web page and use the image map tools to draw a rectangular hotspot around the area of the image you want to be clickable. When the hotspot is selected you can add the address you want it to link to to in the Property inspector at the bottom of the interface.

Similar Messages

What is the easiest way to add a slide show to a dream weaver page?

What is the easiest way to add a slide show to a dream weaver page?

Copy & paste the following code into a new, blank document. Change images to your own. SaveAs test.html and preview in browsers.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 with Cycle2</title>



<script src="http://code.jquery.com/jquery-latest.min.js">
</script>

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.min.js"></script>
<style>
/**Slideshow**/
.cycle-slideshow {
    position: relative;
    z-index: 1;
    width: 400px; /**adjust width as required**/
    margin:75px auto;
    text-align: center;
.cycle-slideshow img { max-width: 100% }
/* prev / next links */
.cycle-prev, .cycle-next {
    position: absolute;
    top: 0;
    width: 20%;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 800;
    height: 100%;
    cursor: pointer;
.cycle-prev {
    left: 0;
    background: url(http://malsup.github.com/images/left.png) 50% 50% no-repeat;
.cycle-next {
    right: 0;
    background: url(http://malsup.github.com/images/right.png) 50% 50% no-repeat;
.cycle-prev:hover, .cycle-next:hover {
    opacity: .7;
    filter: alpha(opacity=70)
/**END SLIDESHOW STYLES**/
</style>
</head>
<body>
<h1><a href="http://jquery.malsup.com/cycle2/">JQuery Cycle2</a></h1>

<div class="cycle-slideshow"
    data-cycle-fx="fade"
    data-cycle-timeOut="2000"
    >

<div class="cycle-prev"></div>
<div class="cycle-next"></div>

<img src="http://jquery.malsup.com/cycle2/images/p1.jpg" alt="description">
<img src="http://jquery.malsup.com/cycle2/images/p2.jpg" alt="description">
<img src="http://jquery.malsup.com/cycle2/images/p3.jpg" alt="description">
<img src="http://jquery.malsup.com/cycle2/images/p4.jpg" alt="description">
<p>Mouse over image for previous / next links</p>
</div>

</body>
</html>
Nancy O.

Dream Weaver CS 3 Image Insert

Hello. I'm new here, and probably don't have right forum but here goes. Dream Weaver CS 3. I am trying to set up my first test web page and seem to do okay until I get to images. When I insert image and select what I want, it says "not in root folder, do I want to save image to this folder" I click yes, then try to insert. All I get is some kind of a "form image" I take it to be - looks like a place holder. If I drag the image its name appears at the insert point but no image.   What am I doing wrong, or where do I post this? Thanks.

Hi,
You dont need spry, its a simple nav bar is all. Most likely was created by hand.
This is the CSS code for it.
#navbar {
     width:960px;
     height:1.4em;
     margin:0 auto;
     text-align:center;
     line-height:1.4em;
This is the HTML code for it.
        <div id="navbar">
             <a href="index.html">Home</a>
             <a href="about-artigas-plumbing.html">About Us</a>
             <a href="services.html">Services</a>
             <a href="plumbing-tips.html">Tips & Hints</a>
             <a href="contact.html">Contact Us</a>
        </div>
The div layer is a simple way to contain the links then it uses the CSS to control the layout.
That kind of code is applied to each page or you could create a template then put that code into it and apply the template to a page. Then all pages with that template applied to it can be updated easily.

Dream Weaver and IFS

Hi
We are having Dream Weaver manage the files on the Desktops of Users
Dream Weaver takes care of tracking the embedded image files in the HTML files.
questiona are
1. Does IF take care of the embedded Image
files (gif, jpgs etc..) and if NO
then
2. Can Dream Weaver do the file uploads
through IFS
Also when loading content into Database (IFS not in picture here), with only Intermedia in picture, how do we mange to maintain the links of the image files embedded in the HTML files which will be stored in the database?
Or is it that Oracle takes care of this implicitly?
Answers required ASAP
Thank you very much for the same
Would appreciate any links or suggetsions to refernce manual
-nandeep
null

We used dreamweaver in the development of iFS's WebUI. You can use either FTP or map the iFS repository as a network drive using SMB.
Any links to graphics will be retained. It is always best to use relative links as they have a much better chance of being portable.
jeff

Dream Weaver CS 3 crashes when FTPING

I have just started to use Dream Weaver again, I used it a
few months back. When I click on remote site and test connection,
it crashes. I am on a IMAC running 10.5.5 and the latest Dream
Weaver CS3. I see resolutions using IP address and it does not
work. I have no fire wall issue since I can ftp files from the
command line. There is no Antivirus running. Any ideas?

Hi,
You dont need spry, its a simple nav bar is all. Most likely was created by hand.
This is the CSS code for it.
#navbar {
     width:960px;
     height:1.4em;
     margin:0 auto;
     text-align:center;
     line-height:1.4em;
This is the HTML code for it.
        <div id="navbar">
             <a href="index.html">Home</a>
             <a href="about-artigas-plumbing.html">About Us</a>
             <a href="services.html">Services</a>
             <a href="plumbing-tips.html">Tips & Hints</a>
             <a href="contact.html">Contact Us</a>
        </div>
The div layer is a simple way to contain the links then it uses the CSS to control the layout.
That kind of code is applied to each page or you could create a template then put that code into it and apply the template to a page. Then all pages with that template applied to it can be updated easily.

Web browser is not displaying the right font style which I have chosen in Dream weaver

Hello frnds,
I am new to Dream weaver, I dont know much about dream weaver, I am just designing one for my personal use,
I have a problem with font.
I was downloading nice font style from website and I was using that in dream weaver, When I open the browser on the same computer where I have dreamweaver on, it is fine but when I try to open it with a different computer, I cant see my style font, instead of that I can see a different font, like a standard, or default font..
Some one please help me,,,

That is because the custom 'nice' font you're downloading to your computer is not available on other computers.
To overcome this problem, you should embed your font file as a 'Web Font' in your CSS.
You can use 'Google Webfonts API' to choose from one of many available fonts you can use through Google's CDN. Here's the link: http://www.google.com/webfonts
You have instructions on how to embed this to your webpage once you visit the URL mentioned above.
If you want to use your own Custom Font file, there may be a few limitations. You should ensure you are not violating a copyright by using a custom font on your website. Fonts have licenses too just like softwares. Some fonts can be used on the web. Others cant. You should read your font license document to find out if you can use the font on the web. Dont take this lightly. You may be getting yourself in big trouble if the font developer finds out you're using their font on your site without licensing them.
Once you're sure you're not going to be violating a copyright, visit http://www.fontsquirrel.com/fontface/generator and upload your 'nice' custom font there. Fontsquirrel will generate a 'webfont file' for this font and give it to you that you can download. Font squirrel will also give you instructions on how to use/ embed this code into your website for custom fonts to be visible.
Trust this helps.

What is the best way to create a message board in Dream Weaver CS3?

I need to create a simple message board in Dream Weaver CS3. Any ideas or tutorials that you know of?

Even a simple BB would require really advanced coding skills with server-side scripts, databases, JavaScript, not to mention a good deal of experience with web server security.
Ask your hosting provider if they support 3rd party products like VBulletin or phpBB.
Nancy O.

How do web site created with After Effect differ from that created with dream weaver or Flash?

As I have some experiance not much in After Effect..I have created my website in After Effect., I have no knowledge of Dream weaver or Flash.. My web pages take too much time to open., due to it loads SHOCK WAVE and it take much longer time., were as I see many a website created in other software opens prety fast. As such I want to know whether creating website in After effect is right or not., and how to speed up

You do not create websites in AE, you can create at best animations and that is what you ahev done - produce a fat SWF file. You are really using the wrong tool and should better spend your time on learning HTML and CSS proper and do your website in Dreamweaver or otehr web design tools. And no, Flash is not a website design tool, either.
Mylenium

Is it possible to preserve the layer name when I copy and paste from Illustrator into Photoshop?

Is it possible to preserve the layer name when I copy and paste from Illustrator into Photoshop?
At the moment it just appears as "Vector Smart Object" in Photoshop and I have to take another step and change the layer name.
Thank you!

Not that I know. PS doesn't care for these kinds of things and uses its own naming system.
Mylenium

Change language in Dream weaver CS5

Hi,
How can i change language of Dream Weaver CS5 from German to English?

This is as easy as it gets. Sorry to disappoint, but you rather be glad it is actually there and it's not like in other programs where you cannot switch languages at all. For all intents and purposes, this is not meant to provide an all out solution for flexible language switching, it is merely a fallback measure when the user needs to use prefab projects from the web or follow tutorials as wel las providing a compatibility fix for some plug-ins and scripts thatr do weird things in foreign language environments. Your program is still tied to the serial number you bought it with and that ultimately dictates any language settings. This also means that you cannot enforce other languages other than English. Would be pointless, anyways - you would have to have the proper Asian installer in the first place to even get the specific language files on your system. Same for otehr languages - a US/ North America installer will never give you Italian or German, just US English, Canadian French and possibly Spanish.
Mylenium

IWeb - Dream Weaver Tag Team

I used iWeb to design my site
and really dig how user friendly it is.
I don't understand why pro web design apps can't be this easy.
I want to use dream weaver only to make updates to my gallery.
This would keep me from having to re-upload the whole site with
any small change. Could someone point out how
I could add pix to my gallery in dream weaver and keep the layout from iWeb.
When I try to edit or add images it acts as though it is locked.
Sorry to ask a dream weaver question here. Here is my gallery. http://macmcrae.com/Site/GALLERY.html

Grant...
When you publish a site, only the pages that have changes to them get uploaded. To see this for yourself, you will notice in iWeb that any page on the page listing turns red when it gets a change. This means "has changed and needs to be published". So, iWeb is smart enough to recognize when something has been changed and not yet published.
Then when you tell iWeb to publish the site, watch the dialog that appears and you will see that only the changes page(s) get sent. It is likely true that iWeb sends everything on that page (all photos, for example) even for a minor text change on the page has occured. But this is much better than iWeb sending the entire site.
Jim

PHP won't execute on Dream Weaver testing server

I have successfully installed an Apache server and MySQL using Xampp. Using Dream Weaver (CS5.5) I've created .php pages which (after setting up the site and testing server) successfully connect to a database. However, php code on those pages won't execute. The pages only display the text code when IE or Firefox links to http://localhost/filename.php. Following is the Apache log file entries for those failed attempts. [Tue Jul 17 08:20:03 2012] [notice] Child 2656: Starting thread to listen on port 443. [Tue Jul 17 08:20:03 2012] [notice] Child 2656: Starting thread to listen on port 443. [Tue Jul 17 08:20:03 2012] [notice] Child 2656: Starting thread to listen on port 80. [Tue Jul 17 08:20:03 2012] [notice] Child 2656: Starting thread to listen on port 80. [Tue Jul 17 10:38:28 2012] [error] [client ::1] script 'C:/Program Files/xampp/htdocs/phpinfo.php' not found or unable to stat [Tue Jul 17 10:51:25 2012] [error] [client ::1] script 'C:/Program Files/xampp/htdocs/phpinfo.php' not found or unable to stat I've run out of ideas about how to solve this. Anyone?

If PHP is running in other locations, then it's a configuration issue with the server whereby PHP is not allowed to run in the folder you have specified. I can tell you filenames and areas to look for, but I'm personally have never found the XAMPP installation to be the most intuitive when it comes to editing which is why I pointed you in their direction.
If you look in the httpd.conf file, you should see a DocumentRoot defined. Make sure that the site definition is within that document root. There should also be a Directory declaration ( <Directory "/path/to"> ) that should match the path of your DocumentRoot. It is possible to serve documents from different areas of your computer. Ususally this is done when you have things like phpMyAdmin above the root, so if you see multiple entries in there, some of which XAMPP installs itself, you should leave them alone and ask their support forum for help because they will know which entries the application puts in that you will not want to remove.

Where is the Server Behaviors, Bindings, Databases in dream weaver cc

Hi can anyone tell me how to get the Server Behaviors, Bindings, Databases in dream weaver cc
thanks

Free is outdated. You assume all risk for it not working on upgraded servers. Download the .ZXP Extension and install with Extension Manager CC
http://www.dmxzone.com/go/21842/enable-server-behaviors-and-data-bindings-panel-support-fo r-dreamweaver-cc/
Good luck!
Nancy O.

Dream Weaver CS 5.5 not showing Flash/Vimeo/JW player and other Flash content local

Hi,
I have just installed WebPremium CS 5.5 and when I look locally through XAMPP at a web site in any browser, no Vimeo/JW players or Flash content
are showed. Flash is installed!!! The rest of the site is visible.
Only in "Live View" I can see everything as normal in dream weaver CS 5.5, but not in any browser.
When I look at the same site local in DW CS4 all looks fine.
Have no clue how this is possible. All suggestions are much very appreciated!!
Thanks! David

Is XAMP configured to serve up SWF or FLV file formats correctly? Check your XAMP MIME-type settings.

Dream Weaver CS 4 setup fails

Today I purchased a Dream Weaver CS 4 upgrade. I have Dream Weaver 8 which I bought from Adobe.com and I have Dream Weaver CS3 which I brought from Amazon.com.
The error message I get is setup cannot continue. There is no specific reason stated.
Both Dream Weaver 8 and Dream Weaver CS 3 runs fine.
Any ideas what could be wrong? Anyone?

Run the CS4 Clean Utility from the support pages. Have it unregister all older Adobe tools/ current tools. This wil lremove them from the installer database, but the programs themselves remain intact. In addition, manually uninstall Adobe AIR and associate applications such as Adobe Media Player. After that, install DW CS4.
Mylenium

Illustrator into Dream Weaver

Similar Messages

Maybe you are looking for