Dreamweaver?

Everything to do with using your own website to advertise your rental property. Design, usability, hosting, getting listed on the search engines, optimising your site, pay-per-click, etc, etc.
Cat7139
Posts: 38
Joined: Mon Jan 31, 2005 10:53 am
Location: Burgundy France
Contact:

Post by Cat7139 »

By the way, I know you might think this is a breach of your privacy. If you object to me "peeping behind the curtain" like this I will delete your pages from my PC and will not look again.
Alan,
Not at all. The more advice I'm given the more I am learning.
I'm going to try and sort out my monochrome image this morning.

Charles,
The page looks fine in my browser so I've obviously done something wrong with the server.

Thanks.
Cat7139
Posts: 38
Joined: Mon Jan 31, 2005 10:53 am
Location: Burgundy France
Contact:

Post by Cat7139 »

I'm still having problems with text not running around my pictures.

My page in Dreamweaver browser looks just as I want it to. Via my server it changes. I have copied the text coding from both dreamweaver and the server - I can see a few differences but don't know what this may be doing. Could this be what is causing the web page to change?

Webserver coding

<P class=subhead align=left><SPAN class=crossheadtitle>Your destination</SPAN> </P>
<P class=subhead align=left><SPAN class=bodytext>Your holiday destination is Bresse in South </SPAN><SPAN class=bodytextcolour>Burgundy</SPAN><SPAN class=bodytext> bordering the foothills of the Jura.<IMG src="http://pictureburgundy.bravehost.com/ov ... hedhdb.jpg"> </SPAN></P>
<P><SPAN class=bodytext>Our home, </SPAN><SPAN class=bodytextcolour>Les Lavandes</SPAN><SPAN class=bodytext>, is an 18th century farmhouse where cream </SPAN><SPAN class=bodytext>coloured </SPAN><SPAN class=bodytext>charollais cattle graze in the surrounding fields. It is constructed in a classical </SPAN><SPAN class=bodytext>timber framed </SPAN><SPAN class=bodytext>Bresse style with abundant beams and a traditional low pitch roof.


Dreamweaver coding

<div id="image">
<p align="left" class="subhead"><span class="crossheadtitle">Your destination</span> </p>
<p><span class="bodytext">Your holiday destination is Bresse in South </span><span class="bodytextcolour">Burgundy</span><span class="bodytext"> bordering
the foothills of the Jura.<img src="logos_schematics_treated_pix/ovalairbrushedhdb.jpg" width="300" height="225" id="ovalrunaround"> </span></p>
<p><span class="bodytext">Our home, </span><span class="bodytextcolour">Les Lavandes</span><span class="bodytext">, is an 18th century farmhouse where cream </span><span class="bodytext">coloured </span><span class="bodytext">charollais cattle graze in the surrounding fields. It is constructed
in a classical </span><span class="bodytext">timber framed </span><span class="bodytext">Bresse style with abundant beams and
a traditional low pitch roof. </span></p>

Thank you coders.
Catherine
charles
Posts: 92
Joined: Thu Feb 03, 2005 12:00 am
Location: London.UK
Contact:

Post by charles »

Hi Catherine,

I've looked at the code on your server which is a lot longer than what you quote above - your example is missing the all important <head> <body> etc tags.

What I found is that those tags were in the wrong position and the CSS code you are using appears to be incorrect - I'm not a CSS guru, just learning like you, but I seemed to get better results by changing the CSS entries with a # to a .

Also, you have some remnants of Microsoft Word lurking around - which is why Word and HTML development don't mix. This line in particular, as Poirot would say "offends the eye":
<META content="MSHTML 6.00.2900.2604" name=GENERATOR>
I also removed a lot of the CSS styling from the text you had - it's best to start getting the structure right before getting the look and feel the way you want it.

One point in passing, the CSS mentions fonts name I have never heard off - beware using non-standard fonts as not all your visitors will have the same as yours - I'd stick with standard ones and use non-standards ones into graphics.

I have uploaded a sample of the modified code to one my domain names - see it here: www.ptalink.net/test - is that the layout you're looking for (ignore the errors about the images, it's normal).

