PDA

View Full Version : Web page Basics questions


rogueguineapig
01-03-2006, 01:36 AM
greetings one and all,



there seems to be much wisdom and knowledge here, and I am
hoping to be enlightened here...
I am building my 3rd web page with Dreamweaver MX 4,
but it has been a long time (2 years) since I have actually done anything.

Buttons -
When I enter a larger size in what I believe to be the properties windows
I find that the buttons and text distort and pixelate.
Also, if there is going to be text on the buttons, should the buttons be
big enough to accomedate one size of text (thus keeping the text and the
buttons the same size) OR is keeping the buttons a smaller size and using
smaller text for wordier buttons a better idea? To me, having various sizes
of text on a series of buttons seems rather cheesy, but I am a N00b at this
and am willing to take correction. I might add that the button I am using is
one of the flash buttons that comes with Dreamweaver.

Links -
This is going to be about 18 pages worth of text info, should I make a new
page for each section, or use my sidebar links to jump to that particular
section?
How do I link my sidebar buttons to a certain location on that same page?

Pictures and text -
In the past I had a real bugger of a time getting text to wrap around a picture.
I had to create cells around the picture to get it to look half-decent.
Should each be in their own cell inside of the table? Is there a line of code that I need or am I looking at this wrong?

Thanks much in advance,
Blessings on all

RGP

Creative Insanity
01-03-2006, 04:42 AM
The size of nav buttons and text really relies on your template you are using. Personally I have use text as small as 8px and as large as 16px, but really depends on the template and design you are using.

As for the links, once again depends on the design. Some sites load a seperate page, some sites use a main iframe and load into there and some use frames for the navigation and just load into the content frame.
Text around an image can be done with a table or a div.

rogueguineapig
01-03-2006, 08:41 PM
Hmmm...well it sounds like I didn't give enough info,


my apologies, let me try to clarify.
I am hosting an article to be linked to from another website,
a "how-to" for a popular RPG online.
My basic design is the buttons on the left, a banner across the
top and the text to the right of the buttons underneath the banner.
I saw some one on this forum refer to it as a "80% - 20%"
format.
I must confess, my experience with Adobe Pagemill left me knowing
how to use WYSIWYG (sp?), but understanding very little about HTML
and templates.
I would like the buttons to link to various points in the document,
a "jump-to-this-point" system, rather than scroll down 7 pages
to a certain part of the article.
I have inserted the anchors at the various points, but I cannot get my
flash buttons to link to them...
as far as I understand it, the anchor should have a name like
"here"
and the link to it should be "#here", correct?
I have also tried the point-to-file method, instead pointing to the anchor,
but it is not working (I am using the F12 function to open in IE and play with
the webite to see what works as I go).
www.screenit.com has a linking system inside their movie reviews that works
like I want mine to work, the only lines of code that seem to do this are
(for the link)
<TH>Violence (#v)</TH>

and the linked TO place in the page is
<DL><DT><A NAME= "v"></a>VIOLENCE ("")

I don't understand the "#chart" line...
can someone explain this to me?
Or is this all too vague? :(
thanks

RGP

Creative Insanity
01-03-2006, 09:51 PM
I am assuming here that you are using the flash buttons inside dreamweaver itself. If so that is rather easy.

Ok.. now say you have a anchor on the same page called News, to link to that you would have this as the link code.
<a href="#News"><img image.gif border=:0"></a>

If the link was on another page called items.html the code would be.
<a href="items.html#News"><img image.gif border=:0"></a>

rogueguineapig
01-03-2006, 11:11 PM
ok...



I am either wayyyyy of base here...
or something is not working right in IE when I check my site...
or I am neglecting something important.

when I preview in IE and click the link, it "clicks" like a link, and the
page blinks as if going to the link, but it stays at the top of the page.
The target is NOT set to "_top" either.

here's the code of one of the flash buttons, which I did according to
Creative Insanity's instructions

<p><a href="#ra"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="107" height="18">
<param name=movie value="button11.swf">
<param name=quality value=high>
<param name="BGCOLOR" value="">
<embed src="button11.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="107" height="18" bgcolor="">
</embed>
</object></a></p>

Next, the area about 4 paragraphs down that I am trying to link to

<p><font color="#000000"><a name="ra"></a>2.2 Ranged Attacks</font></p>


I didn't write the code, I simply WYSIWYG'd it in designer mode...n00b that I am.
what I am missing here?

Thanks Creative, for helping me out with this... B)

RGP

EDIT: PS, I left out the <img image.gif border=:0"> because it inserted the
icon for a gif, but there obviously was no gif to reference there. I tried
replacing it with the "button11.swf" line, but it didn't work. I understand that
this line of code will eliminate the blue link border, correct? what else does it do?

Creative Insanity
01-04-2006, 02:17 AM
I could not get it to work correctly with IE from a flash button either, but was fine with normal text or image button.
It did in FF how ever and here is what I used for FF and it went to another page with an anchor called gohere.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="22">
<param name="movie" value="button2.swf">
<param name="quality" value="high">
<embed src="button2.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="22" ></embed>
</object>
</body>
</html>

rogueguineapig
01-04-2006, 11:28 PM
interesting update here....




I had about 6 or so of those flash buttons on my page...
and so I thought what the heck, lets just upload this thing and
see what happens.
I used SmartFTP and uploaded the site...two of the 6 buttons
actually WORK. The rest don't...I am not sure WHY.
I have done my best to configure the other four like the
two that work, but nothing has proved useful so far.
Creative, or anyone else who wants to look,
the site is at
http://www.rogueguineapig.com/yitz.htm ('http://www.rogueguineapig.com/yitz.htm')
maybe I'm missing something in the coding.
It's the 1st and 3rd buttons that work...the rest don't.
Anyway...thanks for all the info and help so far.
cheers


RGP

Creative Insanity
01-05-2006, 07:25 AM
The problem with the flash buttons is that the URL link is actually inside the swf file itself and makes it really hard to see where they are actually going and if it got all the link correctly as typed in.
Only the second one work for me in FF.
Why not save the headache as those buttons could be VERY easierly made with images.
The over effect could be an animating gif and the off one could be a static image.

rogueguineapig
01-05-2006, 10:26 AM
Creative,


I hadn't realized the link was so integrated into the button itself.
If I made different pages for each section rather than using anchors,
would that solve the problem, or is the problem based on linking
this type of flash button?
I would probably not do an animated gif...for the simple reason
I have no idea how to.
However, I may try an image-map for fun, as I have seen a post
on this site regarding a how-to on such a project.
Anyway, I appreciate your time and efforts on this, I am learning
alot each day as I work on this.
Thanks for everything,

RGP

Creative Insanity
01-05-2006, 05:53 PM
An animating gif is really not as hard as one may think.
All they are is a multi layer image that are cycled with predefined intervals which creates the effect.

rogueguineapig
01-06-2006, 12:05 AM
well I kinda tried a whole new tack...
I like it better--so it's not the prettiest thing in the world,
but heck its a start.

http://www.rogueguineapig.com/yitz.htm ('http://www.rogueguineapig.com/yitz.htm')


Thanks Creative for all the help!
cheers


RGP

Creative Insanity
01-06-2006, 04:55 AM
That looks ok.. and atleats it all works ah. :)