Web Page Design

Anything that might not belong on the other message boards!

Moderator: Team Cub

Forum rules
1. Keep it clean.
2. Keep the discussion civil.
3. Name calling is not allowed.

Politics and religion are two topics that tend to degenerate into a violation of one of the three simple rules above.

The mods and the site admin reserve the right to "lock" or "delete" any discussion that in our opinion, is "heading in the wrong direction."

MOST of all, be respectful of your fellow Cubber's opinions. Don't expect to change someones belief system from a simple forum on the internet.

Postby Rudi » Fri Nov 11, 2005 4:35 pm

Harold:

All of this should be workable on your computer before you upload. That is why I have a specific directory on my home computers for my Server stuff. That way, I can make sure everything works before I upload to the actual Server.

You have to have everything in a root directory of some sort. What that directory will actually look like on the server is dependant on what your host desires or what your ISP allows depending on what you choose.

For demonstration purposes I will add an extra space so the link isn't actually active.

In my case my root directory on the server is http: //www.cleancomputes.com/Cub

Everything that is related to my server page is in that root directory. Each sub group say for Owner's Manuals has it's own subdirectory as in: http: //www.cleancomputes.com/Cub/Owner's Manuals

Now here is something that can be confusing, but once understood, makes a lot of sense. Spaces are essentially non existent. If you type in a space, in actuality in html that space becomes %20 so the above statement to work actually would appear as http: //www.cleancomputes.com/Cub/Owner's%20Manuals/index.html. This points to the index page which is index.html or depending on what your extension would be say .htm versus .html

All punctuation is also converted sometimes automatically sometimes you will have to manually include it. An apostrophe is %27. There is a glossary available for this. I will try to find it on the web, or maybe Lil Dog knows the url that will point to that particular page.

Now for the buttons:

If you go to Cub Parts Manuals you will see that there is a Home button on the bottom of the index page.

If you right click and view source you will see the following statement:

<center>
<P>
<a href="\Cub\index.html"><img src="\Cub\Backmainp2.gif" border=0></a>


What this statement essentially says is:

The button called home will take me to the root directory which is \Cub and to the main index page which is \Cub\index.html. To load this button on this page, the image source or the actual file for the button is located here: \Cub\Backmainp2.gif, which is the name of the file. border=0 means no box around the button.

You already know the a href and the /a statements.

If you use this type of statement, then the file for that button does not have to be replicated in each directory, but can reside in the root. It will then always be called for from that directory. Makes cutting and pasteing easy.

I hope I explained this clearly. If not, let me know and I will try to clarify...

As for your question:
Do I make a file with the same title as the buttons, and transfer corresponding pics to that file?


I think what you are asking is if the button will take you to all the pics. If that is indeed the case, then the answer is yes and no. The button could take you to the Directory that contains the pics - and more correctly to the index.htm page in that directory. But you would have to have links to those pics, unless you actually loaded the pics onto the index page itself. Then you could call it whatever...

All depends on what you want to do. Remember the dial up people though. The larger the page file size the longer it takes for dial uppers to load it.... That is why sometimes an index page is good. It is old school and not as flashy, but certainly helps for slower connections. Not as critical as it was when a dial up account for 14.4kbps (remember those days :?: :roll: :shock: ), but still can be a concern.

Oh another thing you can do if you want to present your pics in an album almost is to use PowerPoint or Slideshow. Put all the pics together in that (it will reduce the size somewhat) and allow for a much flashier presentation...

I hope I understood what you were asking correctly and that this does help....
Last edited by Rudi on Fri Nov 11, 2005 9:52 pm, edited 1 time in total.
Confusion breeds Discussion which breeds Knowledge which breeds Confidence which breeds Friendship

User avatar
Rudi
Team Cub
Team Cub
 
