Ease & Enough Navigation via Publisher 2007

D

DavidF

They call 'anchors', 'bookmarks' in Pub 2007. Go to the page where you want
to insert the bookmark. Insert > Bookmark. Drag the bookmark to where you
want on the page. Select text or whatever, insert hyperlink, choose
bookmark. Do webpage preview and click link and it will take you to the
bookmark.

'Back to top' you would write a link to a bookmark at the top of the page.

DavidF

karen3b said:
OMG.

How does one put in Anchors? I believe that I get what they are. And I
vaguely remember using them on other websites. They're handy when you
need
them. And, as Spike says, annoying when they aren't available 'n the page
is
too long for a direct-to-the-point person.

I have one longer page -- where I used 'back to the top' .html frags in 2
places before the bottom of the page.
--
karen3b


DavidF said:
Spike,

Your point is well taken, and that is the easiest solution, but when your
page is actually posted online, what you are really doing is reloading
the
page when you do that. The code snippet doesn't reload the page. The
difference is probably unnoticeable with a high speed connection, but in
a
dial-up it is noticeably slower...there is a lag moment or so.

With that said however, if a person is using Publisher 2007 then one
should
probably avail themselves of the ability to add anchors, including a
'Top'
anchor, and write the links to take the viewer to any specified anchor on
any page. This also writes a full link to that anchor. This feature is
not
available in Publisher 2000 which is where I first used the code
snippets.
You must insert code snippets to insert anchors. And since the code
snippet
will work in any version that is why I suggest it as a way to go to the
top.

Just an explanation as to my madness ;-)

DavidF

Spike said:
Have you tried to just put some text at the bottom of the page (any
style,
size, font etc) then hyperlink it to the same page you are on. I tried
that and it went to the top of the page

Spike

"MAURH" <???> wrote in message
Hi Karen,

Yes very puzzling...I'm afraid it will take one of the other people
here
with far more knowledge than I to answer that one.

I used the same code that you have put here, except that I took out
the
'Back to' bit 'cuz I only wanted the word 'Top' i.e.
<A HREF="#TOP">Top</A>

I wonder if it would work if you did a copy and paste of this code,
saved
it in a word doc., then changed the font size and then used a copy and
paste of that code to insert into the html box? Don't know if it will
work, I'm no wiz at coding, but it's worth a try. Or you could just
change the font to Arial and see if that works.



Good luck.



Maureen







I'm talking about the font size that shows as a result of the .html
code.
The fragment I used is: <A HREF="#TOP">Back to Top</A>, which results
in
a
bigger font than the one that shows on your website. So I can alter
the
text
so all it says is "Top" (like yours), but I cannot manipulative the
size
so
it is as small as yours. Interesting, yes?
--
karen3b


:

Karen,

Which font are you trying to change?
If you are looking at the font size of the 'Top' text, that was the
size
font the html code created, I didn't change that. Once you've
inserted
the
html code onto your page, do a 'page preview' and you should see the
text.

If you're looking at the font size of the text by the directional
(orange)
arrows on my internal pages, they were just created in a small text
box
and
I set the font size via the tool bar as usual. Then I placed the
arrow
by
the side of the box.

Maureen


Hi, Maureen ~

Where did you change the font size? I tried:
1) from the .html box (fx not available);
2) by changing the font to 7 when in the text box above where
I
inserted the .html code.
[It's sometimes the little things that drive me crazy!]
Thanks.
--
karen3b


:

Hi Karen,

The size of the text is determined by the font size, not the size
of
the
box
and the font size that labels those arrows is Verdana 7. I use
Verdana in
most of my text, I think it's clear and easy to read. I seem to
remember
the
web design tutorial saying that 'Verdana' is the most effective
font
for
body text and is easier to read at low resolutions. The font size
in
most
of
the text is 9 or 10.

I have tried to make the navigation on my site as easy as
possible,
trying
to think where I would want to go if I were viewing it. That's
why I
also
put a link to the 'Prices' page on those two internal pages and
if
you go
to
the prices page, you will see links back to both the caravan
details
pages.
These sort of links may not be necessary for your business, but
for
my
business I know it's where the viewer wants to go.

Maureen






Hi, Maureen ~

Thanks for including your URL.

1) I like the arrow on the left hand bottom. For a
right-hander,
it
is
handier -- it is tucked out of the way, and yet right where one
needs
it.
I'm going to check with a left-hander & see what she thinks of
it.
I
know
that many left-handers use their right hand for mouse work.

