Drawing in Dreamweaver

Is there a way of drawing lines in Dreamweaver? At the moment
I am adding a screen dump and text in Dreamweaver then having to
add arrows/lines using FrontPage. This is really faffy as the lines
do not look right and the arrows appear higher or lower than what
they were when I drew them on FrontPage!
It would be great if someone could give me some tips.
Many Thanks
Chantelle

DW is not a draw program, and neither is FP. If you look at
your FP pages
in anything other than IE, you won't see those lines you have
drawn.
You can use an HTML horizontal rule for a horizontal line, or
you can use a
border on a page element for the same purpose.
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
==================
"Chante11e" <[email protected]> wrote in
message
news:f9bvop$8g$[email protected]..
> Is there a way of drawing lines in Dreamweaver? At the
moment I am adding
> a
> screen dump and text in Dreamweaver then having to add
arrows/lines using
> FrontPage. This is really faffy as the lines do not look
right and the
> arrows
> appear higher or lower than what they were when I drew
them on FrontPage!
>
> It would be great if someone could give me some tips.
>
> Many Thanks
> Chantelle
>

Similar Messages

How do I remove a white outline from an image

I have created a logo in photoshop using text and original drawing. I keep getting a white line around each letter and drawing in dreamweaver. I then saved it as a jpeg and it still comes up with the same problem. In photoshop and/or fireworks it does not show a white line yet in dreamweaver it does no matter what I save it as PSD, EPS, GIF or JPEG. It also shows up in the "show in bowser button" in dreamweaver." As soon as I "save for web" it creates a white border. I also see two white dots at randon points in the image. I have tried numerous times to erase these randon points and border to no avail. I also created my own web buttons and do not have this problem.
Can you please help we with this? I cannot try it on a live website because I do not have an active site yet. I am new to this and trying to build my own webpage.
Thank you, any assistance will be greatly appreciated.

Use the camera icon in the forum to paste your image into a reply.
It could be artifacts in the native image, open it in Photoshop and hit Ctrl+++++ to zoom in on it.
Or it may be the default browser borders on linked images. To remove borders from all linked images add this line of code to your CSS.
a img {border:none}
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

In Dreamweaver CC why can i not get any workspace options? Where do I find 'Draw AP div'?

In Dreamweaver CC why can i not get any workspace options? Where do I find 'Draw AP div' or any of my 'designer' tools?

Insertion of APDivs/Layers are deprecated in CC. Historically, APDivs caused many, many problems for people who didn't understand they were not intended to be used as a primary layout tool. Look at FluidGrid Layouts.
http://blogs.adobe.com/dreamweaver/
Nancy O.

Layout mode in Dreamweaver CS3. Can't draw table

I did the same exact thing i do in dreamweaver 8, but in cs3,
it's now working.
I went to layout mode and with a blank page and the draw
table button is grayed out.
what do i do to use it. I'm already in layout mode.

Get out of Layout mode for starters.
In my opinion, there are three serious problems with Layout
Mode -
1. Perhaps most importantly, it sits between you and *real*
HTML tables,
and fools you into believing that concepts like "layout cell"
and
"autostretch" really mean something. They do not. As long as
you use
Layout Mode, you'll never learn one of the most important
things for new web
developers - how to build solid and reliable tables.
2. Actually, #1 wouldn't be *so* bad, except that the code
that is written
by Layout Mode is really poor code. For example, a layout
table contains
MANY empty rows of cells. This can contribute to a table's
instability.
In addition, if your initial positioning of the table's cells
is a bit
complex,
Layout Mode will throw in col- and rowspans aplenty as it
merges and splits
cells willy-nillly to achieve the pixel-perfect layout you
have specified.
Again,
this is an extremely poor method for building stable tables,
because it
allows
changes in one tiny cell's shape (i.e, dimensions) to ripple
through the
rest
of the table, usually with unexpected and sometimes
disastrous consequences.
This is one of the primary reasons for the final result's
fragility - read
this -
http://apptools.com/rants/spans.php
3. The UI for Layout Mode is beyond confusing - many options
that you might
want to use are inaccessible, e.g., inserting another table,
or layer onto
the page.
I can understand the new user's desire to use this tool to
make their life
easier,
but the cost is just too heavy in my opinion.
To make good tables, keep it simple. Put a table on the page,
and begin to
load your content. If you would want a different table
layout, instead of
merging or splitting cells, consider stacking tables or
nesting simple
tables instead, respectively.
And above all, do not try to build the whole page with a
single table!
To read more about this approach, visit the DW FAQ link in my
sig, and run
through the table tutorials.
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
==================
"Dreamweaver2k2" <[email protected]> wrote
in message
news:[email protected]...
>I did the same exact thing i do in dreamweaver 8, but in
cs3, it's now
>working.
> I went to layout mode and with a blank page and the draw
table button is
> grayed out.
>
> what do i do to use it. I'm already in layout mode.
>

