How to easily layout a website in Dreamweaver???
I am having trouble laying out my website in dreamweaver. I have tried first using fireworks then importing to dreamweaver but it only imports as an image and I have also tried the table-ing method. To be honest, I'm a beginner and I don't know how to work with codes. I did work with them a few years back but I cannot recall how to use them. Can someone please help me find a simple way to layout my website with flexibility or at least more flexi that dreamweaver initially provides.
Thankss!!
Coding is a necessity if you are serious about getting into web design. And Dreamweaver is not really a beginner's tool. Adobe is trying to develop a tool called Muse ( http://muse.adobe.com ) which is currently available as a beta, but will be subscription only after it is released.
Otherwise, I think the best place to point you is this tutorial showing how to go from a Fireworks layout into Dreamweaver.
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt1.html
Similar Messages
-
I am looking for assistence how to import an existing website in Dreamweaver CS4
I need help to import an existing website in Dreamweaver CS4
Only have one Dreamweaver CS4 installed, trying to get my DW CS4 disk I
bought installed on computer (done) I only need to figure out how to link
my website to the DW CS4 on my second computer.
L. Francesca Ferrari, L.Ac., DTCM, DMQ (China)
Ferrari Center of Chinese Medicine
222 Forest Avenue
Pacific Grove, CA 93950
831.818.3993
www.francescaferrari.com
L. Francesca Ferrari, L.Ac., DMQ (China)
Department Chair Medical Qigong Science
Five Branches University
This message, together with any attachments, is intended only for the use of
the individual or entity to which it is addressed and may contain
information that is confidential and prohibited from disclosure. If you are
not the intended recipient, you are hereby notified that any dissemination,
or copying of this message, or any attachment, is strictly prohibited. If
you have received this message in error, please notify the original sender
immediately by telephone or by return e-mail and delete this message, along
with any attachments, from your computer.
From: "Nancy O." <[email protected]>
Reply-To: <[email protected]>
Date: Sat, 04 Sep 2010 18:34:03 -0600
To: Francesca Ferrari <[email protected]>
Subject: i am looking for assistence how to import an existing
website in Dreamweaver CS4
>> I do not know where the site files are. They are on my initial Mac laptop
>> computer, and I use Hostway as my server.
Do you mean you lost your local copy of your site files from on an old
computer?
Log-in to your Remote Server and GET the site files using DW or your favorite
FTP application (Cute, Filezilla, WS_ftp, etc....)
>> But I was distinctly told my the call yesterday with Adobe that I must have
>> CS5 to get my website, www.francescaferrari.com with Dreamweaver on my
>> second computer.
Which version of DW did you have before?
How many installations of DW did you have? You can have up to 2 at a time.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
> -
How do I import a website created using Frontpage into Dreamweaver
How do I import a website created using Frontpage into Dreamweaver?
Nothing to import. Simply define your local site folder in DW -- Site > New Site. Tell DW where to find your FP site files on your hard drive.
Under Servers, input your remote server's FTP log-in credentials and site Root Directory:
Some FP proprietary stuff like extensions will not work in Dreamweaver so you'll have a fair amount of code clean up ahead of you. Most people find it easier to just rebuild their site with DW.
Good luck!
Nancy O. -
How can I create a website easily using Mac products?
how can I create a website easily using Mac products?
By using iWeb if you have it and if you don't have iWeb, there are lots of other Mac compatible products that you can use instead such as RapidWeaver, Sandvox, Freeway Pro/Express 6, WebAcappella 4, Flux 4 and Quick n' Easy Website Builder.
Just do a search of this forum and you will see literally hundreds of post on this topic. -
How do I download my website from remote site to Dreamweaver
My server saved a copy of my website( built on a PC in CS3) from a year ago. I have a new Mac with CS5 now. How do I get the website beck onto my computer and functional? How can I do it and what questions should I be asking about how to do this?
figured it out.
-
How do I "open-website" to open a Microsoft Frontpage 2003 website in Dreamweaver CS6?
I just purchased Dreamweaver and have several websites created and maintained only in Frontpage 2003 until now. I cannot find a way to "open-website" or "import-website" or "convert-website" or any other way to open my existing Frontpage 2003 websites into Dreamweaver CS6. Has anyone else done this?
If you want to create a DW site from existing files on your desktop...
Site > New Site
Give it a name and http address (if you have one)
Next
Next
Select Edit Local Copies...
Browse to the folder your local files are in (or to the folder you want to download your files to)
Next
Set your FTP info
Next
Done
It's nearly the same if you want to grab files from the server. Instead of browsing to a folder with files in it, you browse to a folder you want to put your files in. Once you have the FTP set up and click Done, you'll have an empty Files tab in DW. Connect to the server (circular arrows) and click Get (down arrow) to get the entire site. -
How do I make my website fit in all size browser windows?
Hi there,
I should start off by saying that I am very new to web design, and have very limited knowledge of CSS and HTML. I understand what they are and the nature of what they do, I'm just not code savvy.
Now that that's out of the way, I've been designing/attempting to build a website using Dreamweaver. I have all of the components and layout that I want designed and ready to go, but I desperately need help with translating that into Dreamweaver. I've been researching information all over the web, but with one person suggesting one thing and another suggesting something completely different I'm afraid my brain is about to melt.
Here's what I've done so far:
Because I want everything fully customized and to use a less common font style, I saved everything from the graphics, photos, and links as .png files. I then inserted each of those images into an AP Div Tag in Dreamweaver and arranged them appropriately. That's absolutely all I've done. It works great, except I have no idea how to configure everything so the site layout shows up centered in any size browser window, instead of sitting awkwardly in the corner.
Here's a link to what currently exists: http://ikikatawares.com
I've read dozens of articles and forum responses about building tables, but I'd like to avoid that since to me they seem clunky and kind of a hassle to deal with. Can anyone please help me? Thanks.
BethYou need to put only the bold part into your code.
Immediately after your starting <body> tag add in
<div id="wrapper">
and immediately before your ending </body> tag add in
</div>
Then at the end of your css, you currently have...
#apDiv10 .navBarLinks .navBarLinks {
font-weight: bold;
Change that to...
#apDiv10 .navBarLinks .navBarLinks {
font-weight: bold;
#wrapper {
position:relative;
width:1005px;
margin:0 auto; -
How do I create a webpage in Dreamweaver WITHOUT using layers?
I'm reading a lot about how we should not use layers and
tables when creating a website in Dreamweaver because of something
called "absolute placement" (or something), which is the reason the
text in my website is constantly misaligned or overlapping when
opened up in Firefox. Although, I've never had this problem before
for the past three years I've been using Dreamweaver to create my
sites, which is what's most frustrating I think.
So, I guess I'm wondering how, then, do I create a webpage in
Dreamweaver WITHOUT using layers and tables? The only thing I've
been able to do w/o layers/tables is to literally hit "enter" and
"tab" continuously until the cursor is somewhere close to where I
want it to be on the page. But that seems a little old-school (for
lack of a better term) to really be the way to do it.
Also, if I've used a lot of layers/tables already in my
website, is the general recommendation for be to rebuild my site
completely w/o layers/tables, or is it feasible for me to have
someone who knows HTML just come in and fix the actual HTML code
for me to make it all work?
Ideally, I just want something to help me fix this problem
w/o having to hire someone else to come in, cause I've been working
this site for about a year now and am just now finally getting it
up online only to find that the way it looks online is not the way
it looks in Dreamweaver. I'd really really appreciate any
suggestions/advice.
Thank you so much!Hello,
The first bit of advice, which you may already be doing, it
to learn HTML
and CSS.
CSS is used to style and position elements.
Instead of adding numerous to add spacing, for
example, you can use
CSS to add margins or padding to elements to move them away
from other
elements.
Also, IMHO there is nothing wrong with using tables,
specially as you learn.
You can also use <divs> and CSS to position them (a
table-less layout).
There are a number of threads in this forum comparing them
and giving many
designer's views.
It's Dreamweaver's "Layout Mode" you should stay away
from.Use "Standard
Mode"
It creates tables with rowspanss and colspans that are very
fragile.
Something as simple as a user having a different text size
setting in their
browser than what you had in yours when you designed can make
the page break
apart.
More info:
http://apptools.com/rants/spans.php
Also, "Layers" are an older DW term for AP Divs (Absolutely
Positioned).
They can cause you a lot of frustration.
More info:
http://apptools.com:80/examples/pagelayout101.php
I would strongly suggest you take a couple of hours to do
these tutorials.
They are a great introduction to using CSS, making a
stylesheet and using
DW's "wizards".
They are very well written, illustrated and easy to follow.
I promise you will walk away with a different outlook on how
you can design
a page.
They are not intended to replace learning HTML or CSS in any
way, I just
think it will benefit you greatly seeing what you can do.
http://projectseven.com/tutorials/css/css_td/index.htm
http://projectseven.com/tutorials/css/qdmacfly/index.htm
I hope that helps.
Take care,
Tim
"darkpwca" <[email protected]> wrote in
message
news:[email protected]...
> I'm reading a lot about how we should not use layers and
tables when
> creating a
> website in Dreamweaver because of something called
"absolute placement"
> (or
> something), which is the reason the text in my website
is constantly
> misaligned
> or overlapping when opened up in Firefox. Although, I've
never had this
> problem
> before for the past three years I've been using
Dreamweaver to create my
> sites,
> which is what's most frustrating I think.
>
> So, I guess I'm wondering how, then, do I create a
webpage in Dreamweaver
> WITHOUT using layers and tables? The only thing I've
been able to do w/o
> layers/tables is to literally hit "enter" and "tab"
continuously until the
> cursor is somewhere close to where I want it to be on
the page. But that
> seems
> a little old-school (for lack of a better term) to
really be the way to do
> it.
>
> Also, if I've used a lot of layers/tables already in my
website, is the
> general recommendation for be to rebuild my site
completely w/o
> layers/tables,
> or is it feasible for me to have someone who knows HTML
just come in and
> fix
> the actual HTML code for me to make it all work?
>
> Ideally, I just want something to help me fix this
problem w/o having to
> hire
> someone else to come in, cause I've been working this
site for about a
> year now
> and am just now finally getting it up online only to
find that the way it
> looks
> online is not the way it looks in Dreamweaver. I'd
really really
> appreciate any
> suggestions/advice.
>
> Thank you so much!
> -
How Do I Import a Website?
How Do I Import an Existing Website into Dreamweaver?
I would like to work on an existing website with Dreamweaver
8...
I cannot find any way to import a complete website, only ways
to browse for and open existing HTML pages.
Is there a way to simply import a complete site, complete
with folders, files, structure, etc and then work on and save or
publish?Open DW. Press F1. Read about defining a site.
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
==================
"DJ Website Designer" <[email protected]>
wrote in message
news:[email protected]...
> Thank you for your help Murray. This "Define a Site
Process"... Is this
> something I can find in Dreamweaver, i.e.; a button or
menu somewhere? How
> do I
> do it?
>
>
quote:
Originally posted by:
Newsgroup User
> > Thank you to all! I can easily copy my site to my
hard-drive... I've
> > been
> > using
> > Teleport Pro, (have not tried Google or WebAssist),
but I cannot find a
> > way to
> > make Dreamweaver "see" that it's a site... All I
can do is browse and
> > open
> > pages. Where's the "Import" button?
>
> There is no IMPORT button for this. This is where the
'define a site'
> process comes in handy. When you define the site to
point into the root
> folder for the site you just copied, then you will see
all those files.
>
> --
> 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
> ==================
>
>
> "DJ Website Designer"
<[email protected]> wrote in message
> news:[email protected]...
> > Thank you to all! I can easily copy my site to my
hard-drive... I've
> > been
> > using
> > Teleport Pro, (have not tried Google or WebAssist),
but I cannot find a
> > way to
> > make Dreamweaver "see" that it's a site... All I
can do is browse and
> > open
> > pages. Where's the "Import" button?
> >
> >
quote:
Originally posted by:
Newsgroup User
> > If you already have a copy of the site on your
computer, simply create a
> > new site definition in DW and specify the folder
containing the web site
> > as the local site root. If you do not have a local
copy of the site, you
> > will need to download the entire site first.
Download it with an FTP
> > client or, as Murray suggested, a "web site
copier".
> >
> > --
> > Alec
> > Adobe Community Expert
> >
> >
> >
> >
>
>
>
>
> -
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. -
I can't open anything in Layout Object's in Dreamweaver CS6
Hi guys,
I am very new and inexperienced on Dreamweaver. I am using a book to create a website using dreamweaver and I have come accross a problem when trying to open the Div Tag on Layout Options command. The Div Tag is grey as is all the other commands such as is the AP Grid Layout command and AP Div tag.
Do you have any idea why this is. I have not opened any other div tag in my coding so the issue is not my last div tag has not been closed properly.Could you post a screenshot of the monitor DW is on?
My guess is you don't have the correct file type open or you're cursor is in a location you can't insert a <div> (or the other elements) into.
If the book you are using is telling you to use the APDiv command, set it down and get something else. APDivs are not a good idea, especially for new designers, for primary layouts and you WILL end up in a world dominated by "why doesn't this do what I want" very quickly because of them. -
Please help! adding a search to website with Dreamweaver
confused;
Hi all. i need some help. Im in the process of creating my
website on Dreamweaver CS3. I would like to have a "search" option
on my site.....
I will explain my situation.....stay with me!.......
My website is basically a dating website. So, i need a sercg
function so members can SEARCH for people in there area...
Heres an example. of the search I need....
LOOKING FOR -- MALE OR FEMALE (select box for male or female)
AREA - North West, north east, midlands, etc etc (drop down
box)
PROXIMITY - 5mile, 10 mile, 25 mile etc (drop down box)
AGE - 18-25, 25-30, 30-45 etc (drop down box)
OKay...so i guess you have the idea of what im talking
about...i hope..... I KNOW how to set the table up for the above
(using the FORMS tab on dreameaver)
What I do need to know is - How do i program my website to
return the correct results.
example...... Mr. Smith is looking for a women, within 5miles
of his postcode. he clicks search....HOW DO I GET THE WEBSITE TO
RETURN HIS REQUESTS. Do i need to buy some sort of software???
Hope you can help!!!!
Jemma xxxxxxxxxxI'm afraid that in order to get reasonable search results for
a dating type service, you are going need to do some programming.
This means that along with solid html and css, you need to be adept
at server side script programming and SQL programming. Have you
already create the database? What kind of database design
experience do you have? Seems like you are building a rather
complex site and without the proper skills you will be facing a
rather steep learning curve. You may want to think about hiring an
experienced programmer if you want to get a quality site going in a
reasonable amount of time.
I don't know of any off-the-shelf packages out there that may
exist for a dating type service so you may want to search around a
bit. -
Adding dynamic images to your website using Dreamweaver
Hi
I've been working on a website which has been in use by public for some months now.
I recently wanted to add a simple product catelogue. I can do this just by creating my database connection and using the recordsets.
However I wanted to add an image thumbnail to each product record.
I found the above topic in the Adobe Help 'Adding dynamic images to your website using Dreamweaver'
What I really would like to know is what exactly is put in the image_location field of the table, how is this field populated and then how to view the picture.
I have tried, as per instructions, but the picture is not showing.
I use php as I dont know coldfusion, but I'm sure the process must be pretty similar.
If anyone can shed some light then that would be really appreciated.
Many thanks lizkomrad78 wrote:
> I'd like to know how do you add background music to a
website using
> dreamweaver CS3?
> I'm using dreamweaver CS3 to create a website for my
church (they
> already have a domain) and I'm trying to figure out how
to add
> background music.
>
> Also, is there a way for me to add a music player or
something to the
> page that starts playing when they enter the site and
let's you pick
> different songs from it?
>
> And lastly, if I just embed a song or whatever it is as
the
> background music, can I make it loop or play a different
song
> afterwards?
As most anyone else will say, so I will say; *please don't
start it
automatically!*
Playing music on a site is fine, but making it play
automatically when you
go to the site will alienate lots of people; especially those
having a quick
web surf at work or who have other music on whilst they're
working.
But back to your question; have a look at the XSPF music
player
http://musicplayer.sourceforge.net/).
It comes in different visual versions
(can modify it with a bit of Flash knowledge), allows you to
select
different songs or just leave it looping, or you can just
loop one song. And
yes, you can make it start automatically.
See
http://www.blastoffmusic.org
for an example of a christian site where it
is used (on the inside pages)
HTH,
Pete.
Peter Connolly
http://www.kpdirection.com
Utah -
UPLOAD dreamweaver 3 website into Dreamweaver CS6?
How do I upload my website made in Dreamweaver 3 (old MAC) to my new Dreamweaver CS6 software ( on a 10.5 MAC)?
I did find the old website folder and it seemed to pick it up. I have no idea how to link the FTP host site. Also, is there an easy to follow book available? My site is very basic.
Many Thanks!!!
AJOYYour website files do not reside in DW. They are stored on your local computer in a single folder we call the root folder.
That folder and its files needs to be copied to the new MAC
DW just talks to that folder using a site definition.
If your old MAC is still functioning, you could export its site definition (a .ste file) and import it to DW on the new MAC.
If the old machine is dead, simply define your site on the new machine.
Here's a video: http://vimeo.com/45866696 -
How can I visit busy website without problem?
Hello,
I would like to visit this website http://indianvisa-bangladesh.nic.in/visa/Reprint.jsp
but 6 to 10 am GMT+6 I can't visit it . Always busy or problem loading page.
So, how can i visit this website without any problem or how can I visit this website easily. Anyone give me solution for this.
Regards-
JahidI can confirm that this is not available during this time as well: pinged and there were no response. I am sorry, if a server is offline please contact the administrator to ask if they can make it available for this time.
Maybe you are looking for
-
Is it possible to see the timestamp from the camera in my timeline?
I have been given notes to look out for certain things according to the time on the camera from when the clip was recorded. I can see the start and end times for my clips where I import the media clips. I can also see the camera time ticking up when
-
Keyword documentation is not visible....
When I press F1, only the keywords on the ABAP keyword documentation are visible. The documentation is not visible on the right. It is blank. what may be the problem... Thanks in advance for ur help... Rajkamal
-
Execution of query in background
Hi, We are using excel report output. We are facing issue of longer report runtime, when we run the report for the first time after data load. There on, the further runs are not taking that a long, to get the report output. We have been observing thi
-
My Ipod Nano screen goes black.. but it can still be detected by iTUNEs and can still listen to music ,, my problem is, i couldn't see anything.. what do i have to do?
-
HT1414 How can I use my info that has been backed up on my older iphone
I was wondering how can I access the information that was backed up on my Iphone 3G and 3GS, now that I have the current Iphone 4S? Can I print that information out on a word doctument or something?