The actual code from DW is as follows:

Code: Select all


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html
<HEAD<TITLE>French Forays Home Page</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">

<STYLE type=text/css>
<!--
.headline {
	font-family: "Arnold Böcklin Std";
	font-size: 36px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #660033;
}
.subhead {
	font-family: "Eras Ultra ITC";
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
.bodytext {
	font-family: "Eras Demi ITC";
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
oval {
	float: right;
	margin-top: 12em;
	margin-right: 12em;
	margin-bottom: 12em;
	margin-left: 12em;
}
.crossheads {
	font-family: "Eras Demi ITC";
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}
.jurapicrunround {
	float: left;
	margin: 3px;
}
.crossheadtitle {
	font-family: "Arnold Böcklin Std";
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #660033;
}
.bodytextcolour {
	font-family: "Eras Demi ITC";
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #660033;
	}
.ovalrunaround {
	float: right;
}
-->
</STYLE>

<SCRIPT language=JavaScript type=text/JavaScript>
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</SCRIPT>

</head>

<body>


<div align="center" style="z-index: 9000; margin-bottom: 10px;">

<DIV class=navbar align="center">
  <p><IMG height=67 src="http://pictureburgundy.bravehost.com/logos_schematics_treated_pix/lozengeheaderslice.jpg" width=700>
    <br>
    <SPAN class=headline> Picture Burgundy</SPAN>

    </p>
  <p><SPAN class=subhead>Painting, Wine Tasting, Walking, Shopping, Antique-Hunting. </SPAN>
  
  </p>
</DIV>

<SPAN class=bodytextcolour>Discover diverse landscapes, timber-framed houses, ancient vineyards and warm, hospitable people.
 If you are seeking a holiday to paint, enjoy wine, search for French antiquities or explore this facinating region by car,
 bike or foot, this is the location for you.</SPAN>
 
<P align=center><IMG height=133 src="http://pictureburgundy.bravehost.com/photos/herrison.jpg" width=100>
<IMG height=127 src="http://pictureburgundy.bravehost.com/photos/rosay.jpg" width=348>
<IMG height=133 src="http://pictureburgundy.bravehost.com/photos/louhans.jpg" width=100></P>

<DIV id=image>
<P align="left"><SPAN class=subhead>Your destination</SPAN> 
<P align="left"><SPAN class=bodytext>Your holiday destination is Bresse in South Burgundy bordering the foothills of the Jura.
       </span>
</div>

<P align="left"><SPAN class=bodytext>Our home, Les Lavandes, is an 18th century farmhouse where cream coloured charollais cattle graze
in the surrounding fields. <img src="http://pictureburgundy.bravehost.com/ovalairbrushedhdb.jpg" class="ovalrunaround">It is constructed in a classical timber framed </SPAN><SPAN class=bodytext>Bresse style with abundant beams and a traditional low pitch roof. </SPAN></P>
</DIV>
<P><SPAN class=bodytext>
<DIV id=juraim>
<P class=bodytext>Les Lavandes offers space to be able to relax and enjoy open
  views across to the Jura.  It is the ideal starting place to discover both
  Burgundy and the gateway to Switzerland. </P>

<P class=bodytext>Les Lavandes itself <IMG src="http://pictureburgundy.bravehost.com/jura.jpg" class="jurapicrunround"> has
  one double room with separate private bathroom and entrance. We offer guests a choice of bed and breakfast accommodation in local villages. 
  All rooms selected have en suite facilities and are of a highstandard. </P> 
</DIV>
<DIV class=photo></DIV><SPAN class=bodytext>We are happy to collect and drop you at your accommodation which will only be a few minutes from us. </SPAN>
<DIV align=right>
<DIV align=left>
<P class=bodytext>Whether you choose a painting holiday, or one of the many short breaks we offer, we would like your holiday to start here.</P>
</DIV></DIV>
<DIV align=right>

</BODY>

This produces the following:

[img]http://www.ptalink.net/test/cath.gif[/img]


hth

cheers
Charles
Cat7139
Posts: 38
Joined: Mon Jan 31, 2005 10:53 am
Location: Burgundy France
Contact:

Post by Cat7139 »

Charles, you're a genius.

My problem is I worked my web texts in word and then imported them. More importantly, I've worked dreamweaver in design mode so the codes still resemble double dutch to me.

Whatever you have done is making my page resemble what I see on my DW browser.

Now that you have altered my coding, how do I change it?
Do I delete what I have in DW and physically copy yours or do I cut and paste yours into mine?

I have treated each of my pages in the same way so I'm going to come across the same problem.

I've used Eras and Arnold Bocklin for my texts. It may be Arnold which will prove to be troublesome so I'll have to change it.

Many thanks for your help.
Catherine
charles
Posts: 92
Joined: Thu Feb 03, 2005 12:00 am
Location: London.UK
Contact:

Post by charles »

Thanks for the compliment Catherine, though I'm most definitely not a genius - not yet anyway 8) .

I started hand-coding years ago using a software called Webedit by a chap called Web Nesbitt - probably the first serious WYSIWYG html editor ever. But it was excellent at learning HTML. Then I progressed to Frontpage (yuk!) and eventually Dreamweaver. You just seem to be doing it the other way round :shock: !!!

Anyway, you can copy and paste my code in DW if you like, you can always use it as a base to construct your other pages. Start slow and easy and build it up. Keep it to 1-5 pages - and add more later if required. It will be less frustrating that way.

Good luck!

Cheers
Charles
User avatar
vrooje
Posts: 3202
Joined: Thu Dec 09, 2004 2:48 am
Location: Burgundy, France

Post by vrooje »

Charles' advice about starting small is absolutely excellent.

I am also a big fan of versions and backups, so I would save a copy of your files before re-writing them with the new and improved version. I save mine on my hard drive with dates; so if my web folder is called "webpage" and I am about to make some major changes to it, I make a copy of the whole thing and call it "webpage_14022005", or "webpage_02142005" (since I'm American, and we do dates unlike everyone else 'cause we're stubborn).

Cheers!
Brooke
User avatar
HolidayWebs
Posts: 56
Joined: Thu Dec 30, 2004 11:12 am
Location: Puerto Pollensa, Mallorca
Contact:

Post by HolidayWebs »

I've come in on this part way but I really would not mix Word & Dreamweaver at all. There is a command in DW to remove Word tags if you need to. If you want to prepare text in Word then only paste it in as text so you just get the words & none of the rest of the rubbish.

With regard to having to change all your pages, you should look at creating a template & basing each new page on that (or maybe you are already) & then you only need change the template. Have a play around, get one page working as you want. Leave the stuff that is the same on each page - headers, footers, left-nav bars etc. as non-editable & create an editable area for the 'body' that will change on each page. That ensures you get a consistent look to it.

Re the fonts try & just stick to the standard verdana, arial etc. If you must use a fancy one for headings, you can create a graphic but this is not good for Search Engines.

Finally, re CSS there is a difference between using a . or # The # is used for an Id that is only ever used once. If you use DW it should do all this for you.

DW is a massive package. Have a look at getting one of those Teach Yourself books (in 24 hours or 21 days) - they're very good.
Visit http://www.puertopollensa.com ... you'll love it!
The most beautiful resort in Mallorca.
Cat7139
Posts: 38
Joined: Mon Jan 31, 2005 10:53 am
Location: Burgundy France
Contact:

Post by Cat7139 »

A big thank you to everyone.

I took everyones advice about putting word into DW and spent yesterday totally rewriting my pages using DW only. I had originally copied and pasted my text from a word document.Obviously a big mistake.

Although the codes still resemble double dutch to me, I can see the structure is far less complicated without word interference.

My layout is still not to my liking and appears a little amateurish because I don't seem to be able to space my text and place my photos where I would like them to be!

But, at least I have a skeleton of what will be a reasonable web site in the future. I have just signed up with a web host server and have yet to finalise and upload my pages!

Watch this space.

Catherine.
Post Reply