Posts: 28514
Joined: Sun Feb 02, 2003 8:37 pm
Location: NB Dieppe, Canada
Zip Code: E1A7J3
eBay ID: ve9rhs
Skype Name: R.H. "Rudi" Saueracker, SSM
Tractors Owned: 1947 Cub "Granny"
1948 Cub "Ellie-Mae"
1951 Cub "Jethro"
Dad's Putt-Putt
IH 129 CC
Circle of Safety Award
Circle of Safety: Y
Twitter ID: Rudi Saueracker, SSM

Postby Harold R » Fri Nov 11, 2005 4:50 pm

Yeah, I admit my questions are vague. What I would like each button to pull up is a page of thumbnails that can be clicked on for a larger image.
I have learned a little though! Thanks for your patience.
Harold R
Team Cub Guide
Team Cub Guide
 
Posts: 3138
Joined: Thu Feb 20, 2003 4:54 pm
Location: Louisiana
Zip Code: 71058
Tractors Owned: 1948,50,53, and 56 Farmall Cubs
1969 International Cub
Circle of Safety Award
Circle of Safety: Y

Postby Rudi » Fri Nov 11, 2005 5:06 pm

Harold:

Then that is easy. It is basically an index page. What you do is use a thumbnail image of the image you want, make an active link out of it, which when clicked takes you to that particular page.

Give me a little time -- I got to go make supper and I can build you the line...
Confusion breeds Discussion which breeds Knowledge which breeds Confidence which breeds Friendship

User avatar
Rudi
Team Cub
Team Cub
 
Posts: 28514
Joined: Sun Feb 02, 2003 8:37 pm
Location: NB Dieppe, Canada
Zip Code: E1A7J3
eBay ID: ve9rhs
Skype Name: R.H. "Rudi" Saueracker, SSM
Tractors Owned: 1947 Cub "Granny"
1948 Cub "Ellie-Mae"
1951 Cub "Jethro"
Dad's Putt-Putt
IH 129 CC
Circle of Safety Award
Circle of Safety: Y
Twitter ID: Rudi Saueracker, SSM

Postby Harold R » Fri Nov 11, 2005 5:25 pm

Don't go to any trouble Rudi, I'm searching the web for a tutorial, should be one somewhere. I'll be back on later tonight, got to do some visiting with relatives.
Harold R
Team Cub Guide
Team Cub Guide
 
Posts: 3138
Joined: Thu Feb 20, 2003 4:54 pm
Location: Louisiana
Zip Code: 71058
Tractors Owned: 1948,50,53, and 56 Farmall Cubs
1969 International Cub
Circle of Safety Award
Circle of Safety: Y

Postby Jim Becker » Fri Nov 11, 2005 8:39 pm

Rudi wrote:Now here is something that can be confusing, but once understood, makes a lot of sense. Spaces are essentially non existent. If you type in a space, in actuality in html that space becomes %20 so the above statement to work actually would appear as http: //www.cleancomputes.com/Cub/Owner's%20Manuals/index.html. This points to the index page which is index.html or depending on what your extension would be say .htm versus .html

All punctuation is also converted sometimes automatically sometimes you will have to manual include it. An apostrophe is %27. There is a glossary available for this. I will try to find it on the web, or maybe Lil Dog knows the url that will point to that particular page.


If you want to make all this a lot easier, just never put a space or special character in a directory or file name.

"Owner's Manuals" will be a lot easier as "OwnersManuals"
User avatar
Jim Becker
Team Cub
Team Cub
 
Posts: 11972
Joined: Sun Feb 02, 2003 3:14 pm
Location: MN
Zip Code: 55319
Circle of Safety Award
Circle of Safety: Y

Postby Rudi » Fri Nov 11, 2005 9:51 pm

Jim:

You are correct, it does make it simpler. However for me, my hard drive is not setup that way and I set it up like that out of personal preference. And now, to actually change how that works will require a ton of work that I am not willing to do. Soooo, I get to learn the String (%) Theory :wink: :lol:
Confusion breeds Discussion which breeds Knowledge which breeds Confidence which breeds Friendship