I also like the size of text that labels the arrows. How did
you
get
it
so
small? I played with the size on my web-in-progress & checked
the
size
on
Web Preview. Didn't matter how tiny I shrank the box, the text
size
was
the
same. I could change what the text said. But I couldn't
eliminate the
text
and still have it function.

2) The way you have your internal pages links works nicely on
your
site.

3) My pages aren't as long as yours. Perhaps I overly
restricted
my
verbage...!

4) I like the 2 choices you give on your internal pages. I've
never
thought about the option before. It is very clear & works
well.
Plus
I
love
the small and yet-so-clear text.

I peruse www.webdesignfromscratch/com . I know it was one of
the
first
sites I read -- but it feels like a long, long time ago...or at
least
many,
many websites ago!

Thanks again, Maureen, for giving me some more clean and clear
options.

--
karen3b


:

Hi Karen,

If I may jump in here for a moment, maybe you would like to
have
a
look
at
how I did some of the things you are asking about? My website
address
is
www.devonviewcaravans.co.uk

So to try to answer your questions:
1."How to precisely place text for 'back to top' button?" As
you
will
see
on my pages, I placed the 'back to top' text box on the right
hand
side
of
the page, obviously at the bottom. Some people prefer to place
it
on
the
left, but I, like the majority of people, am right handed and
therefore
have
my mouse on the right hand side when working, so I always find
it
more
natural to click on something like this if it's on the right.
I
made
the
box
very small and then placed the blue arrow just above it. You
will
need
to
do
this on every page and check with 'page preview' to make sure
it
all
sits
nicely together.

2. "How to link the internal pages that aren't listed on the
NavBars;"
If
you click on 'Caravans' in the nav bar on my site, it will
take
you to
a
page with two pictures on it. If you click on each picture,
that
will
take
you to an internal page with more details. This was just
simply
done
with
a
hyperlink...highlight the picture or text you want to link
click
on
'Add
hyperlink' at the top of your pub page >place in this
document,
select
the
page number, >click ok and voila!...the page is linked.

3. "Is there any need for Floating 'click-here' links?" I'm
not
sure I
completely understand your question, but once you have placed
your
'back
to
top' button it will give the word 'Top' If you want to add
some
sort
of
arrow or other words to that you can, but I would keep it
simple
and
precise. Of course if your page is very long, you may want to
add
this
link
halfway down the page.

4. "Currently have Arrows for page-to-page navigation @ the
bottom of
each
page's text:" I also used directional arrows for page to page
navigation,
but also used some text so that the viewer could choose
exactly
which
page
he/she navigated to. If you look at the bottom of the internal
 
D

DavidF

Did you do web page preview and compare them then?

Sorry I don't do recipes for deserts...

Carrots...are you talking about cake? I dunno.

DavidF

karen3b said:
Hi, David ~
So, for the first grouping I ended up with 4 html boxes that all had
size '3' in the code. The top 3 were pretty similar, with the main
difference being how the 'g' is formed. The 4th box (impact) showed only
the
code -- and the font didn't look shaped different, although the color was.

When I made the 2nd grouping of 4, the text size was even smaller so
the 'g' was harder to notice. And the 'impact' box showed the code w/ a
different color.

So I studied the 4th box, comparing the code to the top 3 boxes. The
only difference I could see (with non-trained-for-code eyes) was the text
descriptor for the font, e.g. Impact vs Trebuchet MS or Arial or Verdana.

