How to put Photoshop templates into Dreamweaver

After purchasing templates and downloading, I discovered the
page layouts for the templates were Photoshop files. I made the
changes I wanted to make in Photoshop and now need to put in
Dreamweaver. There is a Flash file that is giving me error messages
when I open the index page. When I try to insert an image (the
page) it comes in a new window. I'm definitely not doing this
correctly.
Can anyone tell me how to insert them into
Dreamweaver?

Actually, I had forgotten about SiteGrinder. Its code is not
bad, to tell
you the truth. They have taken alot of trouble to make things
more stable
than a slap-dash, layer-based layout, but it is, to be sure
still strongly
rooted in absolute positioning. It might be an expedient way
to go, but
there is no substitute for some good HTML/CSS knowledge.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"[email protected]" <[email protected]> wrote
in message
news:gjohrn$ch9$[email protected]..
> There is software by media lab called sitegrinder that's
designed to
> export css
> based html websites from your photoshop designs, and I'd
say that's about
> as
> close to what you're talking about as I'm aware of.
>
>
http://www.medialab.com/sitegrinder/
>
> HOWEVER, this is along the same lines as using fireworks
to design html
> websites. The code is bloated and sensitive to fall
apart while
> adjusting, and
> in any professionals opinion, really only intended to
show clients a
> demonstration of what their website will look like.
>
>
>
>