Drawing AP Divs..In Dreamweaver CS3..

Hi,
Dreamweaver CS3 Question
Ive been trying to draw ap divs on my website and i've been having trouble.
My main issue is when i draw the ap div it disappears after i take my finger off the mouse.
there is no box nor selection handle left in my window.
I've tried going through the preferences and viewing options, but nothing works.
Is there a way to set my preferences back to default?
any suggestions would be greatly appreciated

on a blank page in layout mode,
Thank you. You cannot draw a/p divs in Layout mode. You shouldn't even be in Layout mode anyhow.
In my opinion, there are three serious problems with Layout Mode -
1. Perhaps most importantly, it sits between you and *real* HTML tables,
and fools you into believing that concepts like "layout cell" and
"autostretch" really mean something. They do not. As long as you use
Layout Mode, you'll never learn one of the most important things for new web
developers - how to build solid and reliable tables.
2. Actually, #1 wouldn't be *so* bad, except that the code that is written
by Layout Mode is really poor code. For example, a layout table contains
MANY empty rows of cells. This can contribute to a table's instability.
In addition, if your initial positioning of the table's cells is a bit complex,
Layout Mode will throw in col- and rowspans aplenty as it merges and splits
cells willy-nillly to achieve the pixel-perfect layout you have specified. Again,
this is an extremely poor method for building stable tables, because it allows
changes in one tiny cell's shape (i.e, dimensions) to ripple through the rest
of the table, usually with unexpected and sometimes disastrous consequences.
This is one of the primary reasons for the final result's fragility - read this -
http://apptools.com/rants/spans.php
3. The UI for Layout Mode is beyond confusing - many options that you might
want to use are inaccessible, e.g., inserting another table, or layer onto the page.
I can understand the new user's desire to use this tool to make their life easier,
but the cost is just too heavy in my opinion. Adobe agrees. Layout mode is gone forever beginning with CS4.
To make good tables, keep it simple. Put a table on the page, and begin to
load your content. If you would want a different table layout, instead of
merging or splitting cells, consider stacking tables or nesting simple
tables instead, respectively.
And above all, do not try to build the whole page with a single table!

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.

Cannot find "draw table layout icon" cs5 dreamweaver

Hi guys,
I can't seems to find the draw table layout icon on cs5 dreamweaver?
Any ideas have to bring it up???
Thanks in advance.
Darrel

Hi guy Darrel,
do you think about that (screenshots from my German DW)?
It's coming from there Translated from my German DW): window > workspace layout > classically:
If I should not have understood the question correctly, please ask or explain again.
Hans-G.

Does dreamweaver allow you to draw?

Does dreamweaver allow you to draw? I am trying to customize
my site by adding lines, ellipses, rectangles, circles...etc. If
dreamweaver does have this...could somebody tell me how to access
the drawing menu?
Thanks.