Do you know what went wrong? Since I copied & pasted from your
instructions, the chances of a transcription code are slim.

I am assuming that I was supposed to end up with a total of 4 boxes in
ea grouping, all of which contain 2 lines of code; then shrunk down so
only
the 1st line shows -- is that correct?

[By the way, I do better with Maida Heatter-style instructions when
attempting a task for the first time. Is that an analogy that is obscure,
or
not? <g>]

While I'm being random, why is the convention two little
arrows/carrots
pointing right for 'go back to top'? I did notice that I could not find
readily available double arrows pointing up -- just a single one, which
would
be hard to double....However, there is a pre-grouped double-carrot
pointing
right & one set pointing left.
--
karen3b


DavidF said:
Welcome to the trial and terror of coding. However, you have reached the
wrong conclusions. Specifying the font does matter, but among other
things
you have to use the exact font name. For example you used 'Trebuchet' and
the font is really called 'Trebuchet MS'. When you start writing code you
have to be very exact...no extra spaces, lack of spaces, the wrong
punctuation, etc. Furthermore 'Arial', Trebuchet MS' and Verdana' are all
similar fonts that when viewed at a small size are almost impossible to
distinguish from each other. Try this experiment...and don't worry, you
can
just delete the code fragment boxes when you are done.

Go to the bottom of your page and insert the following code snippet into
a
code fragment box:

<p><font face="Arial" size="3">
<A HREF="#TOP">Top of Page >></A>

Now resize the code fragment box so that it is wide enough for all the
words, but just high enough for the one line of text. Right click that
code
fragment box > drag down below the first box > copy here. Move that box
so
that it is directly under the first. Then double click and open that new
code fragment box and paste the following snippet:

<p><font face="Trebuchet MS" size="3">
<A HREF="#TOP">Top of Page >></A>

Make another code fragment box and insert this snippet:

<p><font face="Verdana" size="3">
<A HREF="#TOP">Top of Page >></A>

Make yet a fourth code fragment box and insert this snippet:

<p><font face="Impact" size="3">
<A HREF="#TOP">Top of Page >></A>

Now do a web page preview. You will see subtle differences in the first
three fonts, but the 'Impact' font difference really jumps out at you. If
you change the font size to 1, then it is almost impossible to see the
differences in the first three. The reason I worked out this code snippet
to
begin with was that Times New Roman was the default font on my page but I
was using Arial and the Times New Roman just stood out like a sore thumb.

One final tip for you. As you have discovered the Insert HTML code
fragment
feature is a very handy little tool to add some dynamic functionality to
your site. But as this experience suggests it is really easy to make a
mistake when you are writing code. My suggestion is to create a text box
in
the gray scratch area off the page and write your code in that text box.
I
even use the Courier font so that the spacing is uniform. Then you can
just
copy and paste your code snippets into the code fragment box. If the code
fragment doesn't work as expected, you can then go back to that text box
and
study your code and more easily find the error.

DavidF


karen3b said:
After messing around with your suggestions, what I've concluded is:

