Author Topic: My Web Page  (Read 1902 times)

Offline jb

  • TS Addict
  • *****
  • Posts: 694
    • View Profile
    • http://
My Web Page
« on: September 17, 2003, 11:11:53 PM »
Well, here is the result of my pluging away trying to understand the HTML world. As you can see, I'm playing with tables, table borders, images, image borders, animated gif's, colors, etc. Boy, have I got to learn a hell of a lot more! The most difficult thing is to find what one is looking for, e.g., how to have separate tables or images with different colored borders lined up horizontally with a space in between. Nowhere did I see this shown and explained. I googled and googled and googled for a week to no avail. I finally was able to do this by the good old and reliable if sometimes time consuming 'cut-and-try' method. I can see that if I want to come out with a "properly designed' complex page, I will have to resort to specialized software like Dreamweaver or GoLive or such. And yes I better get myself a book on the subject.

Of course I found that different browsers render things differently. I understand this, as browser design, like other software, is  an evolving process. For those with IE 5, you will hear background music which is not present with Netscape, nor iCab, nor Opera. I don't know about Safari as my OS 9.0.4/9.1 does not allow me to load it.

I would appreciate if some of you could check and report on the rendering of my page with various browsers versions, Mac or PC. On my Mac, I know that Netscape 4.79 messes things up, probably caused by incorrect or incomplete coding on my part. iCab 2.9 shows the correct layout but does not show any table or image borders. IE 5.1.7, Netscape 7.02, Opera 6.0, work fine.

For those of you that may look at the source coding, you will notice a space between the steps. Currently it's my way  to easily recognize where I am in the coding.

jb
iMac 21.5" Intel i3, OS 10.6.8, 4 GB RAM, 500 GB HFS+ Internal HD, SuperDrive, 4 part 1TB HFS+ Firewire400 External HD 1, 250 GB HFS+ Firewire400 External HD 2, Powered 7 port USB Hub, USB Printer/Scanner, USB Printer/Fax/Scanner, USB Multiple Card Reader, Cable Modem, 16 GB USB 2.0 Flash Drive.

Offline kps

  • TS Addict
  • *****
  • Posts: 1693
    • View Profile
    • http://
My Web Page
« Reply #1 on: September 17, 2003, 11:20:33 PM »
Renders perfect in Safari OS X 10.2.6 and Camino 0.7 OS X....nice job JB, keep at it.

Offline ljocampo

  • Super Poster
  • ***
  • Posts: 272
    • View Profile
My Web Page
« Reply #2 on: September 18, 2003, 12:21:28 AM »
jb:

This is what your site looks like in Safari 1.0(v85), and it didn't play the background music. Safari mimics Netscape.

This is what your site looks like in Internet Explorer 5.2.2., and it also didn't play the background music.

All links worked and I enjoyed the whos on first satire.

I think you shouldn't use percentage for your table sizes because it dislocates your design when someone resizes their browser window.

 clap.gif   good job

btw: you duplicated this tread, so I posted to both treads.

Offline sew

  • Super Poster
  • ***
  • Posts: 126
    • View Profile
    • http://
My Web Page
« Reply #3 on: September 18, 2003, 12:39:20 AM »
Works perfect with OS 8.6 and Netscape 7.0 Love the Dubya thing!! clap.gif

Offline Diana

  • Super Poster
  • ***
  • Posts: 410
    • View Profile
My Web Page
« Reply #4 on: September 18, 2003, 08:34:23 AM »
Hi jb,

Looking good in Mozilla and Konqueror

Formatting your source code for human readability just makes good sense so there is no need to apologize for whitespace/indentions...smile.gif

I would encourage you to continue your HTML education by hand-coding. There is alot to learn, but if you let the wysiwyg editors take over for you, you won't learn nearly as much or as quick. For detailed placement/formatting of text and objects, Cascading Style Sheets are very handy. There is still lots you can control and still make the pages readable by all browsers. If you get to much into CSS you can make your site unusable by all but the very latest and greatest browsers.

Here is a link to an indispensable service:

W3C Validator

and another page about HTML basics:

W3C HTML docs

You can't go wrong learning from the W3C..they set the standards. Stick with them and whatever you create will be viewable in all good browsers. The critical thing about handcoding is that your are responsible for putting in all tags properly. Run your page through the validator. That will show you lots. (Hint..It probably won't run until you learn a bit more about required HTML elements though..hint..smile.gif )

see ya,
Diana
Sysadmin Rule #14: If it's not on fire, it's a software issue.

Registered Linux user 290473
http://counter.li.org/
http://www.crestcomm.com/diana/gnupg.txt for GnuPG public key  

MamaMoose

  • Guest
My Web Page
« Reply #5 on: September 18, 2003, 07:48:44 PM »
Bon soir, Jacques,

Your web page renders perfectly in IE 5.2.2. No sound as I have not hooked up my speakers, yet (just moved - they are in a box somewhere).

MamaMoose