CONVERTED PAGE to 2007 and now title image is blurry!

S

Stevan

I just converted my website to Publisher 2007 and was disappointed to see my
web title image (which looked fine in the 2002 version) blurry. My site is
www.timesaversforteachers.com. I have not uploaded the changes as I need to
make many adjustments to the site but in the preview the title looks BLURRY.
I don't think that I want my visitors to see my title as such because it is
unpleasant and unprofessional. Any idea what I need to do in order to
correct this image problem? Why does the image appear fine in Publisher 2002
and through the browser and yet my preview in Publisher 2007 shows it as
blurry? I would be grateful for any assistance and tips. It seems to me that
I likely just need to make a minor adjustment. Looking forward to your
response!
 
D

DavidF

Given the problems you are having with opening your Pub file in 2002 after
opening it in 2007, I don't know that you really even want an answer to
this. I will wait to hear back about the status of you being able to open
your Pub file in 2002, or having a backup file, before pursuing this.

Each version of Publisher has sometimes subtle and sometimes big
differences. One of the differences between 2002 and 2007 is how images are
handled. I will explain more later if you decide to pursue the use of 2007.

DavidF
 
D

DavidF

Stevan,

I was hoping to see a post from you today saying that you did have a backup
copy of your Pub 2002 version of your website Pub file. I also loaded your
site again and looked at it in more detail, and the question occurred to me,
why do you want to upgrade to Pub 2007? What is it that you can't do with
Pub 2002 that you hope to achieve with Pub 2007? I am not convinced that
making the move is in your best interests. As I have said in other posts to
you, if you were happy with your site as built with Pub 2002, why don't you
should stay with it?

As the saying goes, you can't have something new without giving up something
old, and that is true of switching from Pub 2002 to 2007 to produce your
site.

You have already noticed that Pub 2007 handles images differently. Without
going into the details, you will be able to get your images to render
correctly using Pub 2007, but it is going to require some work, and I am not
convinced that the results will be as good as what you have. They certainly
won't be better. Also you are going to give something up. In Pub 2002 (and
Pub 2000) you can mouseover the images in your site and the ALT tag pops up
in a tool tip. I see you have incorporated this feature quite extensively
and well on your site. This will not work in Pub 2003 or 2007. The alt tag
is there, but the mouseover will not show a tool tip.

In Pub 2002 you can right click your images and save them to your computer.
You can't do that with 2003 or 2007.

Your main menu on the left side of your pages is a textual menu in a color
filled text box. This works correctly in both IE and FireFox, but if you
produce the pages in Pub 2007, it will not work in FF. As a rule if you
insert color into a text box in Pub 2007 it usually converts all the text
into an image for the version of the page that renders in FF. This kills the
links. The workaround is to remove the color and create a second text box
with color and put it behind the text box with the text and the links. Yes,
you can achieve the same look, but once again more work.

Another tradeoff that I was not aware of until this morning has to do with
your keywords. I was looking at your source code and noticed that you are
using a long list of keywords. You won't be able to put all of those in Pub
2007...it limits the number to I think 256 characters. While it is debatable
as to whether using this many keywords is effective, you will give up that
option with Pub 2007.

I mentioned that I looked at your site in FireFox. The reason I did is that
as a rule if you can get a website to render and work correctly in both IE
and FF, then it will enjoy good cross browser compatibility with the other
main browsers. We encourage all Publisher users to test their sites with
both browsers. Though I haven't looked at each page of your site, right now
your Pub 2002 built site appears to work well in FF. If you switch to Pub
2007, you will have other issues such as the color filled text box to deal
with. While you will be able to get a Pub 2007 version of your site to work
in both IE and FF, why take on that extra work?

All this leads back to my original question...why do you want to switch to
Pub 2007? What are you hoping to gain? Sometimes I think the best policy is,
if it ain't broke, don't fix it. Just because a company brings out a new
version of an application, that does not necessarily mean that it is
'better' and that you should always 'upgrade'. There is almost always a
tradeoff, and in your case I am not convinced the advantages of Pub 2007
outweigh the disadvantages when it comes to your website.

