I am much more comfortable in that realm, even though Photoshop is awesome for other things. I will try this out, and maybe mention it to my Illustrator teacher You are right the simple solution is to drop your illustrator objects into Photoshop - as the roundtrip editing between Photoshop and Dreamweaver in CS4 is great. Fireworks has been doing this for years already.
I wonder if Fireworks is going to end up in the bin with GoLive - I hope not but there is too much overlap? Hi Mody, everyone, I hate to rain on the parade, but relying on Illustrator to write your CSS is going to end in tears. AP Divs only work under certain, unreliable circumstances. Sooner, rather than later, you'll find that the AP Div's don't work as you hoped. Fireworks however has a more robust method of exporting to CSS which uses Float Based layouts the preferred method and although even this implemtation isn't without it's problems it's a safer way to go then using Illustrator.
I have looked over the web to see if there are any real problesm with using the absolute positioning to elements reather than float or relative and can't find anything conclusive.
If you know of any big no-no, please flag it up, even if its just a link to a page dealing with this. I did have a problem with AI failing to export a sliced up page with html and Mordy asked me to send it to him but I haven't heard anymore You can also get round all the faux columns stuff more easily I don't think anyone who is serious about CSS is relying on Illustrator. But that's today. The more we push Adobe to support what is really needed, the more of a chance we have to get something done.
Your comment will hopefully help in that regard. Fireworks does some pretty awesome stuff with CSS today like the 3-slice auto-repeat , and it would be great to see Adobe continue in that direction - in Fireworks and Illustrator.
Sauceman - I did get your file - I just got caught up and haven't had a chance to respond. Turning that setting off makes the export work without error. But I don't know what specifically is causing the problem with the layer export. Definitely one of my favourite posts already! I am trying to expand my humble webdesign qualities in a simple way; this seams like a good way to go. Cheers and please keep it coming :. Thank you so much for the article.
Dear Adobe, please make it easy to use illustrator files with Dreamweaver! Apparently, ImageReady is defunct, but they forgot to take out the comment code in the resulting html file that says "ImageReady Slices. But the CSS stuff should work fine Please let me know if there is a fix for this???
Yeah, I already dropped a snide remark to Adobe about the incompatibility between Illustrator and DW. In the Creative Design Suite they include Bridge, but it serves every other program, including Microsoft and Apple, except Illustrator. Gimme a break!
Just one question. I am always looking for an easier way to do something, I read this article, it started to sound pretty awesome, then I got to the part about how Illustrator converts this over to CSS in the form of AP div tags, and I have been doing a lot of reading as well as being a sophomore in college for Web Design and I have read and been told that AP div tags are virtually out of practice and that it is not a good idea to use them.
If anyone could respond with there opinion on this topic I would appreciate it. Hey there! I wanted to just see if you Macgyvered, or can Macgyver, a way to do something. Here is my sitchy, I am creating a website for myself. I created a header using Photoshop and Illustrator, not your standard rectangular doo-dad, instead I have created a horizontal oval shaped header with some graphics inside, and I typed upon a curved path that follows the shape of the oval along the bottom.
The text is what I would have as like a menu bar to navigate through the site. For instance, it is "home portfolio blog contact Well it looked sweet, I was super stoked, added a nifty little reflection to the bottom of it, and got it into DW.
Then I realized, oh, I can't link this text! So I have this sweet menu bar to navigate through the site, but since it is part of the image, I can't link pages to each section of the menu. Are you pickin up what I am layin down? Do you know how to possibly integrate the beauty of typing along a path in DW, or somehow being able to layer that text separately on top of the image to be able to create links for each one?
Or am I way out there? Thanks, Rachel. Rachel, What you describe sounds like it might be easier to do in Flash. The only thing you might be able to do is slice up your artwork so that you have regions that closely match up to the words -- but in such a case, you'd be working with an image, not selectable text if that's ok with you.
I have seen some of your videos of Lynda. If yes.. I'll push forward and figure it out thru video tutorials. Many thanks for any help It's pretty standard practice and I'm sure you'll find plenty of tutorials that cover the technique with any good Dreamweaver training.
Hi Mordy, Many thanks for your quick response. I am inspired to check this technique out more fully and get more training. Thanks again for taking the time. Just what I needed. You explained everything. Great Job! Thank You. Hello Mordy I wish there was a follow up series of what to do next after importing your html page into Dreamweaver Or you can simply add it as an additional CSS file, and simply reference it within your code.
Thanks so much!! Nobody talks about this theme! Post a Comment. December 23, Illustrator and Dreamweaver Integration. As a core graphics program, Illustrator is used in just about every type of design workflow. Of all the applications found in Adobe Creative Suite every edition , Illustrator has the most robust support when it comes to integration and file support.
A closer look at that list reveals a gaping hole One of the big features added to the CS4 version of Dreamweaver was support for Smart Objects, or the ability to place native Photoshop files directly into a Dreamweaver layout. We'll use Dreamweaver's Split View so that you can use all the good visual tools.
As well as doing some simpler menus down here, in the code as well. We'll make our own navigation using JQuery. We'll make adjustments to the site so that everything looks good on all the different devices. We'll work with beautiful fonts and colors, and even add Google Analytics to our site, so we can get some amazing information on who visits our site.
Now Web Design can be pretty tricky, so if you ever get lost, I'm around to help. Just use any of the comments on any of the pages. Also, you get exercise files, you can play along with me in the video series.
I also save something called the completed files, so at the end of every video, I save about two so that you can compare yours with mine, just in case yours get a little lost. So, check out the link here for the website we're going to build together.
I want you to get super excited about building a website like a professional. See you in class. Thank you, guys. And a wink. We're going to build a website awesomely. How about that? Start learning now.
0コメント