How Do I Import A Photoshop CS4 Template into Dreamweaver CS4

Ok. Here's the deal, my friend and I spent alot of time working in Photoshop to come up with a nice template. He's even done all the coding to animate the buttons for standard, hover over, and click and all that. It's really cool, the buttons slide back and "lock" into place dependent upon which page you're on. However, I want to take all of that information and plug it into my website without loosing the button functionality. Unfortunately, every time I try to put the photoshop web template into Dreamweaver, it always converts it into an image. So, how do I add my complete photoshop web template and all it's functionality into Dreamweaver?

I'm afraid Photoshop is a graphics program ill suited for generating good HTML and CSS code. Use Photoshop to create your images only. Use DW to build your HTML, CSS and menus.
Have a look at this tutorial:
Taking a Fireworks (or Photoshop) comp to a CSS based layout in DW
Part 1 --
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
Part 2 --
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt2.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Similar Messages

How do You import an MS Access MDB into Dreamweaver CS5?

Hi;
How do You import an MS Access MDB into Dreamweaver CS5?
Developed a DBase application for a vertical market using MS Access. Worked on it for over a decade.
Have been in contact with a rather large company and we are talking about licensing my program with them.
BUT; they want it "On the Cloud"
Here is what needs to be accomplished. Ideally a user can log in from anywhere, (similar to on-line banking), enter data and print reports.
Read this a few days ago:
"If I were in your situation and felt that there's a growth market for your offerings, I would personally go with a PHP/MySQL-based model. The printing issue can be readily resolved with PDF-based output.
So the Querys, Forms and VBA Code needs to be brought in from MS Access to Dreamweaver.
Can this be done? Or is there a better way that I haven't learned yet?
Would someone be so kind and point me in the correct direction.
Thank You for taking the time to read this post.
Andy

>Can this be done?
No, not any way that I know of. You would need to completely rewrite this as a web application. Obviously the MS Access tables can be migrated to MySQL and the Access queries converted to views. But the forms and custom code needs to be written from scratch in html and your choice of server side programming language.

How do I convert a Expression Web template into Dreamweaver CC?

Just got the Adobe CC subscription they said I could convert an Expression Web site template to Dreamweaver? It has a file master.dwt that has the common header, footer and menu

Thanks, Dick - that helps. Save this code into the Templates folder at the root of the site. Name the saved file with a *.dwt extension. Let me know when you've done that and I'll tell you what to do next.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="google-site-verification" content="n0PVQVe6Cs8EI5p0bjR5h5NxRpxwYuGqalb63SvPRaI" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />

<title>Hotchkiss Sheep Camp Stock Dog Trials </title>
    <meta name="description" content="Home page for the Hotchkiss Sheep Camp Stock Dog Trials held in Hotchkiss Colorado on Mother's Day weekend in May"/>
    <meta name="keywords" content="Hotchkiss Sheep Camp, Stock Dog Trials, Hotchkiss, Colorado, SheepWagon, Sheep, herding dog, Border Collie"/>