DavidF
 
S

Stevan

Hi David,

Just wanted to get back to you and let you know that I did save the files so
that they do not get corrupted.
As a result of your advice I have also decided not to use Publisher 2007 for
my webpage. The benefit does not outweigh the amount of work that I would
need to put into the conversion and adjustments. Right now my site
(www.TimesaversForTeachers.com) is highly ranked in Google for all of my key
words (usually near the top of page 1 or closely there. So, since the site
is doing well, I think that I will keep things as they are :)
Thanks for your advice. I am sure that we will bump into one another again
in this forum! Stevan
 
D

DavidF

I am relieved...thanks so much for posting back. You had me worried.

I have not been a big fan or Pub 2002, but after this experience I won't be
so quick to dismiss it. It obviously offers some advantages over other
versions. And no...don't switch, even the way the links would be written
would change with Pub 2007, so that would negatively affect your rankings.

This whole conversation started out with you wanting to center your pages,
and thus the idea of moving to a different version. You can still do that
with the method presented by Don, and given you have figured out how to use
Paypal and build such a good site already, I am sure you will easily figure
out how to center your pages. And once you get it set up, it is a simple two
clicks to add the centering code each time you republish, so it is not hard
to continue.

Either way, good luck and thanks again for posting back.

DavidF
 
E

Eric James

This whole conversation started out with you wanting to center your pages,
and thus the idea of moving to a different version. You can still do that
with the method presented by Don, and given you have figured out how to
use Paypal and build such a good site already, I am sure you will easily
figure out how to center your pages.

Hopefully you may also figure out, perhaps with a bit of wider reading, that
in advising you to do that, Davidf demonstrates again that he is completely
ignorant of the technicalities of html coding, and thoroughly oblivious of
the importance of standards and correctness. As I stated earlier, the
'canned' hacks he has promoted result in an invalid page structure which is
sure to cause problems somewhere even if not immediately obvious. If
browsers were to be just a little more discriminatory against invalid coding
in future, a direction in which IE8 has moved a little further, they will
probably simply display an error message, if anything, on loading such
pages.
 
S

Stevan

So what are your suggestions Eric, and what do you think of the large index
pages that the Publisher 2007 creates? By the way, why don't you ask DavidF
what his background is? I noticed that you are not too happy with his
advice.
 
E

Eric James

As I wrote elsewhere, a better way to centre your web page content is as
follows:
Open up your html file(s) in Notepad or Wordpad & edit as follows:
Assuming there is a css header block present, near the top of the file,
before these 2 lines:
-->
</style>
insert these 10 lines:
body {
text-align: center;
min-width: 800px;
}

#whole {
width: 800px;
margin: 0 auto;
text-align: left;
}

After a line a little further down starting:
<body .....
insert this line:
<div id="whole">

Near the end of the file, before the line:
</body>
Insert the line:
</div>

Thats it.
Adjustment of the 800px values to suit your particular page width may be
required to achieve best results.
----------
The insertion of this code could be automated using a batch editing program
if required. Unlike the methods suggested by DavidF, the above does not
break your page structure by inserting incomplete code fragments in invalid
places, and does actually work better.

I don't have any particular gripe with large 'index' files, if that is
indeed what they are, other my general gripe with post-2000 versions of
Publisher being extremely bad tools for making web pages. Remember that is
not what Publisher was principally designed for. I'm not really interested
in DavidF's background either, but I don't think his advice is generally
actually helping people much in that he fails to point out that the reason
people are having compatibility problems etc. with their web pages is
because they are using Publisher, that these simply cannot be properly
fixed, and that there are much better ways of doing things which really
aren't difficult. Apart from that, he is prone to writing complete rubbish
sometimes, and repeatedly - particularly about pictures recently, and seems
to think that being completely ignorant of the underlying and wider issues
is a virtue.

Incidentally, the reason that your image has gone blurry on your new page is
probably because Publisher has resampled it. One of the many crap things
about Publisher is that, in web page mode, it will always resample pictures
to fit the box you place them in, regardless of whether you need it to.
Although usually that works fine, it's not so good when images are already
near the correct size or smaller than required on import. To fix this, you
probably need to go back to the original image which you first imported into
your original Publisher document and re-import that into your new one, such
that Publisher has a higher resolution image to work with and should
therefore not cause such obvious damage.
 