You might also add PhotoshOp to your list....
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
==================
"Katsuey" <[email protected]> wrote in
message
news:fo2uch$srj$[email protected]..
>> Does dreamweaver allow you to draw? I am trying to
customize my site by
>> adding
>> lines, ellipses, rectangles, circles...etc. If
dreamweaver does have
>> this...could somebody tell me how to access the
drawing menu? Thanks.
>
> No. DW is not a graphics tool if that's what you are
asking.
> Fireworks or Photoship are the graphics programs most
> use with DW.
>

Blast from the past: How do I draw image maps in Dreamweaver CC 2014?

Need to update some old stuff, and can´t find where to draw image-maps on images.

First, you need to be in Design View to get the image map tools to appear.
Once there, the image map icons should show when you select an image. If they don't, you may have your Properties panel collapsed. In the bottom right corner of the Properties panel, there's a tiny triangle, click that to expand the panel to include the image map tools.

What is a better or new version of draw ap div button in Dreamweaver cc?

Hello I am wondering about this for a website I have heard of ad div button but it has being stopped now and I heard of the flaws about it as well is their now a better version of this or a new version of this now?

Draw AP (absolutely positioned) Div is no longer an option in DW CC's menu because it causes much grief and confusion for new web designers. APDivs should never be used for primary layouts.
Use CSS floats, margins and padding to align elements on your page.
CSS Float
http://css-tricks.com/all-about-floats/
Nancy O.

Does the Dreamweaver team work at Adobe?

