Photoshop :: Imageready Design V Coding In Dreamweaver
Apr 19, 2006
I have always done up templates in photoshop and from there transformed that template into html in dreamweaver, but yesterday discovered in dreamweaver thast you can output these templates into css format web pages....... my question is which is better hand coding it your self or letting imageready do the job for you.
If you do an entire web page from image ready does it not leave a huge amount of unneccessary graphics in your file, and also from the point of search engine optimisation are you not leaving all your key wiords out as graphics? can you delete certain parts out in dreamweaver and re fill with html colors and text?
I have been looking but can't seem to find a good tutorial on how I can create a website using Photoshop and Dreamweaver. Anyone know of any good ones? I see talk of using ImageReady...anyone know of a good tutorial on how to do this as well?
i've made a template in photoshop for a website i sliced all the images i wanted, like my content box etc, how to change the code so i can write things on the webpage when its in a html editor,
Do you use PS to design your entire site or do you just do the graphics stuff in PS and then do the site layout in Dream weaver or another html editor? Im wondering what the pros and cons are to designing the entire site in PS would be over using DW for layout etc.
I'm exporting a Photoshop design into Dreamweaver. I know HOW to slice, but I'm having a hard time finding the reason WHY to slice an image for importing into Dreamweaver. Why not just import the whole image, as a single, whole image?
I'm also having trouble finding the best way to slice an image. This is all very new to me. I looked at a webpage I created almost 5 years ago (my first exposure to web design) and I sliced the top of the page into 3 images - I had two prominent images on either side and the middle was the background. I then divided the middle bar (with the buttons) and made each of the buttons their own slice/image.
However, I just came across a website where they ultimately have their design sliced into just three images - a logo, buttons and a top layer image.This is the site I came across: URL.....
My slicing looks something like the opening image under the "Killing the Clutter" heading of this website, not the closing image (their goal) under the same heading.
Why are they singling out the logo? Should I be doing this with my design?Why are they including all buttons within one slice, instead of individual slices? Is this OK to do? For purposes of the rollover image, I thought they had to be separated.They're not saving the background. Should they be? Unless they're importing the background as one large image.
who might recommend not slicing an image and doing stuff with code instead, but I don't have the knowledge to go that route and I have to slice the image.
I've been trying to do this for ages but i just cannot do it! I designed something in Photoshop and opened it in ImageReady to add links. I then clicked 'Save Optimized As...' and saved it under 'HTML and images'. I then found each of the images of my design in an image folder and the actual HTML of it outside the folder. When I open the HTML, the design opens up in internet explorer with the links working. But now I don't know how to actually place my design on my website. I have tried to use Macromedia Dreamweaver but when I copy the HTML code to my website, the design appears with small red crosses, not showing it.
I have seen somwhere that you can colour code important commands to whatever colour you like so it is easier to pick out, for example if you use the shadow and highlights that menu would be a certain colour or gaussion blur, you could highlight it in a certain colour so they stand out.
1. Get a picture of a car (or something else), and a picture of some matrix code.
2. cut out the car using the magnetic lasso and paste it on as a new layer on the picture of the matrix code.
3. Go to image, adjustments, Hue/Saturation., and adjust it so it looks like the color of you code.
4.Copy a large square chunck of code and place it on a new layer.
5. The go to Edit, Define Pattern, and call it matrix.
6.now go to your car layer and click a part of the picture other than the car and ckick on it with the magic wand tool. Then right click on that same spot and click on select inverse, then copy it.
7. Now drag this layer over the layer of the matrix code and erase around it until it fits in nicely with the rest of the code. (don't erase too much.) Then press control+E to merge the two layers into one.
8. Duplicate the green car layer twice, and set all three car layers mode to vivid light.
9.Then mess with the Hue/Saturation menu until you car blends in nicely.
(Optional part which I did on the picture posted here)
10. Press the print screen button and copy and the paste image you get into a new image. Then use the magic wand tool on the car from your original image and copy and paste it on top of the new matrix car on a new layer.
11. Then while the lines are on the car you pasted, go to the car that is already there and copy and paste it onto a new layer. Then delete the first car you pasted in.
12. Mess with the Hue/Saturation on the car layer until it blends in with the matrix coding even better.
I have a website I made and sliced in Photoshop. I thought I needed to open it in Dreamweaver and then insert my rollover buttons. Well I cannot get them in the position where I want them to be. It looks fine in DW but when I got to check it in IE the buttons are off and made worse when i change the window size.
Does anyone have a prefered method from going from Photoshop (save for web) to Dreamweaver and still maintain some sort of table layout? I can slice and dice my designs in Photoshop, but after I import the HTML file into Dreamweaver, there is no sort of table structure. Sure the HTML file displays the page and images, but I can't really do much with any text data on the page. Should I assume at this point that you must then create all of your tables? I keep hearing that it's easier to code straight HTML, but I spend so much time designing the page, that this can be very tedious, plus the learning curve. I know some template companies provide the PSD and the HTML, but I'm not sure if they are hand-coding the HTML.
Just got DW MX. Building a site from Colin Smiths book FROM PS TO DW- 3 steps...I built homepage in PS7, sliced and optimized in Imageready and then opened up dreamweaver MX, defined site etc.
When I open (in DW) the homepage.html link my page comes up but it has 3 extra slices in my left vertical nav bar and also 2 extra slices in the bottom of my main area.
I dont recall putting these in. Can I get rid of them? Will they screw me up later on if
I leave them(nothing is in the slices, they just highlight when mouse goes over?
I also went into imageready and PS7 to try to open up my old folder where this site that
I am building was and I cant find the folder anymore..and I KNOW i DIDN'T DELETE IT.
Does the folder go away once it goes into DW MX?
Do I only work in DW MX for editing and uploading from now on?
Since I installed Photoshop CS6 I am no longer able to launch Photoshop from the properties bar in Dreamweaver.This problem started when I installed Photoshop CS6, I was originally using Dreamweaver CS5.5. I upgraded Dreamweaver to CS6 but it did not correct the problem.
Additional information: When in Dreamweaver, if I select an image on a web page the icon in the properties window shows the PS icon but when I click on it I get the following error message:
Maybe this belongs in the Dreamweaver section but since the problem only started after installing Photoshop CS6 I thought this would be the appropriate place for it.
Operating System: Windows 7 Ultimate (64bit) AMD 6 core 3.2gHz proccessor 256 Gb SSD (operating system and programs) 2 Terabyte HD (for Data) 16Gb Ram
How does one convert some of the layers in a Photoshop CS3 graphic to an HTML image map with each layer being a hot spot? This would be very tedious (and not very accurate) doing it manually.
I can't get a photoshop wepage to open in either Dreamweaver or Frontpage3003.
I have searched for ways to save from photoshop as a HTML file, i have also tride ot inport it into Dreamweaver and Frontpage with no luck. does anyone know of a tut on the net that might be able to solve my probs?
I need to know the best way to create a homepage marquee in Dreamweaver? Use Photoshop, Fireworks or Flash. Which is the best application to use creating the marquee?
I'm doing a few web mockups for a client and have set up a basic style of 'Georgia text 12/18px #333 colour'. I would love Photoshop and Indesign to render the type as dreamweaver. Is there anyway to setup the text to render the same as DW. I have attached a file as reference.
Is anyone using Adobe GoLive or Macromedia Dreamweaver? I'm trying out Adobe's GoLive right now and I haven't looked at DreamWeaver yet. I haven't a clue how to evaluate and decide which software I'd buy and pay for. It would help me a great deal to hear some opinions or thoughts.
I like how GoLive lets me use Photoshop files. Using QuickTime for animation works great. That means I could stop fiddling with some of the rinky dink smil stuff from real. Sometimes GoLive seems to have its own opinion what's what i.e. recognizing my files. I keep forgetting that the thing really likes everything being dragged into it. But that might be windows being ms-centric.
I wonder if software like GoLive is really overkill considering I'm using it for personal use. I guess I like the idea having everything in one place (software) for once and maybe cut down on all that typing. Learning the technology is another reason. Are GoLive and DreamWeaver mostly geared/used for industrial strength production?
I have been attempting to create some of my own line types by modifying the coding in the acadiso.lin file. I have been relatively successful in creating new line types but it is more by trial and error and wanted to understand the coding better.
We are using the linework coding to process our figures and the survey .txt file provided to me uses codes to begin lines with "+" & "-". For example, driveways are coded + DR1 for begin and - DR1 to end the line. The linework process works fine, its when I go to display the point in the description keys that are causing me problems. All the points that are in between the begin and end points display to the appropriate style because they are coded as DR*. The begin and end do not display correctly as the + & - isn't being recognized in the description key. I tried many alternate ways such as *DR*, + DR*, - DR*, with nothing working.
Is there a different format I need to be using? There are way to many points to go thru to move the + & - behind the code.
I need to transform a selection of ranges of grayscale image in colors. For example: using GSM of a gray scale image as a parameter I want to recode pixels from 0 to 20 in red, 21 to 40 in orange, 41 to 60 in yellow and so forth... until pixel valued 256 in GSM.
I am having trouble placing a rollover image onto a Dreamweaver CS6 page. I use Photoshop 7.0 and the program Adobe Image Ready which came with it. I have been successfully placing my animations created in this older Image Ready software onto Dreamweaver pages.
I simply insert the image and the animation plays in live view, preview and on the web. I'm having trouble however placing animations that have rollover effects onto a web page. ImageReady gives me multiple gif files for the slices associated with the rollover instead of just one gif for an animation without rollover, and an html file if I want one. I don't know how to handle the multiple gifs and the html file.
I have done a find and replace and I am trying to capture the search results bu I cannot find any "save or export" options. Does anyone know how to copy this information?