S

Stevan

Hi Eric, Thank you for your advice... always appreciated. I will read it
over to understand it better, The HTML code fix may be a bit too complicated
for me but I will have another look. I am also just wondering if you use
Publisher for your own web design. If not, and if you think that this
program is not recommended for webpage design, then why do you invest your
time answering questions about Publisher? Thanks... Stevan
 
D

DavidF

Stevan,

Please allow me to clear up some misinformation given you, and for others
that might happen upon this thread.

In spite of the fact that the different versions of Publisher do not produce
'standards compliant' html code, the truth is that you can indeed produce
cross browser compatible webs, just as you have in your own Pub 2002
website. The key is to know how to use the programs correctly. Usually it is
a relatively simple matter of tweaking the formatting, the layout or the
design a bit, but once you get a Pub web to work well in IE and FireFox then
it will also work well in all the other major browsers. The need to tweak
the pages a bit is no different than any other program you might choose to
build your site with. Even Expression Web, MSFT's new 'standards compliant'
web editor requires tweaking, except in that case you have to tweak the
actual code. With Publisher you let the html coding engine do that for you
based on how you change and tweak your publication pages.

As stated elsewhere, the workaround for centering Publisher web pages might
not be 'proper' 'standards compliant' coding, but it does indeed work, works
consistently and is cross browser compatible. Look at Panos's site and
Maureen's. We have been using this method for several years without
problems. It is just another example of where the need for standards
compliant coding is not required.

Contrary to what you have been told, not all versions of Publisher will
"always resample" pictures when you produce your html pages. Pub 2000 did
automatically resample and produce a resized image at 96 dpi when you
produced your web pages. I don't know if that is true of Pub 2002, but
somewhere along the line, and I think starting in Pub 2003 and 2007 this is
not an automatic process. MSFT started using VML which is IE-centric and in
theory was supposed to serve up the best image depending on which browser
viewed the site. Unfortunately this had mixed results. If you inserted a
large image file into your Pub page and then resized the image box to less
than full scale/size of the original image, then Publisher would make
multiple copies of the image in various formats. It usually made a poor
quality gif image for FireFox and other non-IE browsers. Furthermore, if
the original image file was a large 2 meg file taken directly from your
camera for example, then IE would serve up a small 'sized' version of that
file but it was not resampled and optimized for the web, and it would still
be 2 megs, and thus would take as much as 10 minutes for that picture to
load if you were using a slow dial-up connection.

After a lot of campaigning and screaming from people from this group, and
especially David Bartosik, MSFT introduced the 'compress pictures' tool
with the Office 2003 SP1. Now you could choose to compress or 'resample'
that large image so that it was reduced in both size and weight and an
optimized 96 dpi image was produced when you published your web pages. This
'compress picture' tool came built-in with Pub 2007. This 'compression'
process also results in a better version of the image for FF...usually the
same image that is seen in IE.

After pushing hard during the beta testing of Pub 2007 by myself and others,
MSFT also removed much of the VML coding options from the html coding engine
in Pub 2007. This eliminated a lot of the most common image problems in Pub
2003 and much of the browser compatibility issues with non-IE browsers.
However all the VML has not yet been stripped out of the coding engine. One
thing that still hasn't been fixed is the way the VML handles word art and
some pictures such as your banner picture with the fancy borders. As you
noticed Pub 2007 choked on that image and produced a bad, low version copy.
I mentioned when we were discussing this that there was a workaround, and
there is, but it is beyond the scope of this message. The bottom line is
that if you understand how the different versions of Publisher handle and
process images, you can get good images generated for IE and FF and thus
most browsers.

For more information and explanation read the following:

Reference: Compress graphics file sizes to create smaller Publisher Web
pages (2003):
http://office.microsoft.com/en-us/publisher/HA011266301033.aspx

Reference: Compress Pictures dialog box (2007):
http://office.microsoft.com/en-us/help/HA100363901033.aspx?pid=CL100605171033