Similar Messages

  • Photoshop templates to dreamweaver

    Hello...when I drag the Photoshop template into Dreamweaver,
    it becomes a jpeg. How can I use a Photoshop template in
    Dreamweaver and have the capability to change the text and add text
    over the template?? With the background as a jpeg, I cannot type
    over it unless I use AP Div, which I don't want to use.
    Thank you!

    Google SiteGrinder....
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "elechal23" <[email protected]> wrote in
    message
    news:f61bgv$pjm$[email protected]..
    > Well the template came with a psd file and a few
    pictures. But my problem
    > is
    > that I did not really want to type everything out in
    photoshop, I wanted
    > to do
    > it in dreamweaver but I cannot type over the slices
    unless I use AP Div,
    > correct? Or is there another way to type over photoshop
    slices in
    > dreamweaver?
    >

  • 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

  • How to put html file into a canevas?

    How to put html file into a canevas?

    Hi,
    would require you to write a JavaBean that interprets the HTML (there are commercial versions of this available)
    Frank

  • How to put selected videos into one place (File)

    How to put selected videos into a File so I can only show on TV the videos in that file

    YYou have to describe your issue in more detail. Are you using iTunes? Trying to see it in Apple TV, etc, etc.

  • How to put Variable value into Labeltext of a subcomponent WIB

    Hello
    In our Web Based Planning tool we uses Tabstrib_control component and the Label-Text is filled like 'Plan 2008'. (Our BPS = 3.5 and Web interface builder)
    I am looking for a way,how to put a variable into the Label field of the component.  I am not sure if there is a possibility to enhance the labelfield with variable values.
    Thanks a lof for any good idea.
    Best regards
    Christian
    Our BPS = 3.5 and Web interface builder

    Hello Christian,
    Maybe I have a solution for your problem.
    1. Create subcomponent "Selector variable" with your variable.
    2. Hide this new subcomponent
    3. Write in the Label-Text: <%=descr("Name of new subcomponent"/value)%>
    If the variable will be selected by the user in the web interface, put the name of this selector in the field "Update upon Change of" in the properties of the new created subcomponent.
    Hope this helps.
    Friedrich

  • How to put my podcasts into playlist folders? Can't drag'em.

    How to put my podcasts into playlist folders? Can't drag'em.
    I've subscribed to a number of podcasts & they appear in my iTunes window under the Podcasts section.
    There i have
    2 problems:
    1st: I can't rearrange or group them so can listen consecutively to different topics.
    I must listen to one, then come to the keyboard and select the next to start playing. Now, I know that I can get them to play consecutively once I've placed them into Playlist folders,
    but that brings me to my second problem:
    2) I can't drag and drop them into separate iTunes FOLDERS (by topics).
    (Though I have been able to drag&drop separate items from my 'Music' section into iTunes playlist folders.)
    But can't drag from Podcasts section into Playlists,
    as everytime I try they just refuse to go in and scurry back to their starting position under Podcasts.
    Zupwidiss? This can't be.
    I would be grateful for your solution.
    And also grateful if I could have easily found the solution explained
    before I had to resort to bothering this forum with this question.
    Just using my MacMini, Snow Lep.

    Thanks very much.
    You have reminded of the
    difference between
    Playlists and Playlist Folders:
    One can only drag things from the Master list into PLAYLISTS.
    And can only drag Playlists into Playlist Folders.
    I'm an older man, and easily confused by these things.
    Many thanks to my friend in Germany.
    P.S. Your English is excellent.

  • How to put measures correctly into spreadsheet

    Hi expert,
         I loaded data into a planning model, and I can see data in BW and BEX, but when I put 'ACCOUNT' into row, and 'TIME' into column, I can't see 'measures' in spreadsheet, eventhough I drag 'measures' into spreadsheet from EPM pane, then update, getting blank for 'measures', it is gone. please tell me how to put measures correctly into spreadsheet.

    P.S If you are creating report by drag n drop on EPM pan, then same way need to add measure dimension in desired axis.
    Share the screen shot.
    Shrikant

  • How to put 2nd column into 1st column in excel

    Hello,
    I have a question how to put 2nd column into 1st column in excel. Thank you.
    Solved!
    Go to Solution.

    Why the 1 iteration for loops?
    Why the two Index Arrays?  It is just trying to fix the problem created by the For Loops on the original 1-D arrays.
    Both of those things are creating 2-D arrays that are complicating things and can be eliminated.
    You can take your 2 1-D arrays, use Build Array and right click to set "Concatenate Inputs".
    If you do have a 2-D array, you can use Reshape Array to make it a 1 column by N row 2-D array.

  • How to put a dvd into ipod touch

    i have no idea how to put my DVDs into my ipod touch! can someone help? i have the new touch, 3g i think? it's a 32GB. i really don't feel like having to buy the movie on itunes when i already own it as a dvd. can someone please help me?

    Sorry, but the Apple Forum Terms of Use don't permit us to discuss ripping commercial DVDs. Try Googling for such information.

  • How Does One Modify Photoshop Templates in Dreamweaver

    I posted this over on the Photoshop forum, but no one has
    replied. It is a hybrid sort of question.
    I've been trying to modify the Horizontal Neutral template of
    the Web Photo Gallery in Photoshop CS using Dreamweaver MX (v.6.1)
    on my G5 running Tiger and am almost there. Aside from the overall
    design (fonts and colors) I really like the interface of this
    particular gallery with a horizontal slider to quickly scroll
    through images, that when selected, appear in large form in the
    center of the page. But I need to customize it to get it to match
    the feel of my site.
    My problem: I'm trying to point to a gif file that is part of
    my website image library as my background. I want the Horizontal
    Neutral Gallery to float in that image background. But, I can't
    seem to get the background image to appear where it is supposed to.
    I've gone into the various components of the template
    (FrameSet, SubPage, etc.) and by duplicating the files and
    modifying the code, I am able to get the background image to appear
    within the tables that make up the navigation and image gallery
    components. But, I've not been able to get the image to appear as
    the background itself.
    I'd even be happy to simply have the entire Horizontal
    Neutral Gallery float in the middle of one of my own pages with the
    image file as a background if it is possible, but can't seem to
    even get it to do that. How does one access the code that controls
    the background image in this template or the script that generates
    these galleries?
    Thanks in advance!

    The reason the that the edit button ( - ) top righthand corner had 'disappeared', was that iCloud was enabled but that the Addressbook subsetting under iCloud was set to off in the phone settings.
    Changing it to 'on' made the edit button reappear.
    Thanks to the guys in Cambridge Apple Store!!
    The reason the that the edit button ( - ) top righthand corner had 'disappeared', was that iCloud was enabled but that the Addressbook subsetting under iCloud was set to off in the phone settings.Changing it to 'on' made the edit button reappear.
    Thanks to the guys in Cambridge Apple Store!!

  • 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" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <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"/>
    <!-- TemplateEndEditable -->
    <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>
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    </head>
    <body style="width: 98%; background-color: #FFFFFF;">
    <form id="form1" runat="server">
        <!-- Begin Container --><div id="container" style="left: 10px; top: 1px; background-color: #FFFFFF;">
      <!-- Begin Masthead -->
      <!-- End Masthead -->
      <!-- Begin Navigation -->
        <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" /><!--<![endif]-->
      <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>
      <!--[if !IE]-->
      </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" />
      <!--[if !IE]>-->
      </object>
      <!--<![endif]-->
      </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>
      <!-- End Navigation -->
      <!-- Begin Page Content -->
      <div id="page_content">
      <!-- Begin Left Column -->
      <div id="column_l" style="left: 0px; top: 0px; background-color: #FFFFFF; width: 96%;">
      <!-- TemplateBeginEditable name="content" -->
      <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>
      <!-- TemplateEndEditable --></div>
      <!-- End Left Column -->
      <!-- Begin Right Column -->
      <div id="column_r" style="width: 22%; background-color: #FFFFFF;">
      <!-- TemplateBeginEditable name="sidebar" -->
      <h3 style="width: 375px; background-color: #FFFFFF; color: #000000;">Headline 3</h3>
      <p>insert content here</p>
      <!-- TemplateEndEditable --></div>
      <!-- End Right Column --></div>
      <!-- End Page Content -->
      <!-- Begin Footer -->
      <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 &copy; 2014 Hotchkiss Sheep Camp Stock Dog Trials.  All Rights Reserved.<br />
      <br />
      <br />
      <br />
      <br />
      Powered by
      Solutions Ark</p>
      </div>
      <!-- End Footer --></div>
    <!-- End Container -->
    </form>
      </body>
      </html>

  • Sliced and imported photoshop layout into dreamweaver

    First, I am a newbie to all of this web design stuff and
    coding and dreamweaver. I wanted to create my first website so here
    I am. I went through 2 different tutorials (youtube and on
    lynda.com) I created a layout in photoshop and I also sliced it. I
    imported it into dreamweaver (CS3 by the way).....I somewhat
    understand what I am doing. I did all the defining a site and I
    clicked on the content box that I sliced and deleted it and
    inserted a div / added the image that go there, then I made that
    area editable. The layout I imported I saved it as a
    template.Anyway, so basically I am clicking on each sliced area,
    deleting it, and inserting a div there. No problem. Now, the sliced
    areas that has about, home, contact, etc.....those I needed to make
    as links/clickable images. So, before performing the delete then
    inserting a div part.....I first clicked on the sliced area then at
    the bottom of the screen, where it says link, I did a point to
    file, basically linked it. Now, when I preview it in the browser,
    it displays boxes around the sliced navigation menu, which it is
    nit suppose to. see here is a screen shot...
    http://i36.tinypic.com/2eowewm.jpg
    What did I do wrong? Why is it showing up in a table when I
    didn't create it in a table? How can I remove that purple looking
    table border?
    Also, when I go to each of the sliced navigation menu, then
    delete it and insert a div..... the image there...it will not let
    me turn it into a link.
    How do I turn my sliced navigation menu images into links. I
    know I am doing something wrong but just don't know what it is. Is
    there a code I can use or am I suppose to modify or insert
    something? and how do I remove the box from around it?
    What is an easy way? Is there a tutorial out there?
    I want my layout to look like what I mocked up in photoshop.
    Is there a way I can create the same layout in dreamweaver? The
    problem isn't the background, it's trying to get the pink area in
    the center of the lalayout. I didn't know how to do that so thats
    why I tried the way of creating it in photoshop.
    Please help

    > youtube and on lynda.com
    Regardless of what these tutorials lead you to believe, it is
    the WRONG
    approach. Read this to get some perspective -
    Taking a Fireworks comp to a CSS-based layout in Dreamweaver
    http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
    http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt2.html
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "missdrika" <[email protected]> wrote in
    message
    news:[email protected]
    > First, I am a newbie to all of this web design stuff and
    coding and
    > dreamweaver. I wanted to create my first website so here
    I am. I went
    > through 2
    > different tutorials (youtube and on lynda.com) I created
    a layout in
    > photoshop
    > and I also sliced it. I imported it into dreamweaver
    (CS3 by the
    > way).....I
    > somewhat understand what I am doing. I did all the
    defining a site and I
    > clicked on the content box that I sliced and deleted it
    and inserted a div
    > /
    > added the image that go there, then I made that area
    editable. The layout
    > I
    > imported I saved it as a template.Anyway, so basically I
    am clicking on
    > each
    > sliced area, deleting it, and inserting a div there. No
    problem. Now, the
    > sliced areas that has about, home, contact,
    etc.....those I needed to make
    > as
    > links/clickable images. So, before performing the delete
    then inserting a
    > div
    > part.....I first clicked on the sliced area then at the
    bottom of the
    > screen,
    > where it says link, I did a point to file, basically
    linked it. Now, when
    > I
    > preview it in the browser, it displays boxes around the
    sliced navigation
    > menu,
    > which it is nit suppose to. see here is a screen shot...
    >
    >
    http://i36.tinypic.com/2eowewm.jpg
    >
    > What did I do wrong? Why is it showing up in a table
    when I didn't create
    > it
    > in a table? How can I remove that purple looking table
    border?
    >
    > Also, when I go to each of the sliced navigation menu,
    then delete it and
    > insert a div..... the image there...it will not let me
    turn it into a
    > link.
    >
    > How do I turn my sliced navigation menu images into
    links. I know I am
    > doing
    > something wrong but just don't know what it is. Is there
    a code I can use
    > or am
    > I suppose to modify or insert something? and how do I
    remove the box from
    > around it?
    >
    > What is an easy way? Is there a tutorial out there?
    >
    > I want my layout to look like what I mocked up in
    photoshop. Is there a
    > way I
    > can create the same layout in dreamweaver? The problem
    isn't the
    > background,
    > it's trying to get the pink area in the center of the
    lalayout. I didn't
    > know
    > how to do that so thats why I tried the way of creating
    it in photoshop.
    >
    > Please help
    >

  • How to download project template into the SAP NetWeaver Developer Studio

    Hi,
          I want to download project template into the SAP NetWeaver Developer Studio related to invoice detail get detail,get list etc.
    How to do so?Actualy my requirement is to create an iView whcih contain the detail about the invoice.
    Thank,
    Kundan

    Hi
    If you have zip file of the project then unzip it into your project  location where all projects are there .then in NWDS go to file->import->multiple existing project into workspace->browse the file where you have saved it and select the comp folder inside the project folder->click finish.Now you are able to see the webdynpro project in the webdynpro explorer.If its not appearing then go to Navigatore and right click on project and click on open project, it will open the project in webDynpro explorer.
    Thanks
    Susmita

  • How to put a String into a byte array

    How can i put a String into a byte array byte[]. So that i can send it to the serial port for output to an LCD display. Cheers David

    javadocs for String
    getBytes
    public byte[] getBytes()
    Encodes this String into a sequence of bytes using the platform's default charset, storing the result into a new byte array.
    Returns:
    The resultant byte arraySince:
    JDK1.1