Here's why I ask. We're in CS6 now, which is what, the 12th version of dreamweaver? I keep thinking, maybe there's going to be bridge integration someday. Mini-bridge would be awesome. But it's like the dreamweaver team has never seen another Adobe product. Yes, there's a place in dreamweaver as a bridge option (if the image is already resized, and you want it stored in your root directory), but from Dreamweaver there's no preview in bridge (we can explore with Windows file explorer, that's an option, but no mention of bridge). I keep hoping I can draw an image placeholder in golive, select a file in bridge, and the option 'Place an optimized file created in these dimensions in your current directories files' will appear, but that option isn't there. Contribute had that back in CS1, but Dreamweaver makes me work for it. It gives me the ability to draw a placeholder to dimensions, but then I have to open photoshop, resize it, save it, and find it.
And finding images is hard, because there's no mini-bridge! Want to view all the images you have in a directory so you can select the right thumbnail to place on your page? Better use another program. Sure, there's the asset view, where you can wait while dreamweaver creates microscopic thumnails of every image in every directory, but something as simple as view files as thumbnails - not this time. Maybe CS7?
And as long as I'm griping about features that every other program in the world seems to have mastered, would it be so hard to have real-time spell check? I don't think I own another program (or device) that let's me mis-type as happily as dreamweaver. Yes, if I remember I can run a command to spell check, but why make me remember? Why not incorporate the same (dare I say technology?) that Microsoft has used for all of this century and much of the last, and just put a squiggly line under my screw-ups?
Please, Adobe, spend a little more time thinking about the people that use your products (I know I'm not the only person who puts images on web pages!), and less time coming up with new programs like Muse so we don't have to use the programs we already love.

Although I know it's never been considered DW is always looking for ways to expand. I can hear where you are coming from, however, from a priorities perspective from other posts I've seen, removing the old functionality and trying to bring in the standards of HTML5 and CSS3 is more important, because as Nancy and PZ eluded to, people have been doing it this way for years and competitors are coming out with better ways to handle the new technologies and DW needs to be on the cutting edge there. Based on the web fonts that was introduced in CS6, I would like to see integration with Font Management tools. With InDesign and Photoshop you don't know how often I rely on those external (non-Adobe) tools to tell me what fonts are in use and to be able to select any font on my system to use on the webpage (given that you have the rights to the font of course).
I will say this about your last paragraph. I did recently upgrade to the CS6 suite, but your comment there is one of the reasons I have not gone into the Cloud. I feel like my money would be supporting that product when I don't need/want to use it.

Dreamweaver 8 work area redraw problem

Hi all, I'm having severe problems with screen refreshes in
the work area - dreamweaver doesn't seem to be able to redraw the
screen. I've no idea what is going on to try and resolve the
problem and have tried completely removing dreamweaver and doing a
'clean' reinstall to no avail.
When first started up dreamwaver draws the menus, property
bars and tool palettes ok but the Windows XP desktop shows in the
workarea. pages can be displayed and worked on alright in the split
window view, but neither the code or design views display
correctly, and CSS style sheets cannot be displayed for editing (a
window appears, but you can't see anything in it - or a split
code/design window style is displayed). dragging a document window
around the workarea leaves a trail of 'echos' of the window in the
work area.
This is a complete mystery to me - have tried installing on
two different machines (both WinXP SP2) and applying available
updates to DW8... similar problems on both machines.
Anyone got any ideas?

Please provide a link (URL).....
Regards
John Waller

New to Dreamweaver and need help with fomatting font

Hi, I am new to dreamweaver and have been playing with it for a few weeks. I have Dreamweaver CS5.5 and I am making some detailed html templates for my ebay listings. I have created my tables, graphics, and colors but I am having trouble with my font formatting. Everything is looking really good, but there are a few sentences and even just a few phrases that I want to underline but when I add a text decloration and underline, it just underlines the whole area of sentenses not the specific one that I highlited. I know how to create a h1, h2, h3 etc code and add underline to it, but I don't want to have to format a h1 or h2 tag everything I want to format a little line. The reason I have been doing this is because It really is one of the only ways I have been able to figure out how to underline something. I watched some tutorials which is how I learned this. I figured out in the properties Panel on bottom of page to click on the CSS rule to create certain codes and such, but I am not sure how to do this. I tried one thing which was where it says target rule, I clicked new CSS Rule and then in then in the CSS Styles Panel on right side of screen I selected add property which I was then able to do a text decloration and underline, but it underlines many more sentenses than I am wanting or have selected. Please help so I am able to specifically choose how to underline just a word or two, and even to have just a word or two specifiaclly be a certain font, size or color. I am able to find ways to make this work on words as a whole, but not individual words or phrases.
Thanks for any help its really appreciated!
Rylan

Bear in mind that an underlined word or phrase on the web means a clickable link to most people.
So, if you want to draw attention to something on screen, use anything (font size, color etc) except for an underline.
text-decoration: underline; is only used in CSS for styling clickable links. Not for regular text.
One option is to use the HTML <span> tag combined with CSS.
CSS
.important {
font-size: 14px;
color: red;
<p>This sentence contains a really <span class="important">important</span> word</p>

How to make the stage transparent for SWF file being used in Dreamweaver

I have a SWF file in my Dreamweaver site, that plays correctly. The problem is that the stage is white and we would like it to be transparent. Searching the archives the following advice was given:
in your html embedding code you need to set the wmode parameter to be "transparent"
I'm wondering if this is the code in Dreamweaver or is this done in Flash. I'm working with CS5. Below is the code that matches the SWF file in Dreamweaver. I did change the wmode value from "opaque" to "transparent" and it didn't work.
Thanks for any assistance.
Sherri
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="650" height="400" id="FlashID" title="Convergence Gathering Title">
             <param name="movie" value="Flash/gold_dust_title.swf" />
             <param name="quality" value="high" />
             <param name="wmode" value="opaque" />
             <param name="swfversion" value="6.0.65.0" />
             
             <param name="expressinstall" value="Scripts/expressInstall.swf" />
             
             
             <object type="application/x-shockwave-flash" data="Flash/gold_dust_title.swf" width="650" height="400">
               
               <param name="quality" value="high" />
               <param name="wmode" value="opaque" />
               <param name="swfversion" value="6.0.65.0" />
               <param name="expressinstall" value="Scripts/expressInstall.swf" />
               
               <div>
                 <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
                 <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
               </div>
               
             </object>
             
           </object>

Yes, change this to "transparent" in ALL the places where wmode is shown
<param name="wmode" value="opaque" />
Second, be sure that there is in fact nothing covering the entire stage, like a big white rectangle.
Also, what is directly behind the .swf once it's on the Web page? If the background color of that page or the <div> that the .swf is in is white..... well then then .swf can have a transparent background but then the white from the Web page just shows thru.... so there's still a white background.
Be sure there is a non-white background on the Web page...
Window Mode (wmode) - What's It For?
There are three window modes.
Window
Opaque
Transparent
By default, the Flash Player gets its own hWnd in Windows. This means that the Flash movie actually exists in a display instance within Windows that lives above the core browser display window. So though it appears to be in the browser window, technically, it isn't. It is most efficient for Flash to draw this way and this is the fastest, most efficient rendering mode. However, it is drawing independently of the browser's HTML rendering surface. This is why this default mode (which is equivalent to wmode="window") doesn't allow proper compositing with DHTML layers. This is why your JavaScripted drop-down menus will drop behind your Flash movie.
In windowless modes (like opaque), Flash Player doesn't have a hWnd. This means that the browser tells the Flash Player when and where to draw onto the browser's own rendering surface. The Flash movie is no longer being rendered on a higher level if you will. It's right there in the page with the rest of the page elements. The Flash buffer is simply drawn into whatever rectangle the browser says, with any Flash stage space not occupied by objects receiving the movie's background color.
Best wishes,
Adninjastrator

Help inserting Fireworks pop-up menu into Dreamweaver

I wonder if anyone can help me with pop-up menu insertion
process. I create the menu in Fireworks and export it to
Dreamweaver. I place the menu in a fresh test document and it works
perfectly every time, but when I go through the exact same series
of steps in my real page, I get a broken image icon. I just can't
understand why the path is fine one way, yet gets lost in the
shuffle the other way. The only two differences I can think of are
where in the site folder the test page is saved, as opposed to
where the real (archive) page is stored, and the fact that the
archive page already has rows and columns and cells, where the
fresh test page has just one basic table and nothing else at all. I
even tried manipulating the code directly to make the sections in
question identical, and even that doesn't do it. As far as I could
see, my actual working site page (which won't accept the insertion)
had one extra bit of code, namely
<td colspan="4"
Everything else seems to be the same.
I am losing my sanity over this!

Would it be too late to direct you to another menu approach
altogether? The
FW pop-up menus are not the sharpest knife in the drawer -
Check the uberlink and MacFly tutorials at PVII
http://www.projectseven.com/)
and the Navbar tutorial/articles at Thierry's place
http://tjkdesign.com/navbars/)
Or to get it done fast, go here -
http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm
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
==================
"birdpics" <[email protected]> wrote in
message
news:ed2pnn$5cl$[email protected]..
> I wonder if anyone can help me with pop-up menu
insertion process. I
> create
> the menu in Fireworks and export it to Dreamweaver. I
place the menu in a
> fresh
> test document and it works perfectly every time, but
when I go through the
> exact same series of steps in my real page, I get a
broken image icon. I
> just
> can't understand why the path is fine one way, yet gets
lost in the
> shuffle the
> other way. The only two differences I can think of are
where in the site
> folder the test page is saved, as opposed to where the
real (archive) page
> is
> stored, and the fact that the archive page already has
rows and columns
> and
> cells, where the fresh test page has just one basic
table and nothing else
> at
> all. I even tried manipulating the code directly to make
the sections in
> question identical, and even that doesn't do it. As far
as I could see, my
> actual working site page (which won't accept the
insertion) had one extra
> bit
> of code, namely
>
> <td colspan="4"
>
> Everything else seems to be the same.
>
> I am losing my sanity over this!
>
>
>
>
>

Drawing in Dreamweaver

Similar Messages

Maybe you are looking for