And this is a pretty good article about VML graphics:
http://www.rxs-enterprises.org/tests/vml-graphics/

-----------

As an aside if you want an answer to why he is trolling this group and
resorting to childish name calling and tantrums, he knows that his positions
and assertions are untenable. I think this previous exchange with him will
provide some insight. It will also explain why I choose to only follow and
clean up the misinformation he posts rather than engage him directly: (fair
warning, it is a loooong wordy thread)

http://www.microsoft.com/office/com...84c7&mid=1661ac83-2fa5-40f5-b40f-bdd6bcc884c7

I do hope that he eventually leaves the group so I and others can focus our
time and energy on helping you and others that have chosen to use Publisher
to build your websites, instead of correcting all the misinformation he
posts.

DavidF
 
E

Eric James

ok David, I'll grant you, you're an expert and I bow to your superior
knowledge.
Now, since I clearly don't understand it, perhaps you could explain properly
for the edification of us all what goes on under the covers when I place my
3072 x 2048 pixel image which is about 2.5mb in size from my digital camera
in my publisher page, and then save it as a web page? What is the difference
when I look at the page using IE and Firefox? And how does that compare with
what happens when I save the document as a pdf file? Or when I print it
directly on my 2000 d.p.i. imagesetter as colour separations?
And just where does this 96 dot per inch value you speak of come into play?
What does it mean?

I'm also very confused by your reference here:
And this is a pretty good article about VML graphics:
http://www.rxs-enterprises.org/tests/vml-graphics/
Alll that site seems to discuss is VML as it applies to vector based
graphics - nothing to do with pictures as such - why it is such a bad idea
and says that it should therefore not be used. VML is of course a core part
of Microsoft Office HTML output - including Publisher post 2000. Are you
saying we shouldn't use it after all?
 
H

Harold Steptoe

Possibly at risk of boring some people rigid, I've decided I really can't
let this stand uncommented. I don't suppose DavidF will learn much from it
though, but we can live in hope.
In spite of the fact that the different versions of Publisher do not
produce 'standards compliant' html code, the truth is that you can indeed
produce cross browser compatible webs, just as you have in your own Pub
2002 website. The key is to know how to use the programs correctly.
Usually it is a relatively simple matter of tweaking the formatting, the
layout or the design a bit, but once you get a Pub web to work well in IE
and FireFox then it will also work well in all the other major browsers.

I've commented on this elsewhere so won't repeat myself.
The need to tweak the pages a bit is no different than any other program
you might choose to build your site with. Even Expression Web, MSFT's new
'standards compliant' web editor requires tweaking, except in that case you
have to tweak the actual code.

This is just plain wrong and reveals a lack of understanding of how other
methods work. Publisher generates html code for you as a part of its output
process, and gives no opportunity or facility to adjust or correct it other
than editing the code itself afterwards, which in the main is almost
impossible because it largely consists of poorly or undocumented proprietary
VML code. Expression Web is more of a coding aid - you effectively have to
write the code yourself. You can easily write non-standards compliant code
with it if you wish or don't understand what you are doing, but it makes it
much easier to get it right.
As stated elsewhere, the workaround for centering Publisher web pages
might not be 'proper' 'standards compliant' coding, but it does indeed
work,

It's not just that the suggested hacks aren't standards compliant - they're
just plain *wrong*. Admittedly they appear to work, so it's obviously not
immediately apparent why they shouldn't be used. Look upon it as a bad
misspelling of a written word - to successfully get the message across
relies upon the 'intelligence' and goodwill of the reader but it may be
misunderstood sometimes and you won't pass if you do it in an English exam.
I have detailed an improved technically correct method of achieving the same
result elsewhere, so it really shouldn't be an issue. Inexplicably DavidF
seems to have taken this as a personal insult.
It is just another example of where the need for standards compliant
coding is not required.