With a 'back to top .html fragment':
-the "size" number matters within the code;
-the text word "Arial" doesn't matter -- looks like it is the extra
carrot that directs which font to print. [The words 'Verdana' and
'Trebuchet' don't make any difference to what is seen on the web page.]
Nor
did a tex box, filled with Verdana 7 point verbage & just above the
insertion of .html code, influence the visual outcome of the .html code
in
any way. Using's David's code for Arial comes up with Arial -- even
if
'Arial' is deleted from code or substituted with another font family.
But
a
'1' is smaller than a '2'. Didn't try the '3' size.

Using the end of a sentence of the text to serve as the jumping off
point
for a hyperlink to the top is really smooth & minimal.
However, dyed-in-the-wool adherents to webpagesthatsuck principles
would probably say that it falls into the category "Mystery Meat
Navigation"
because users would have to be familar with the convention of
underlined-and-different-colored text-indicates-a-link and know to
'click
here' to go somewhere/make a change.

And now I have two more options plus variations of same. That's
momental
growth. Faster than even .com days! <g>

Thanks!
--
karen3b


:

Have you tried to just put some text at the bottom of the page (any
style,
size, font etc) then hyperlink it to the same page you are on. I
tried
that
and it went to the top of the page

Spike

"MAURH" <???> wrote in message
Hi Karen,

Yes very puzzling...I'm afraid it will take one of the other people
here
with far more knowledge than I to answer that one.

I used the same code that you have put here, except that I took out
the
'Back to' bit 'cuz I only wanted the word 'Top' i.e.
<A HREF="#TOP">Top</A>

I wonder if it would work if you did a copy and paste of this code,
saved
it in a word doc., then changed the font size and then used a copy
and
paste of that code to insert into the html box? Don't know if it
will
work, I'm no wiz at coding, but it's worth a try. Or you could just
change
the font to Arial and see if that works.



Good luck.



Maureen







I'm talking about the font size that shows as a result of the .html
code.
The fragment I used is: <A HREF="#TOP">Back to Top</A>, which
results
in
a
bigger font than the one that shows on your website. So I can
alter
the
text
so all it says is "Top" (like yours), but I cannot manipulative the
size
so
it is as small as yours. Interesting, yes?
--
karen3b


:

Karen,

Which font are you trying to change?
If you are looking at the font size of the 'Top' text, that was
the
size
font the html code created, I didn't change that. Once you've
inserted
the
html code onto your page, do a 'page preview' and you should see
the
text.

If you're looking at the font size of the text by the directional
(orange)
arrows on my internal pages, they were just created in a small
text
box
and
I set the font size via the tool bar as usual. Then I placed the
arrow
by
the side of the box.

Maureen


Hi, Maureen ~

Where did you change the font size? I tried:
1) from the .html box (fx not available);
2) by changing the font to 7 when in the text box above
where I
inserted the .html code.
[It's sometimes the little things that drive me crazy!]
Thanks.
--
karen3b


:

Hi Karen,

The size of the text is determined by the font size, not the
size
of
the
box
and the font size that labels those arrows is Verdana 7. I use
Verdana in
most of my text, I think it's clear and easy to read. I seem to
remember
the
web design tutorial saying that 'Verdana' is the most effective
font
for
body text and is easier to read at low resolutions. The font
size
in
most
of
the text is 9 or 10.

I have tried to make the navigation on my site as easy as
possible,
trying
to think where I would want to go if I were viewing it. That's
why
I
also
put a link to the 'Prices' page on those two internal pages and
if
you go
to
the prices page, you will see links back to both the caravan
details
pages.
These sort of links may not be necessary for your business, but
for
my
business I know it's where the viewer wants to go.

Maureen






Hi, Maureen ~

Thanks for including your URL.

1) I like the arrow on the left hand bottom. For a
right-hander,
it
is
handier -- it is tucked out of the way, and yet right where
one
needs
it.
I'm going to check with a left-hander & see what she thinks
of
it.
I
know
that many left-handers use their right hand for mouse work.

I also like the size of text that labels the arrows. How did
you
get
it
so
small? I played with the size on my web-in-progress &
checked
the
size
on
Web Preview. Didn't matter how tiny I shrank the box, the
text
size
was
the
same. I could change what the text said. But I couldn't
eliminate
the
text
and still have it function.

2) The way you have your internal pages links works nicely on
your
site.

3) My pages aren't as long as yours. Perhaps I overly
restricted
my
verbage...!

4) I like the 2 choices you give on your internal pages.
I've
never
thought about the option before. It is very clear & works
well.
Plus
I
love
the small and yet-so-clear text.

I peruse www.webdesignfromscratch/com . I know it was one of
the
first
sites I read -- but it feels like a long, long time ago...or
at
least
many,
many websites ago!
 

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