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.jpgSo 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,
PradeePHi 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 -
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
ManojCoNverting 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 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 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 -
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, 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
-
Can i get a phone number for someone to help me right now
my phone turned himself off and come up a message its been lost. please help
-
Solaris 10 for desktop use?
Hello. I've got a Dell Inspiron 9400 (intel graphics card) laptop and I have a dual boot: Windows Vista in one partition and Debian Lenny on the other. I'm seriously thinking about the possibily of uninstall Debian and install Solaris 10 and configur
-
Open bookmark results in "new tab". More is not possible!
[]Opening a bookmark or entering a web address does not work. The result is only: "New tab". Also opening in the Firefox Help menu results in "New tab". By clicking on "New tab" nothing happens!
-
2 Network Analyzer over a single GPIB-Enet
I've some trouble using a single GPIB-Enet interface to control two different Network Analyzer simultaneously. It looks like to be not possible (commands are sent to both the instruments even if they have different gpib addresses!). I'm trying to do
-
please help!