This just beggars belief. Nearly all the problems respondents have with
Publisher web pages are because the code Publisher generates isn't standards
compliant. DavidF's attitude is completely at odds with the rest of the
world here. The whole point of the changes in IE8 and the forthcoming
patches for Publisher are to move towards standards compliance and greater
interoperability for everything. There are lots of resources on the web
explaining why the current mess has arisen and why it needs to be fixed.
Here's just one:
http://www.evolt.org/article/Why_standards_compliant_HTML_matters/17/60446/index.html
Contrary to what you have been told, not all versions of Publisher will
"always resample" pictures when you produce your html pages.

I have little experience beyond an initial evaluation of Publisher versions
2002 and 2003 - these programs were found to be so poorly designed and
functionally deficient that we couldn't use them so I cannot really comment
on them with any authority. Publisher 2007 offers some advantages over 2000,
but it's still not to be recommended for making web pages.
2000 and 2007 certainly automatically resample images when you place them in
a page saved for the web. Your pages could not work in any useful manner if
they didn't. I should point out that it is possible for a web page to
contain a reference to an inappropriately large image though - browsers can
and do resample and resize images themselves based on information in size
tags which reference the image. That would have the effect of making your
pages inordinately slow to download and display. If Publisher relied on that
operation in versions 2002 and/or 2003 then it must have been a bug. Even
Microsoft couldn't deliberately design code that bad, but how it might have
got through their testing procedures is a mystery.
Pub 2000 did
automatically resample and produce a resized image at 96 dpi when you
produced your web pages.

This 96dpi thing... I don't know what David's on about here, it just doesn't
make sense. It is also mentioned in the Publisher documentation - it doesn't
make sense there either so at least he's consistent. What they probably mean
is in reference to the print mode of Publisher, where there is a physical
page size, and by implication a picture placed upon a page has a certain
size, and can therefore have a dpi value related to the number of pixels in
the image. I am risking venturing into complicated territory here, but a
picture alone cannot have a dpi value - it just has a number of pixels. The
dpi value becomes relevant when the picture is printed - ideally the dpi
should match the dpi value of the printer fairly closely for best results.
For correctness I should also point out that dpi (dots per inch) is not
necessarily the same as pixels per inch - although the terms are often used
interchangeably - and in the print world, definitely isn't. Pixels can have
a variable colour or grey value - dots are a single colour. In printing,
pixels are translated into clusters of dots which are used to make up
variable ranges of colour or grey. I digress.
Going back to web pages - computer screens have a fixed number of pixels
which make up the display. The size of a picture appearing on screen
therefore is determined by the number of pixels in the picture. To increase
or decrease the size of the picture, the number of pixels has to be
increased or decreased. That is what Publisher and any other picture
processing program does. If the original picture doesn't have enough pixels
in it, they have to be invented. That is why pictures go blocky and
indistinct sometimes.
MSFT started using VML which is IE-centric and in theory was supposed to
serve up the best image depending on which browser viewed the site.
Unfortunately this had mixed results. If you inserted a large image file
into your Pub page and then resized the image box to less than full
scale/size of the original image, then Publisher would make multiple
copies of the image in various formats. It usually made a poor quality gif
image for FireFox and other non-IE browsers. Furthermore, if the original
image file was a large 2 meg file taken directly from your camera for
example, then IE would serve up a small 'sized' version of that file but
it was not resampled and optimized for the web, and it would still be 2
megs, and thus would take as much as 10 minutes for that picture to load
if you were using a slow dial-up connection.

There seems to be a mixture of bunk and half-truths here, mixed with a
dollop of misunderstanding.
Yes, VML is IE-centric in that IE is the only browser which supports it.
That's one of the reasons output from recent versions of Publisher can never
be cross-browser compatible. The generated code has to act in different ways
to suit different browsers. VML itself doesn't have much impact upon
pictures - it's used for generating vector based graphics and special
character manipulations which can be drawn or perfomed mostly in Word and
Powerpoint, and also in Publisher. It was implemented in the html generation
engine, which is now common across the Office suite, to generate web pages
which look as close as possible to their equivalents in Word and Powerpoint.
It was not possible to do this in non-Microsoft browsers which don't support
VML, so for those browsers a gif image is generated instead. None of this
has any impact upon images imported from digital cameras.
MSFT introduced the 'compress pictures' tool with the Office 2003 SP1. Now
you could choose to compress or 'resample'