Maybe you are looking for

  • Choose a house bank from Varinet for automatic payment

    HI Gurus, I am using multiple bank accounts. I have Ranking order defined for all those House bank and account ID's in FBZP. Also I have defined available amount as 999999999 for all those house banks and account ID's. Now I have below scenario. I ha

  • Imp User Cmd window Stop

    Hi, DATABASE 10.2.0.0 I am trying to Import user by this script. IMP userid=<username/[email protected]> fromuser= User1 ToUser= User1 file= <> log=<> But the cmd window start succsfully then its stop at About To Enable constraints... Why the cmd sto

  • Pacman downloading slowly and signature errors [Solved]

    So, I'm trying to do a clean install of Arch Linux. I've chrooted into the system and tried to download wireless_tools, netcfg, and dialog to set up my wireless connection but ran into two issues. First, sometimes I would get a message that says some

  • Where are my pictures gone ios7

    Since I have done the iOS7 update for my 4S all picures I have taken with my iPhone are gone, somhow. The thing is, the phone said that there are a number of pictures on the phone, but I can´t see them in the picture overview. Instead of the mini pic

  • Global Employement Queries

    Hi, When I tried implementing global employment in the initial stage itself I am facing the below issue: 1) When I am trying to maintain 710 Infotype for the host personnel number the system is giving the below error: The infotype is not accessible.(


HashFlare