User avatar
Rudi
Team Cub
Team Cub
 
Posts: 28514
Joined: Sun Feb 02, 2003 8:37 pm
Location: NB Dieppe, Canada
Zip Code: E1A7J3
eBay ID: ve9rhs
Skype Name: R.H. "Rudi" Saueracker, SSM
Tractors Owned: 1947 Cub "Granny"
1948 Cub "Ellie-Mae"
1951 Cub "Jethro"
Dad's Putt-Putt
IH 129 CC
Circle of Safety Award
Circle of Safety: Y
Twitter ID: Rudi Saueracker, SSM

Postby Jim Becker » Fri Nov 11, 2005 10:33 pm

Yeah, I can see leaving your stuff that way. But HR is still early enough in the process to head things off before it becomes intrenched.
User avatar
Jim Becker
Team Cub
Team Cub
 
Posts: 11972
Joined: Sun Feb 02, 2003 3:14 pm
Location: MN
Zip Code: 55319
Circle of Safety Award
Circle of Safety: Y

Postby lildog » Fri Nov 11, 2005 10:48 pm

OK, The World Wide Web Consortium (W3C) sets the standards for what is allowed and not allowed in HTML. One thing they frown strongly upon is the use of punctuation and spaces in file and folder names. In fact, if you want maximum compatibility with all servers and browsers, you should not only keep spaces and punctuation out, but also keep your names to 8 characters or less. Believe it or not, there are still some DOS-based servers out there. Regardless, it's simply good practice to keep the spaces and punctuation out of your file/folder names.