<link href="styles/style2.css" media="screen" rel="stylesheet" title="CSS" type="text/css" />
<link rel="stylesheet" href="cssmenutools/scripts/MTHM1.css" type="text/css" />
<style type="text/css">
.auto-style1 {
margin: 10px;
.auto-style3 {
vertical-align: middle;
</style>


</head>
<body style="width: 98%; background-color: #FFFFFF;">
<form id="form1" runat="server">
    <div id="container" style="left: 10px; top: 1px; background-color: #FFFFFF;">



    <div id="masthead" style="border-bottom-color: #E1F3FB; border-color: #BCE1FC; height: 162px; background-color: #BCE1FC; border-left-color: #BCE1FC; border-top-color: #BCE1FC; border-right-color: #BCE1FC;">
<img alt="Hotchkiss Sheep Camp" height="75" src="images/Hotchkiss%20Logo.jpg" width="294" class="auto-style1" />
<object type="application/x-shockwave-flash" data="HotchkissSheepCamp2.swf" width="358" height="159" align="right"><param name="movie"
value="HotchkissSheepCamp2.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><param name="play"
value="true" /><param name="loop" value="true" /><param name="wmode" value="window" /><param name="scale" value="showall" />
<param name="menu" value="true" /><param name="devicefont" value="false" /><param name="salign" value="" /><param name="allowScriptAccess"
value="sameDomain" />
<a href="http://www.adobe.com/go/getflash">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="358" height="159" />
</a>

</object>
   <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="358" height="159" id="HotchkissSheepCamp2" align="right">
<param name="movie" value="HotchkissSheepCamp2.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="window" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />

</object>

</object>
     </div>
<div id="MTHMWUHHfGCDiv" class="MTHMWUHHfGCwrapper"><div id="MTHMWUHHfGCTop" class="MTHMWUHHfGCtop"><div class="MTHMWUHHfGCtopmiddle"><ul><li class="MTHMWUHHfGCitem1" style="margin-left:0px"><a href="index.html"><span>Home</span></a></li><li class="MTHMWUHHfGCitem2"><a href="#"><span>We Are</span></a></li><li class="MTHMWUHHfGCitem2"><a href="#"><span>Handler's Area</span></a></li><li class="MTHMWUHHfGCitem2"><a href="#"><span>General Information</span></a></li><li class="MTHMWUHHfGCitem2"><a href="#"><span>Trials Art</span></a></li><li class="MTHMWUHHfGCitem2"><a href="#"><span>Area Amenities</span></a></li><li class="MTHMWUHHfGCitem2"><a href="#"><span>Shopping</span></a></li></ul></div></div><script type="text/javascript" src="cssmenutools/scripts/MTHM1.js">/* MTHMMenu script ID:MTHMWUHHfGC */</script></div>


<div id="page_content">

<div id="column_l" style="left: 0px; top: 0px; background-color: #FFFFFF; width: 96%;">

<h2 style="width: 99%; position: relative; left: -20px; top: 0px; color: #000000; font-size: xx-large; font-family: 'Arial Black';">Headline 2</h2>
<p style="z-index: 1; width: 1712px; height: 19px; position: absolute; top: 53px; left: 10px">insert content here</p>
</div>


<div id="column_r" style="width: 22%; background-color: #FFFFFF;">

<h3 style="width: 375px; background-color: #FFFFFF; color: #000000;">Headline 3</h3>
<p>insert content here</p>
</div>
</div>


<div id="footer">
<p style="border-bottom-color: #DCEFFC; border-color: #BCE1FC; width: 98%; background-color: #BCE1FC; border-left-color: #BCE1FC; border-right-color: #BCE1FC; border-top-color: #BCE1FC; color: #000000;">
<br />
<img alt="USBCA" height="150" src="images/usbcha-logo-200.gif" style="float: left" width="118" class="auto-style3" /><br />
<br />
<br />
Last Updated May 20, 2014<br />
Copyright © 2014 Hotchkiss Sheep Camp Stock Dog Trials. All Rights Reserved.<br />
<br />
<br />
<br />
<br />
Powered by
Solutions Ark</p>
</div>
</div>

</form>
</body>
</html>

How Do I Load Up A Flash Template into Dreamweaver?

Can anyone help me load up a website template I purchased from Template monster so I can start editing it through dreamweaver?

Flash files are not viewable by iPhone, iPad, iTouch, Android or any other web device that doesn't support flash player. In short, Flash is pretty much dead as a web technology. Maybe you can trade to an all HTML & CSS Template that you can edit in Dreamweaver?
Nancy O.

How do I import from Photoshop elements 12 to Lightroom for Mac OS?

How do I import from Photoshop elements 12 to Lightroom for Mac OS?

I never did it from Windows to Mac.
I assume you need to move everything to Mac PSE12 (or PSE 13) by downloading the 30 day free trial of PSE 12 or 13, and then once everything is working, use File->Upgrade Photoshop Elements Catalog in Lightroom. Your tags and albums will remain intact. I believe the face recognition transfers as well to keywords, but the location in the photo of the face will be gone as Lightroom has no such feature.

How can I import my photoshop images onto my ipad?

How can I import my photoshop images onto my ipad?

Another way. You can use a USB flash drive & the camera connection kit.
Plug the USB flash drive (works the same with an SD card) into your computer & create a new folder titled DCIM. Then put your movie/photo files into the folder. The files must have a filename with exactly 8 characters long (no spaces) plus the file extension (i.e., my-movie.mov; DSCN0164.jpg).
Now plug the flash drive into the iPad using the camera connection kit. Open the Photos app, the movie/photo files should appear & you can import. (You can not export using the camera connection kit.)
Using The iPad Camera Connection Kit
http://support.apple.com/kb/HT4101
Secrets of the iPad Camera Connection Kit
http://howto.cnet.com/8301-11310_39-57401068-285/secrets-of-the-ipad-camera-conn ection-kit/
 Cheers, Tom

How can I upgrade from Photoshop CS4 to Cs 5 or 6 without buying the creative cloud?

How can I upgrade from Photoshop CS4 to Cs 5 or 6 without buying the creative cloud?

Well CS5's ship has sailed.
CS6 can still be purchased on Perpetual License but it's not going to have all the bells & whistles that the current versions have. Just as long as you understand what you're getting.
Creative Suite 6
Nancy O.

How do i import this kind of template?

how do i import a oscommerce template into dreamweaver to start editing it?

Oscommerce I believe is a php application. For you to develop locally you need to install a local server,, particularly if you going to be adding products etc.
http://www.adobe.com/devnet/dreamweaver/php.html
http://www.adobe.com/devnet/dreamweaver/articles/setting_up_php_05.html
If however, you are only working on the 'style' or 'theme' of the shop, then you should be able to do that in Dreamweaver, you just need to ensure that you can view php includes.
A *very quick* search on google presented quite a few results for "Working with oscommerce and Dreamweaver' :-)
One of them is here:
http://forums.oscommerce.com/index.php?showtopic=290910
I'd do a search of the oscommerce forums - I'm pretty certain you'll find a lot more helpful posts.
Nadia
Adobe® Community Expert : Dreamweaver
http://www.perrelink.com.au
Unique CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
http://csstemplates.com.au/
http://twitter.com/nadiap

How do I import Map Info Tab files into Spatial for a map of europe?

How do I import Map Info Tab files into Spatial for a map of europe via FME and have oracle spatial draw the map without problems?
So far I've got to the stage where I can import the data, spatially index it (in oracle 9i) and get my SVG (scaleable vector graphics) application to view the map.
The problem is that countries that have more than one polygon (more than one row in the database) do not draw properly.
When I view the Map Info tab file in the FME viewer I can see that the data is fine, but I can also see that some of the polygons used to draw a country are donugts and some aren't.
This seems to cause a problem when I import the data into oracle spatial as I don't know if a row in the table needs to be inserted as an independent SDO_GEOMETRY or if it should form part of a larger SDO_GEOMETRY (as in 2 or more rows make up the polygon shape for a country).
I have a feeling that I'm not using FME correctly, because at the moment I have to import the tab file into Oracle then re-insert the data into a spatially formatted table (one with a spatial index) - I get the impression that FME should do that for me but as I'm new to this I don't really know.
Any Help welcome :|
Tim

Tim,
MapInfo has a free utility called EasyLoader that allows you to upload a table directly to Oracle. EasyLoader creates the geometries and spatial index. You can download it free from http://www.mapinfo.com/products/download.cfm?ProductID=1044
Andy Greis
CompuTech Inc.

How can I import text produced in Pages into Adobe inDesign?

How can I import text produced in Pages into Adobe inDesign?

Menu > File > Export > Word .doc/x
I doubt it will do graphics and layout, but maybe, depending on your version of Indesign you may hit lucky (but probably not).
Peter

How can I import all my gmail contacts into iPad? I use iPad mini and the solutions available on the web are not compatible.

How can I import all my gmail contacts into iPad? I use iPad mini and the solutions available on the web are not compatible.

Hello and thanks for the answer.
I meant by "not compatible" that all the solutions that I found on the web did not work, especially the "Microsoft exchange" one.
Fortunately I found on the comments of the first website you mentioned the right answer for me, which I copy below:
Tap Settings > Mail, Contacts, Calendars > Add Account > Other > Add CardDav Account.
Enter the following information in the fields:
Server: google.com
User Name: Enter your full Google email address
Password: Your Google account password
Select Next at the top of the screen to complete the setup.
After you have completed the setup, open the Contacts app on your device. Syncing should begin automatically.
Additional Information
Note: Make sure that SSL is enabled (under Advanced settings), and that the port is 443.
If you are using application based special password go to https://accounts.google.com/Se... and instead of your password put that special code and u r done.

How do I import video from Sony TRV22E into iMovie ?

How do I import video from Sony TRV22E into iMovie ?

Hi
Sony TRV22E - CAN ONLY export the VIDEO material via a FireWire Cable (iLinc)
Then Your Mac need eiter
- a FireWire port - or -
- a Thunderbolt port
if only Thunderbolt - Then You need a FireWire to Thunderbolt converter.
The USB- can only copy over the Still photos You also cam take with Your Camera. Will NEVER work for Video Export.
Yours Bengt W

How do I import a 32gb maxwell Sandisk into Final Cut?

How do I import a 32gb maxwell Sandisk into Final Cut? I insert the sandisk into my MacBook Pro and it doesn't seem to read. The lock is off on the sandisk. I tried Log and Capture and Lag and Transfer. Any help is appreciated.
I have Final Cut Pro 7.0.3 and Mac OS X 10.6.8

Does the card show up in the Finder?
Did you set the path to the card in Log and Transfer...

(HELP!)How can I import Windows Media Player Playlists, into iTunes Playlists, with Music . . for an iPod

How can I import Windows Media Player Playlists, into iTunes Playlists, with Music . . for an iPod
We are having no luck with the thousands of songs we have to manualy add to a particular playlist in iTunes alone. .. there must be a simpler way! How can this be done . . . if there is and it's complicated, is the Genius allowed to help us out with this? They seem to only master Mac's only. . or can they help us? PL E A SE E E HELLPPP!

tt2,
Your very helpful and knowledgeable. I for one appreciate all the hardwork and help you have been giving the people on theses lists, especially with the problems associated with the "importing playlists" from windows media. Unfortunately I need more help if you or someone else can provide it. I followed all the steps you have instructed so far in the threads I have seen. Unfortunately nothing so far works for me. Maybe you or someone can help me, I'd really appreciate it. I tried the notepad++ method and when I click on save I always get a notepad file that my iTunes can't do anything with. I click the "convert to UTF-8 without BOM" then click save as and it still saves as a notepad file. I am also unable to find the \n\ file path to replace with my \C:\ filepath. Here is a copy of the first part of one of my playlists:
<?wpl version="1.0"?>
<smil>
    <head>
        <meta name="Generator" content="Microsoft Windows Media Player -- 12.0.7601.17514"/>
        <meta name="ItemCount" content="161"/>
        <author/>
        <title>Power Surge</title>
    </head>
    <body>
        <seq>
            <media src="..\Various Artists\Mixed Tape 2\13 Out of Control.wma" tid="{650561AF-AA9D-4EA3-84CC-2F09C24DF3B3}"/>
            <media src="..\Various Artists\Mixed Tape 1\12 One Step Closer.wma" tid="{EE5ADD9D-A879-404A-BC60-CE841045BCB6}"/>
            <media src="..\Various Artists\Mixed Tape 1\15 Click Click Boom.wma" tid="{0F71941C-1B67-425F-BDAA-246618709179}"/>
Now I went and switched the part from <media src="..\ to <media src="C:\ in all the files in hopes that was where I am supposed to have my drive letter but it didn't seem to help. Please forgive my encoding ignorance if that's what my problem is. I hope you can help. Thanks in advance.
Madmaxneo

How do I insert a photoshop photo gallery into a div tag/container?

How do I insert a photoshop photo gallery into a div
tag/container?

What pray tell is a "div tag/container"?
Walt
"mediastream13" <[email protected]> wrote in
message
news:ftmhgn$gdm$[email protected]..
> How do I insert a photoshop photo gallery into a div
tag/container?

How Do I Import A Photoshop CS4 Template into Dreamweaver CS4

Similar Messages

Maybe you are looking for