Aspies For Freedom

Full Version: dumb html/css question
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hi guys... I'm "dabbling" in web design. I suck at coding, mostly because I haven't been able to sit down and really absorb it. So I'm using a crutch adobe golive...

I'm making this website for my FIL. He's a lounge singer... very funny, I know. On the demos page... I have some links to a page with a WMA playing on it. It should pop up... and does, on some browsers and not others. I'm sure there's some stupid thing I'm just not doing. Okay, I'm hoping that there's some stupid thing I'm not doing right...

Here's the link to the page: http://www.donda ngelosings.com/ demos.html

I know some of you are coding pros. (any directions towards a good book to read?)

Please help a friend. Smile
Without even looking at the page, I know that if you want anything to happen, like a WMA to play, when something else happens first, like you load a page your problem is in the Javascript.

Javascript

Most features of Javascript are supported by all browsers except text ones like Lynx or Cello.
Some features are not.

Limitations of Crutches


I am familar with crutches like saving a Word document as HTML.  

HTML was not originally intended for commercial or artistic use, it was originally designed for academics to share research papers.
Research papers are made up of certain "things" from top to bottom

Paragraph
Headers (first, second, down to sixth level)
Data tables
Lists
Crude images (and they have alternate text)

HTML is an agreement between people who write Web pages and people who write software to read Web pages.  Certain rules of HTML are intended to make explicit associations of things we see and take for granted, for blind people, etc., who are relying on software to do it instead.  Like NTs can navigate socially with intuition (like normal vision).  We are using every ounce of our conscious mind (like using accessibility software).

Microsoft Word and many crutches like adobe GoLive try to preserve the look.  Screw the meaning.  They are not in on the agreement.

Problem is, screen readers like JAWS and browsers like Firefox can be made to communicate this meaning to a user who can't make visual associations between, say, table headers and data cells, or form elements and the text that says what the form field is for.

HTML changes.  Somebody decided that sending a browser a set of "style sheets" would be better than telling each and every paragraph, logical header, etc. to be a particular font, color, size in every single document.  One short list of rules (.css file) can be read by an unlimited number of Web pages, which no longer need to worry about font sizes, colors, styles any more.  They are shorter and easier to load, and easier for Web developers to change on a whim.  

-------------------------------------------------------------------------------

Your Web Page

Someone may offer to take a look at the Javascript.  Javascript is usually found in between the <SCRIPT></SCRIPT> tags in the <HEAD></HEAD> of your HTML file.  <SCRIPT> can import a .js text file (again, an unlimited number of Web pages can read one file, making changes easier) or the <SCRIPT></SCRIPT> tags can make a Javascript sandwich (in between, not in a file).  

It might be whatever function is called by the onLoad event in your Web page's open <BODY> tag   (<BODY onLoad="let_the_music_play();">Wink

So you would want to find the function let_the_music_play() Javascript block (between the first set of { } curly brackets), and whatever code is in between, ask why it is not supported by some browsers.  (Write down the Javascript methods or properties you use, and note which browsers are not playing ball, then you can GOOGLE search that browser and that Javascript item).

I have never made Javascript fire up a WMA before, but it sounds like whatever window (window object, this is in a new window right?) method fires up a WMA is not well supported by some browsers.  Do a GOOGLE search.

Long term advice

Actually learn HTML, style sheets, and Javascript so you can be more flexible and do without a crutch.

We experienced dudes can crack open a text file (.html, .css, .js) and edit it even in Notepad, which obviously is only a text editor.

Soon you will realize the power of what you are learning.  It is like putting a new tool in your tool box every time you learn something new.

Also, some of us have a mindset to find answers to put in the tool kit.  I was a social researcher before computer programming.  Social researchers can go to the lowest-level information, lots of stupid research papers in journals, and create secondary conclusions from primary sources.  Sociology textbooks are written by faculty who look at lots of primary sources.  It is like a food chain.  Lots of plankton and shrimp feed higher and higher levels of marine life.   A journal article is a shrimp.  A textbook is a humpback whale.

Just get started.  Nothing gets better until you do.
And when you start don't stop.
Many good Samaritans have Web pages on proper rules of HTML, style sheets, and Javascript, you can read these for free.   I taught myself style sheets and basic Javascript from Web pages when I first started here 8 years ago.

We recommend the Javascript Bible by Danny Goodman.
Reference URL's