Harold, what you are looking for (a thumbnail-based photo gallery is easily achieved using a PowerToy from Microsoft. Particularly, their HTML Slide Show Wizard. Just fire it up. Point to the pictures you want to use. Set a few options (Title, author, image size, thumbnails or slides, etc.). Then, the wizard does the rest (creating resized copies of the images, writing the HTML, putting things in folders, etc. All you need to do is put the finished product on a server and link to the start page for each one. This is the technique I use when I don't want to take the time to do it myself. You can see a few examples on the CubFest 2005 photo page and the Ratliff Barn Party photo page. You can download the power toy here.

One word of caution - being a Microsoft product, the power toy favors Microsoft Internet Exploiter. The advanced features (thumbnail and filmstrip modes, as well as the "play" button) are basically nonfunctional in any other browsers, but the basic functionality (a manual slide show of the photos) is there. Also, it is also optimized for a Microsoft web server, meaning the main page in each file is named "default.html." You'll probably want to change that to "index.html" if you want to be able to link to using only the server path and folder name, as most web hosts do not use "default.html" as the automatic home page. (e.g. 'www.ratliffbarnparty.com/photos/home' instead of 'www.ratliffbarnparty.com/photos/home/default.html' or 'www.ratliffbarnparty.com/photos/home/index.html')


Once you get the files up on your server, even if they don't work quite right, let us know. Looks like there's enough expertise here that, if we can see your code, we should be able to help you identify what you're doing wrong and what you're doing right.
John "lildog" Ratliff: Facebook | Twitter
User avatar
lildog
5+ Years
5+ Years
 
Posts: 839
Joined: Wed Jun 08, 2005 6:54 pm
Location: Ohio, Chillicothe
Zip Code: 45601
Skype Name: JohnRRatliff

Postby Rudi » Sat Nov 12, 2005 6:53 am

Lil Dog:

I guess I will be renaming a lot of my folders... only problem is, there is no way that I can rename these folders to something 8 characters or less. That is like DOS based. One of the reasons I do like Windows is the long file name capability. Lord help me, I would have to use a MAC if I couldn't use long file names. :wink: :roll: :oops: :lol:

Maybe what I will do is reformat to fit W3C commonality and just reload the server. That will take time though... and will not be high on my list of to do's... it works nicely now, so I just may leave it that way.

Jim, you are right. Harold should do it right from the git go and not have to end up with the rather large job of reformating all these files.

Lil Dog, one of the most oft questions I get is how to view the PowerPoint presentations in NON IE environments. I guess a lot of people like Firefox and other browsers, so if I was to say anything on what to use and what not to use, I would suggesst staying away from any helper program that is not viewable in Firefox or have a Firefox add-on available as is the case for PowerPoint.
Confusion breeds Discussion which breeds Knowledge which breeds Confidence which breeds Friendship

User avatar
Rudi
Team Cub
Team Cub
 
Posts: 28514
Joined: Sun Feb 02, 2003 8:37 pm
Location: NB Dieppe, Canada
Zip Code: E1A7J3
eBay ID: ve9rhs
Skype Name: R.H. "Rudi" Saueracker, SSM
Tractors Owned: 1947 Cub "Granny"
1948 Cub "Ellie-Mae"
1951 Cub "Jethro"
Dad's Putt-Putt
IH 129 CC
Circle of Safety Award
Circle of Safety: Y
Twitter ID: Rudi Saueracker, SSM

Postby lildog » Sat Nov 12, 2005 8:06 am

Rudi,

I wouldn't worry about the 8-character restriction too much - I routinely violate it (DOS-based servers are becoming increasingly rare). But keeping the other stuff out of your names makes tidier links, etc. (I personally despise URLs with all those %20 characters in them). Obviously, your server supports them, so you're OK. But there is a chance that someday you may have to change servers or your host may upgrade/change its software and it could become an issue.

As for your other argument about non-ie compatibility. I am a staunch supporter of the FireFox project. I've been using FF since version 0.5 (actually, back then, it was called FireBird). Today, I use Netscape 8.0, which is sourced from FireFox, but includes a plug-in that allows you switch to "IE Mode" for pages that require Microsoft Internet Exploiter. It's not 100% compatible, but is close enough for jazz.

I've always preferred the way FireFox handles PowerPoints (i.e., making you download them to your computer, then opening them in an external program), vs. the IE in-browser display. The thing I like about the Slide Show power toy is that its base functionality (the slide show) does work in most browsers. It's only the 'advanced' features that are IE-only. Still, since IE contols 85% of the browser market (slipping quickly to FireFox), it makes sense to design with the bulk of your visitors in mind.
John "lildog" Ratliff: Facebook | Twitter
User avatar
lildog
5+ Years
5+ Years
 
Posts: 839
Joined: Wed Jun 08, 2005 6:54 pm
Location: Ohio, Chillicothe
Zip Code: 45601
Skype Name: JohnRRatliff

Postby Rudi » Sat Nov 12, 2005 9:34 am

Lil Dog:

K, what you are saying makes a lot of sense, and I think it is something that may be worth spending some of my time investigating.

I used to use Netscape back when it actually was a good browser before AOL got its mitts on it.. but when 6.0 came out with all the net based junk, I quickly left it behind. Reason was that I much prefer having my docs on my puter and not hanging around in cyberspace. This is primarily because I spent over a decade in the Commint community and I am vary wary of any kind of sigint activities. No, I am not paranoid, I just know better.. after all that time doing what I did, I am sure not going to make it any easier..

I am curious about FireFox and I do remember FireBird. I used to run multiple browsers, so I may load it. I have it, so maybe I should and see what happens. I probably would like more info on Netscape before I even go that route again... I liked Netscape 4.74 especially for the email client. It actually made sense, and I could do what I wanted with my mail. With Outlook Express it becomes virtual torture..

I think a thread on FireFox and maybe some help understanding the browser, would be useful. Especially since so many use it on this forum. I can use all the help I can get to make things easier.

Oh, another good idea would be a short tutorial in laymans terms on Meta Tags - how to write em and why they make it easy for search engines...
Confusion breeds Discussion which breeds Knowledge which breeds Confidence which breeds Friendship

User avatar
Rudi
Team Cub
Team Cub
 
Posts: 28514
Joined: Sun Feb 02, 2003 8:37 pm
Location: NB Dieppe, Canada
Zip Code: E1A7J3
eBay ID: ve9rhs
Skype Name: R.H. "Rudi" Saueracker, SSM
Tractors Owned: 1947 Cub "Granny"
1948 Cub "Ellie-Mae"
1951 Cub "Jethro"
Dad's Putt-Putt
IH 129 CC
Circle of Safety Award
Circle of Safety: Y
Twitter ID: Rudi Saueracker, SSM

Postby Jim Becker » Sat Nov 12, 2005 10:42 am

Rudi,
See if this page tells you what you want to know:
http://searchenginewatch.com/webmasters/article.php/2167931
User avatar
Jim Becker
Team Cub
Team Cub
 
Posts: 11972
Joined: Sun Feb 02, 2003 3:14 pm
Location: MN
Zip Code: 55319
Circle of Safety Award
Circle of Safety: Y

Postby Rudi » Sat Nov 12, 2005 11:26 am

Jim:

Thanks, gonna use that page. Lots of good info there. Bookmarked for research... :D :D
Confusion breeds Discussion which breeds Knowledge which breeds Confidence which breeds Friendship

User avatar
Rudi
Team Cub
Team Cub
 
Posts: 28514
Joined: Sun Feb 02, 2003 8:37 pm
Location: NB Dieppe, Canada
Zip Code: E1A7J3
eBay ID: ve9rhs
Skype Name: R.H. "Rudi" Saueracker, SSM
Tractors Owned: 1947 Cub "Granny"
1948 Cub "Ellie-Mae"
1951 Cub "Jethro"
Dad's Putt-Putt
IH 129 CC
Circle of Safety Award
Circle of Safety: Y
Twitter ID: Rudi Saueracker, SSM

Postby Jim Becker » Sat Nov 12, 2005 11:32 am

Rudi, maybe we need a short tutorial on the other side of the question -- how to use search engines to find stuff on the web.
User avatar
Jim Becker
Team Cub
Team Cub
 
Posts: 11972
Joined: Sun Feb 02, 2003 3:14 pm
Location: MN
Zip Code: 55319
Circle of Safety Award
Circle of Safety: Y

Postby Rudi » Sat Nov 12, 2005 11:43 am

Sometimes search phrase entries are not what they should be. Depends on the condition of one's cranial computationa capacities at that particular moment. Sometimes it is also a function of time availability. Sometimes it is just :roll: :oops: :roll:

I rarely find time to do search for myself.. usually trying to get answers to other questions posed by other peoples...

Search pharasing is an essential tool when surfing the internet. Surfing is something I do not do a lot of, but I do search, so I should have known better...

I just bet you the phrase you used was something similar to " Meta Tag Help Files" and the very first entry you found was How To Use HTML Meta Tags :?: :!: :wink: 8) which is what I got when I stuck in that search phrase. Now, I am :oops: embarrassed :roll: :? :roll: :oops:
Confusion breeds Discussion which breeds Knowledge which breeds Confidence which breeds Friendship

User avatar
Rudi
Team Cub
Team Cub
 
Posts: 28514
Joined: Sun Feb 02, 2003 8:37 pm
Location: NB Dieppe, Canada
Zip Code: E1A7J3
eBay ID: ve9rhs
Skype Name: R.H. "Rudi" Saueracker, SSM
Tractors Owned: 1947 Cub "Granny"
1948 Cub "Ellie-Mae"
1951 Cub "Jethro"
Dad's Putt-Putt
IH 129 CC
Circle of Safety Award
Circle of Safety: Y
Twitter ID: Rudi Saueracker, SSM

PreviousNext

Return to Off Topic

Who is online

Users browsing this forum: No registered users and 2 guests