I am making a site layout in photoshop. In my header I have a few curved lines. I have never coded

coded curved lines in dreamweaver. How do I do that?

A page displayed on the web consists of (among other things) an HTML framework and rectangular images that are 'supported' by that framework.  That's it.  You don't 'code' curved lines, you create graphics that contain those curved lines, and then build your HTML so that those graphics are properly placed on the page in a way that's similar to how you would put a jigsaw puzzle together.
The most important thing you can do at this point is to gain some basic familiarity with HTML and CSS as these will be the two most important aspects of your work in assembling the web page.  And whatever you do, DO NOT rely on a graphics editor to write your HTML.
Now - to say more about your specific question, we would need to see the graphic that you are working with.

Similar Messages

  • Need Help Reslicing Photoshop Site Layout to Update Dreamweaver Template

    I created a website in adobe photoshop cs3 and sliced it up
    to created an html file with sliced images. My main navigation menu
    is made up of graphics.
    I brought it into dreamweaver and created editable regions,
    created rollovers etc. Then I created a dreamweaver template from
    that to create the rest of the web pages for my site.
    The client has come back to me and wants to add more menu
    options to the site. This is where I'm stuck! When I use photoshop
    to make more menu slices, it renumbers them. How do I export the
    new slices with the new layout so I can use them to update my
    dreamweaver template. How can I get those new slices/html layout to
    the dreamweaver template without losing all the work I have done on
    my current dreamweaver template?
    issuenite

    > Why does photohshop even provided a slicing feature if
    it does not provide
    > good code?
    The slicing is not the problem. It's the export as HTML that
    is the
    problem. And you'd have to ask Adobe that question if you
    want an answer.
    We are all just volunteer peers here.
    > What is better about Fireworks? I have the program but
    have never used
    > it.
    FW HTML is no better.
    http://www.adobe.com/devnet/fireworks/articles/why_fireworks.html
    At any rate, read this -
    http://apptools.com/rants/spans.php
    - and then look
    at your code and count colspan, and rowspan attributes.
    Unfortunately, the
    only way to avoid this mess is to learn enough HTML/CSS that
    you can build
    your own tables in DW, and do it in such a way that you don't
    rely on
    merging and splitting cells (which is what generates those
    colspan and
    rowspan attributes).
    Again, unfortunately, you are REALLY stuck in a bad
    situation. Since you
    have a) used a completely graphic menu button array, and b)
    used a graphic
    background behind the menu buttons, and c) chosen to embed
    that graphic
    background in each sliced button, you cannot add new buttons
    without
    remaking the entire menu. You will only make that mistake
    once. I never
    start building menus until I have an approved site plan in
    hand. By the
    way, that's a nice looking layout.
    I don't see any clear path to salvation here. Since you are
    absolutely tied
    to PS for exporting the HTML and slices, you will have to
    recreate
    everything, I believe.
    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
    ==================
    "issuenite" <[email protected]> wrote in
    message
    news:[email protected]...
    > >That's a very bad start. This HTML is *not* suitable
    for production use.
    >
    > Why does photohshop even provided a slicing feature if
    it does not provide
    > good code?
    >
    >
    > > If you used FW to create the graphics, and DW to
    build the page and
    > > write
    > > the HTML, you wouldn't be having this problem.
    However, if you post a
    > > link
    > > to the page, we will likely be able to help you.
    >
    >
    > What is better about Fireworks? I have the program but
    have never used
    > it.
    >
    > The site is in its infancy at www.kevinkipfer.com
    >
    > thanks
    > issuenite
    >

  • (Please Help) making buttons clickable (layout done in photoshop)

    I am a newbie to all of this. I been trying to learn html/css
    and I am still learning it but I needed a quick way to get my
    website up and running. So, I created my layout in photoshop, I
    sliced it and imported it anything dreamweaver. I made the content
    area editable. Now I have 10 buttons that needs to be clickable. I
    was on my index.html page and use the hotspot tools to try and make
    them clickable. Indeed it did on my index page. Was I suppose to
    use the hotspot tools or was I suppose to select the image, replace
    it and then link it (when I tried that way at first, it messed the
    page and had boxes and lines everywhere, like the page was broken
    up, I really dont know what I did wrong there)
    My problem is that how do I make all 10 pages of my website
    buttons clickable without having to go to each page, like the about
    page, services page, contact page, etc.... and using the hotspot on
    all 10 pages?
    Do I have to make it as a template or something?
    Here is a picture of the problem...What did I do wrong or how
    to fix the problem?
    http://i39.tinypic.com/2ltmuzs.jpg

    So many problems, so little time. First and most importantly,
    I admire your courage to "forge ahead", but you need to start with
    the basics (some of the dreamweaver tutorials, template pages, etc.
    and learn slowly and methodically.) A well functioning site is far
    more important than a graphically pleasing site...
    There are many apparent problems based on your jpg, but can't
    address any without seeing the code.
    Buttons: If they are separate slices, they don't need image
    map "hot spots" to link them. Simply select one, and assign a link
    to it via the properties window. If you saved your entire "header
    graphic" as all one piece, and placed it into your page, that would
    be when you would want to assign "hot spots" to each section of the
    graphic, but if they are separate pieces, there is no need for the
    hot spots.
    Templates: Yes, a template is the best way to ensure each
    page functions and has the same links as the rest. If you dont have
    a template set up, you will need to assign all of your links
    separately to each page of your document. To create a template, you
    first need to create one good, functioning page, then save as
    template. Once a template, you'll need to assign which areas you
    want to be editable (usually the "content area"). The advantage of
    a template is also that if you need to make a global change to all
    of the pages somewhere down the road, the change will automatically
    update itself on all pages. After the template is created, create a
    "New page from Template".
    By the looks of your jpg image, you have a whole host of
    other problems with the way the page is set up - if you're using
    tables to compile, you aren't using them well. The more complicated
    you try to slice up a single table, the likelyhood of problems like
    you're showing multiplies exponentially - keep it simple.
    Experiment with "nested tables" to see if that helps, but DON"T
    OVERDO... If you're using css - do some reading, or try to begin
    with one of the Dreamweaver template pages to start, then slowly
    modify and test as you go - it's tricky at first.
    For that matter, if you don't have any "rollover" effect or
    anything else going on in the top area, you may be far better off
    saving it as one piece and image mapping the "hot spots" for your
    links, and it won't break apart the way you're showing.
    Keep trying, but take it slow - take a course or purchase a
    tutorial dvd - it is well worth the investment and will save you
    countless hours of frustration and "stabbing in the dark"...
    Hope that helps - don't be in such a hurry to get your site
    "live" - take your time and it will get easier...

  • Designing entire ad layouts in Photoshop vs. Indesign?

    Why would you take a layout from Illustrator or Photoshop to InDesign when you can do the entire layout in either of those programs, with crop guides and save the files as a PDF for printing? Is there any reason to not do an entire layout in Photoshop?
    Thanks.

    I agree one page layouts are easy to do in Photoshop using templates and scripts.
    Photo Collage Toolkit UPDATED April 30, 2013 Added border option to PasteImageRoll.
    Photoshop scripting is powerful and I believe this package demonstrates this.
    The package includes four simple rules to follow when making Photo Collage Template PSD files so they will be compatible with my Photoshop scripts. There are sample template and many additional ones can be downloaded.
    There are eleven scripts in this package they provide the following functions:
    TestCollageTemplate.jsx - Used to test a Photo Collage Template while you are making it with Photoshop.
    CollageTemplateBuilder.jsx - Can build Templates compatible with this toolkit's scripts.
    LayerToAlphaChan.jsx - Used to convert a Prototype Image Layer stack into a template document.
    InteractivePopulateCollage.jsx - Used to interactively populate Any Photo Collage template. Offers most user control inserting pictures and text.
    ReplaceCollageImage.jsx - use to replace a populated collage image Smart Object layer with an other image correctly resized and positioned.
    ChangeTextSize.jsx - This script can be used to change Image stamps text size when the size used by the populating did not work well.
    PopulateCollageTemplate.jsx - Used to Automatically populate a Photo Collage template and leave the populated copy open in Photoshop.
    BatchOneImageCollage.jsx - Used to Automatically Batch Populate Collage templates that only have one image inserted. The Collage or Image may be stamped with text.
    BatchMultiImageCollage.jsx - Used to Automatically Batch Populate Any Photo Collage template with images in a source image folder. Easier to use than the interactive script. Saved collages can be tweaked.
    BatchPicturePackage.jsx - Used to Automatically Batch Populate Any Photo Collage template with an image in a source image folder
    PasteImageRoll.jsx - Paste Images into a document to be print on roll paper.
    Documentation and Examples

  • How to use interactive layout in Photoshop CC for the photomerge function?

    I find it really hard to combine the images together because the end result from photomerge does not have the snap in function like the interactive layout. Does anyone know how can I bring back the interactive layout in Photoshop CC? I downloaded the PhotomergeUI plugin but error came up saying 'Could not complete your request because it is not the right kind of doument'. Any help will be greatly appreciated.

    I was able to get PhotomergeUI to work in CS6 (both x64 and x86) by the following method:
    If you download Photoshop CS5 Optional Plugins and (for 64-bit versions of Adobe Photoshop on Windows) extract "\\CS5OptionalPlugins_Win_en_US.zip\PSCS5OptionalPlugins_Win_en_US\Optional Plug-Ins\Win64\PhotomergeUI.8BF" to "C:\Program Files\Adobe\Adobe Photoshop CS6 (64 Bit)\Plug-ins\Automate" and "C:\Program Files\Common Files\Adobe\Plug-Ins\CS6\Automate" then the Photomerge UI becomes available in Photoshop CS6.
    If the "Automate" directories are not available (existent), then you may first create them in their respective directories. This is not necessary, however, as the plugins may be dropped anywhere in the 'plugins' folder.
    However, this method doesn't seem to work with Adobe Photoshop CC. I will continue to investigate how to implement this plug-in in Adobe Photoshop CC..

  • Is the best way to get a layout through Photoshop?

    Now I have created a layout in Photoshop and spliced and optimised. I have sections on my layout were I would like articles to go similar to a gaming website with all the latest news and such.
    How would the best way to do these articles? I was thinking just delete the section that I spliced the make that the background image and just type there.
    would this be the correct/most efficient way to do this?
    Here is an example of what I'd like to do: http://www.gameinformer.com/
    under the feed section.

    Drawing APDivs is going to come back to bite you later.   Here's why:
    http://apptools.com/examples/pagelayout101.php
    Have a look at this 3 part tutorial.  The method is the same whether you use Photoshop or Fireworks.
    Taking a Fireworks comp to a CSS Layout in DW
    Part 1 - Initial Design
    http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt1.html
    Part 2 - Markup preparation
    http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt2.html
    Part 3 - Layout and CSS
    http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt3.html
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • Making our site to search by search engines like google, yeahoo...etc

    Hi All,
    To make our client site search and display results by google / yahoo or any other search engine what needs to be done?
    we kept "meta" tag keywords and description in all our html file and mastheaders.
    What we need to do for making our site searchable by search engines ( like yahoo search and google search etc)?
    Do we need to register with the search engine sites or search engine will search our site automatically by checking "meta" tags in our web pages.?
    All our webpages are in KM.
    Thanks,
    PradeeP

    Hi Pradeep,
    I havent tried this before, but would like to add my 2 cents to this topic.
    I guess you could start by submitting your site to google - http://www.google.com/addurl/
    Search engines rely on a lot more than just the meta tags and other header information. I guess Google relies on something called PageRank and also track backs in order to determine the relavance of your site to the search criteria.
    You may also search for document related to SEO (Search Engine Optimization) but not sure if that would work.
    Thanks,
    GLM

  • Unable to draw AP Div from Insert Panel as described in Tutorial "Classroom: Basic Site Layout and Navigation in Dreamweaver"

    I tried to perform the draw AP Div from the Insert Panel as described within the Tutorial "Classroom: Basic Site Layout and Navigation in Dreamweaver" but that option isn't available/visible from my most recent update t Dreamweaver CC. The only thing noticeable is that the instructor is using a Mac version of the software. Help!

    CS4 is 6+ years old.  A lot has changed in web standards and Dreamweaver since then.
    APDivs were never a good or sensible way to make primary layouts.  Today, they are downright impossible in Responsive web designs because content in APDivs is removed from the normal document flow.  See links below for further details on why APDivs should be avoided.
    http://www.apptools.com/examples/pagelayout101.php
    http://css-tricks.com/css-beginner-mistakes-1/
    If you're going to work with DW CC, you need to find tutorials to match your product version.  CS6 is wildly different from CC and CC 2014.
    Creating your first web site in DW CC-
    https://helpx.adobe.com/dreamweaver/learn/tutorials/how-to/first-website-part1.html
    Nancy O.

  • Make Layout in Photoshop & Covert to Web

    Hi guys,
    I get some information from a different forum. Some web designer lay outing in Photoshop & that file convert to html. I am wondering this property because I don’t have deep knowledge this things. Please help me how can do layout in photoshop & same layout to adopt to a html PLEASE HELP ME
    Regards
    Manoj

    CoNverting designs to workable web pages requires:
         a) being literate with HTML, CSS and some client-side programming,
         b) understanding the limitations & possibilites of the medium you're working with.
    Start here:
         HTML & CSS Tutorials - http://w3schools.com/
         Learn CSS positioning in 10 Steps
         http://www.barelyfitz.com/screencast/html-training/css/positioning/
         How to Develop with CSS?
         http://phrogz.net/css/HowToDevelopWithCSS.html
         Taking a Fireworks (or Photoshop) comp to a CSS Layout in DW
         Part 1 - Initial Design
         http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt1.html
         Part 2 - Markup preparation
         http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt2.html
         Part 3 - Layout and CSS
         http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt3.html
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • My Site Layouts Feature - Enable

    I'm trying to enable the feature
    'my site layouts' for a SharePoint 2013 online (office 365). I understand this is feature
    "6928b0e5-5707-46a1-ae16-d6e52522d52b" . From what I can see, the 'Enable-SPFeature' 
    is not available for the online SharePoint Powershell.  Any advice on how to solve this issue?
    PeeBee
     

    This is a hidden site collection feature so you will need to use SharePoint Manager or PowerShell. The feature ID is 6928B0E5-5707-46a1-AE16-D6E52522D52B. Its physical location under {SharePointRoot} is TEMPLATE\FEATURES\MySiteLayouts.
    This feature brings a number of other web parts and also the MySite.master master page
    sozhan

  • PHOTOSHOP CS6 PLUGIN PROBLEM; I have PS CS6

    PHOTOSHOP CS6 PLUGIN PROBLEM; I have PS CS6 & a mac osx 10.7.5  I have downloaded the pluginhttps://sourceforge.net/projects/panotools/  I drag it to the applications folder  (applications/photoshop/plugins) and it shows up there, but it does not show up when I reopen photoshop, can anyone tell me if this is a valid plugin or what I am doing wrong?

    Thank you for the link, I don't see where the licensing is listed at all, I also don't see where it says it is for existing CS2 users only & the line install a special version that does not require activation -                                   
    doesn't scream it'd be a problem to load it especially since I already own a later version that I can't use the plugin on - …I don't find the site all that informative.  I appreciate all the answers & responses to my use of CS2 but I'd really just like to receive an answer to the original question of if the plugin works with it or not…if anyone has that answer I'd appreciate it.
    Is there a place I can purchase it?  I will gladly do so if I can get the plugin to work-that is my goal.

  • Using Adobe Photoshop CS2 version 9 and have updated it, but when stacking photos, it comes up with PSD, whereas I want Jpeg, and I change the format to Jpeg and the box then comes up with cannot save as there is a program error. Be very grateful for help

    Using Adobe Photoshop CS2 version 9 and have updated it, but when stacking photos, it comes up with PSD, whereas I want Jpeg, and I change the format to Jpeg and the box then comes up with cannot save as there is a program error. Be very grateful for help with this, please.

    jpg does not support Layers.
    Just to make sure, what exactly do you mean by "stacking photos" and what do you want to achieve thereby?

  • I have bought a dvd of photoshop elements 12. I have installed it both as the licensed version and again as a trial version. I can open organiser but when I try to open editor it asks me to sign in. Ive tried it with my ID and also tried creating a new ID

    I have bought a dvd of photoshop elements 12. I have installed it both as the licensed version and again as a trial version. I can open organiser but when I try to open editor it asks me to sign in. Ive tried it with my ID and also tried creating a new ID with another email address. However i cant get past this screen  - it just freezes and wont load or do anything.

    Hi,
    Can you please elaborate what happens when you try to Sign in?
    Also , Can you please share the following logs at [email protected]:
    Go to %temp% folder and share PDApp.log , oobelib.log and amt3.log
    Thanks,
    Shikha

  • HT204053 My wife and I each have an apple computer and an iPhone.  Setting them up with the iCloud put us on the same account.  I take a lot of photos on job sites and she takes her own photos we have to scan though each others photos to find our own.  Ho

    My wife and I each have an apple computer and an iPhone.  Setting them up with the iCloud put us on the same account.  I take a lot of photos on job sites and she takes her own photos we have to scan though each others photos to find our own.  How do I separate the accounts without one of us losing our own stuff?

    Decide which device will be changing accounts.  On that device, if you have any photos in photo stream that are not in your camera roll that you want to keep on the device, save them to the camera roll by opening the photo stream album in the thumbnail view, tapping Edit, then tap all the photos you want to save, tap Share and tap Save to Camera Roll. 
    Once this is done, go to Settings>iCloud, scroll to the bottom and tap Delete Account.  (This will only delete the account from this phone, not from iCloud.  The device(s) that will be keeping the account will not be effected by this.)  When prompted about what to do with the iCloud data, be sure to select Keep On My iDevice.  Next, set up a new iCloud account using a different Apple ID (if you don't have one, tap Get a Free Apple ID at the bottom).  Then turn iCloud data syncing back to On, and when prompted about merging with iCloud, choose Merge.  This will upload the data to the new account.
    Finally, to delete any data that you don't want in each account (such as deleting your wife's data from your account, and vice versa) you will have to go to icloud.com on your computer and sign into each iCloud account separately and manually delete it.

  • Opening files with Illustrator and photoshop doesn't work, i have to drag the files from finder in to the program. This problem appears after opening 4 a 5 files.

    Opening files with Illustrator and photoshop doesn't work, i have to drag the files from finder in to the program.
    This problem appears after opening 4 a 5 files, rebooting helps another 4 a 5 times and appears again.

    I'd recommend reposting in the Boot Camp forum, that is where the Boot Camp and Windows gurus hang out.
    Good luck.

Maybe you are looking for