That's true, but other bug fixes were much more significant. In Pub 2007, I
don't think the 'compress pictures' has any effect on jpeg pictures in web
pages. It certainly does on pictures in print pages though - I would
recommend exercising extreme care in using it as it has the potential to
seriously damage the quality of your final output.
that large image so that it was reduced in both size and weight and an
optimized 96 dpi image was produced when you published your web pages.
This

hmm... David will have to explain what the 'weight' of a picture is...
sounds very clever though.
After a lot of campaigning and screaming from people from this group, and
especially David Bartosik,

He looks like a sensible chap - here's something he wrote about making web
pages with Publisher on his web site:
"How do I get my Publisher web pages to display correctly in all browsers?
Basically you don't. Publisher is designed to exploit the technologies of
the Internet Explorer browser. Support in a non Windows IE browser is
limited at best. It is a limitation of using Publisher for a web site."
'compress picture' tool came built-in with Pub 2007. This 'compression'
process also results in a better version of the image for FF...usually the
same image that is seen in IE.

err.. more magic here. The 'same' image is somehow better in Firefox...
As an aside, 'compression' never results in a better quality image, unless
it is of the 'lossless' variety, which this isn't. It involves throwing data
away which has to be reinvented later - minus the detail which was there
originally. The reader may have heard of jpeg 'artifacts' - this is the
process which creates them.
After pushing hard during the beta testing of Pub 2007 by myself and
others,
I somehow doubt it.
MSFT also removed much of the VML coding options from the html coding
engine in Pub 2007.
They may have removed the variable settings, but they certainly didn't
remove the VML, and have stated they have no plans to ever do so. What they
did do was to reduce some of the code bloat by removing code put in by the
other programs in the office suite which allows full 'round tripping' - i.e.
subsequent re-editing of the generated html as if it were the original
document. This they labelled 'filtered html'. The unfiltered variety was
really only intended for use within corporate intranets and shouldn't be let
out on the internet at large.
This eliminated a lot of the most common image problems in Pub 2003 and
much of the browser compatibility issues with non-IE browsers.
Well it must have been really, really bad before....
However all the VML has not yet been stripped out of the coding engine.
One thing that still hasn't been fixed is the way the VML handles word art
and some pictures such as your banner picture with the fancy borders.

Microsoft have said its there to stay, and who says it needs fixing? I'm
sure it works very well at what it was designed to do, which is not to work
in anything other than IE (but not IE8, apparently. Whoops). Microsoft have
a track record of reversing earlier dicisions which turned out bad though,
so it's not entirely out of the question that things might improve. That
might be by the complete removal of web publishing facilities from Publisher
though, which would very effectively solve the problems with very little
effort.
As you noticed Pub 2007 choked on that image and produced a bad, low
version copy. I mentioned when we were discussing this that there was a
workaround, and there is, but it is beyond the scope of this message.

i.e. He's not going to tell you what it is.
The bottom line is that if you understand how the different versions of
Publisher handle and process images, you can get good images generated for
IE and FF and thus most browsers.

i.e. he doesn't - try reading these:
For more information and explanation read the following:

Reference: Compress graphics file sizes to create smaller Publisher Web
pages (2003):
http://office.microsoft.com/en-us/publisher/HA011266301033.aspx

Reference: Compress Pictures dialog box (2007):
http://office.microsoft.com/en-us/help/HA100363901033.aspx?pid=CL100605171033

And this is a pretty good article about VML graphics:
http://www.rxs-enterprises.org/tests/vml-graphics/

It doesn't really look like David actually read them though, as none of them
help much, and bits of them contradict what he's written.

I've had enough of this crap now though.
I'm sure somebody will learn something from all this, if not David.
 
E

Eric James

"Harold Steptoe" a.k.a. "Eric James".... no intent to mislead intended...
just a different rarely used computer at this end.
 
S

Stevan

Wow.... all of what has been said is surely confusing to us infrequent
visitors who are looking for easy-to-understand explanations and help. That
was something else.....!
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top