any charitable hmtl guru needed!!

C

cassiadenton

I am in the process of designing a website for my mother's business,
but I am really struggling with what I feel ought to be the simple
parts....

I've been given some advice on some "simple javascript" but I'm not
sure if I'm using it correctly??
Plus, I cannot figure out why I am getting space on the top and left
margins, where it should be flush.

here's the code, please let me know what I should do?? (this is only
the beginning)

~Cassia
(e-mail address removed)

<HTML>
<HEAD>
<TITLE>Final</TITLE>

<meta name="description" content= "KJArts Gallery">
<meta name="keywords" content= "art, Karie West, kjarts, gallery,
painting, drawing, artist,
wall paintng">

<!--do alt tags on all images and title tags should be specific to each
page (also make sure
the meta tags are dif on each page)-->

<SCRIPT LANGUAGE="JavaScript">
<!-- hide from none JavaScript Browsers
Image1= new Image(89,41)
Image1.src = "rollover_home.gif"
Image2 = new Image(89,41)
Image2.src = "button_home.gif"

function SwapOut()
{document.imageflip.src = Image2.src; return true;}

function SwapBack()
{document.imageflip.src = Image1.src; return true;}

// - stop hiding -->
</SCRIPT>

<!-- <script language="Javascript1.2" src="scripts/script.js"

type="text/javascript"></script> -->

</HEAD>

<BODY BGCOLOR="#252525">

<div id="white" style="position:absolute; top:0; left:0; z-index:1;
visibity: show;"><img

src="layerone.gif" border="0"></div>

<div id="indexbar" style="position:absolute; top:158; left:38;
z-index:2; visibity:

show;"><img src="indexbar.gif" width="680px"></div>

<div id="logo" style="position:absolute; top:25; left:60; z-index:3;
visibity: show;"><img

src="logo.gif"></div>

<div id="strawberry" style="position:absolute; top:10; left:520;
z-index:4; visibity:

show;"><img src="strawberry.gif"></div>

<div id="sidebar" style="position:absolute; top:7; left:680; z-index:5;
visibity:

show;"><img src="sidebar.jpg"></div>

<div id="boxart" style="position:absolute; top:310; left:65; z-index:6;
visibity:

show;"><img src="artbox.jpg"></div>

<div id="leftwords" style="position:absolute; top:200; left:65;
z-index:7; visibity:

show;"><img src="leftwords.gif"></div>

<div id="button_home" style="position:absolute; top:160; left:104;
z-index:8; visibity:

show;"><A HREF="/" onMouseOver="SwapOut()" onMouseOut="SwapBack()">
<IMG NAME="home" SRC="rollover_home.gif" WIDTH=89 HEIGHT=41
BORDER=0></a></div>

<div id="button_contact" style="position:absolute; top:158; left:205;
z-index:9; visibity:

show;"><A HREF="/" onMouseOver="SwapOut()" onMouseOut="SwapBack()">
<IMG NAME="home" SRC="rollover_contact.gif" WIDTH=89 HEIGHT=41
BORDER=0></a></div>

<!--I need to redo this next button!! it does not fit correctly!-->

<div id="button_gallaries" style="position:absolute; top:159; left:310;
z-index:9; visibity:

show;"><A HREF="/" onMouseOver="SwapOut()" onMouseOut="SwapBack()">
<IMG NAME="home" SRC="rollover_gallaries.gif" WIDTH=89 HEIGHT=41
BORDER=0></a></div>
</body>
</html>
 
A

Andy Dingley

[email protected] said:
I am in the process of designing a website for my mother's business,
Click to expand...

Your example looks like it's 10 years old and uses some very obsolete
techniques.
Throw it away, read a good book, start again. It will be simpler and
quicker.

Do not use JavaScript. You don't need it.

Do use CSS. Use it from the start.

Do learn HTML. Use a simple editor, not an expensive tool like
Dreamweaver.

Do write valid code. Do make an accessible site. Do use a fluid design
that copes with browser window and font resizing.

I suggest reading "Head First HTML & CSS". It's the _ONLY_ HTML
tutorial I know of worth reading at present. Elizabeth Castro's new one
might be another, but I haven't read it yet myself.
 
C

cassiadenton

thanks, although...I am doing it for a class, and am required to use
straight html code, I'll have to check out that book. I'm not allowed
to use any editor programs...the java script is supposedly for a
rollover, but it just isn't working. You see, I know photoshop, not
html, so I designed my whole site in photoshop and then cut it all
apart and am putting it back together in html using layers. on the
fisrt layer only, I cannot get it to align to the left or flush with
the top? Strange
 
A

Andy Dingley

I am doing it for a class, and am required to use
straight html code,
Click to expand...

Then give up the class. It's worse than useless, it's positively
misleading.
You see, I know photoshop, not
html, so I designed my whole site in photoshop and then cut it all
apart and am putting it back together in html using layers.
Click to expand...

I can't think of anything you could possibly do that would be worse.
 
B

Bergamot

thanks, although...I am doing it for a class, and am required to use
straight html code,
Click to expand...

If you paid money for this class, demand a refund. Teaching 10-year-old
techniques isn't going to prepare you for the real world. Your
instructor is living in the dark ages, but he shouldn't drag his
students down, too.
I'll have to check out that book. I'm not allowed
to use any editor programs...
Click to expand...

How do you propose to code HTML without some type of editor? ;)
Hint: even Notepad is an editor, though there are better alternatives.
the java script is supposedly for a
rollover, but it just isn't working. You see,
Click to expand...

You don't necessarily need JS to do rollovers. You can do some very
clever things with CSS. Tell your instructor that, eh?
I know photoshop, not
html, so I designed my whole site in photoshop and then cut it all
apart and am putting it back together in html using layers.
Click to expand...

Stop doing this. Right now. The resulting web pages will be a pile of
bloated tag soup, and will likely be an accessibility disaster.

And there is no such thing as an HTML "layer".
 
C

cassiadenton

Ok, so here's a little more information, and maybe instead of sarcasm,
I could get some legitimate help...

I understand that straight html code is not exactly "up to date,"
however, the goal of this class, from my professor's stand point
anyway, is to teach the code so that once we're done we will be able to
pick up any wysiwyg editing program and be able to figure it out with
ease, rather than teaching one program, and then, supposedly, we should
be able go in and edit the code to cumtomize it in our own way if
necessary. Does that make sense?

I am just a beginner here, and I'd really love some genuine assistance
with raw coding, even just a pointer in the right direction.

If no one has anything to add that could actually help me, I'd really
appreciate if all snide remarks were left out.

I DO appreciate the book idea!!

Thanks
 
J

JJ

isnt this supposed to be 'your' homework? did you write that code you
posted or did someone else..
 
B

Bergamot

I understand that straight html code is not exactly "up to date,"
Click to expand...

Au contraire, 'straight html code' is very hip, providing it's done
right. :)
however, the goal of this class, from my professor's stand point
anyway, is to teach the code so that once we're done we will be able to
pick up any wysiwyg editing program and be able to figure it out
Click to expand...

He should not be teaching you so-called WYSIWYG at all. That is the
point. He should be teaching you all that 'raw code' you are asking
about. If he can't do it, he has no business teaching a class in HTML in
the first place.
If no one has anything to add that could actually help me, I'd really
appreciate if all snide remarks were left out.
Click to expand...

Sorry, this is Usenet. You opened the discussion, so anybody can jump in
and give their 2p. That's the way of it. :)
 
B

Bergamot

by the way, I understand that I shouldn't design my page in photoshop,
but it seemed to work well enough for my first webpage

http://cc.usu.edu/~cassia/indexpage.html

I just used image maps
Click to expand...

That's not a web page. It's a graphic masquerading as one, and a slow
loading one at that.

Just try using that with image loading turned off. You can't. It is an
accessibility disaster.

You will never understand until you stop using a graphics editor to make
web pages. Start off using just plain text. Use valid, semantic HTML to
mark up headings, paragraphs, lists of links, and other page elements.
Once you have the structure down, then you can start embellishing it
with graphics, color and what-not, using CSS for styling.

If that's not what your instructor is teaching you, then you should
complain to the school and get your money back.
 
C

cassia

JJ said:
isnt this supposed to be 'your' homework? did you write that code you
posted or did someone else..
Click to expand...

I wrote it myself (remember, I have no clue what I'm doing yet!!)....I
got the java script for roll overs from a friend in the class, but then
they didn't exactly explain how to use it.

I've sent emails to my teacher, but she hasn't responded... :(
 
C

cassia

Bergamot said:
That's not a web page. It's a graphic masquerading as one, and a slow
loading one at that.

Just try using that with image loading turned off. You can't. It is an
accessibility disaster.

You will never understand until you stop using a graphics editor to make
web pages. Start off using just plain text. Use valid, semantic HTML to
mark up headings, paragraphs, lists of links, and other page elements.
Once you have the structure down, then you can start embellishing it
with graphics, color and what-not, using CSS for styling.

If that's not what your instructor is teaching you, then you should
complain to the school and get your money back.
Click to expand...

Fair enough :)

 
J

JJ

dont you have a book that your supposed to use with the class? isnt
that any help? what kind of school is this? and is this a college
'credit' course or just one of those vocational training courses?
 
C

cassia

JJ said:
dont you have a book that your supposed to use with the class? isnt
that any help? what kind of school is this? and is this a college
'credit' course or just one of those vocational training courses?
Click to expand...

Sadly, no. This is the worst class I've ever taken here at Utah State
university. The professor is a 25 year old gal who works for a company
called Digital Slant and really doesn't put in the time to teach the
course effectively. She teaches way to fast (shows up 10 min late
everyday!) and didn't include any supplimental info for the class.

I am a senior, so this isn't exactly my major, I just took the class
because I thought it looked interesting, I am regretting that decision
now. I'm completely lost (as if that wasn't made incredibly evident
already.)

The assignment was to find a client (my mother) and design a web page
for them from straight HTML raw code. I don't exactly have time to
order any books at this point (as the site is due next wednesday) so if
you know anything, or any great websites where I can get some help, I
would truly appreciate it!!
 
L

Leonard Blaisdell

B

Bergamot

cassia said:
This is the worst class I've ever taken here at Utah State
university. The professor is a 25 year old gal who works for a company
called Digital Slant
Click to expand...

That explains a lot. Their own web site is a mass of bloated, 1996-style
code with a few CSS bits thrown in. It looks like crap in my browser,
too. Not atypical for a bunch of graphic designers who try to do web
design, too. They have no business teaching HTML, since they don't seem
to understand it themselves. ;)
and really doesn't put in the time to teach the
course effectively. She teaches way to fast (shows up 10 min late
everyday!) and didn't include any supplimental info for the class.
Click to expand...

Complain to the school. Nothing will get better if nobody speaks up.
The assignment was to find a client (my mother) and design a web page
for them from straight HTML raw code.
Click to expand...

You can't design a web site if you don't understand the basics. Your
instructor apparently skipped the fundamentals, so it's no wonder you
are lost.

Someone else pointed you to the W3C specs, but that can be hard to
swallow for a newbie. HTMLDog has been a recommended tutorial in these
parts before, but I've never read through it myself. Maybe it will be
easier to comprehend than the W3C site.
http://htmldog.com/
the site is due next wednesday
Click to expand...

Good luck, you'll probably need it.
 
J

JJ

the one post made by 'leo' was a good tip.. that W3.org website has
lots of good info on it if you look hard enough.. and you could get
together with some other students i would think.. also every college
(especially universities) will have a free tutor program. Or you could
just cheat by using a wysiwyg editor and claiming the code as your
own. I like WYSIWYG4 www.wysiwygwebbuilder.com and pagebreeze
www.pagebreeze.com just delete the auto signature... Happy cheating or
whatever you decide to do.. Oh you could also download an a book..
lots are free.. and you have time to do that.. Next wednesday? thats
plenty of time to go buy a book.. stop making excuses and put your
nose to the grindstone. and try the www.w3.org website, its a good
reference.

It sounds ridiculous that you werent assigned books to go with the
class.. that sounds crazy.. you know she doesnt have to 'supply' the
books right? the books you need are listed in the course description
and you are supposed to buy them prior to class.. i hope youre being
honset about this.. it sounds fishy... BUT whatever, i dont care, if
the class really is as bad as you say then i would suspect you arent
the only dissatisfied student. I would get them to sign a statement or
petition and demand you all get a refund! after all you paid for this!
 

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

Similar Threads

I am trying to detect Which image id="" was clicked ? 22
Help with Visual Lightbox: Scripts 2
How to position the *tooltip* comment on these buttons? 9
When draggable=false & draggable=true dont work ? 1
Help With a Script 5
Need help , Having problem with Drag n Drop... 1
Working on mobile css menu with plenty of frustration! 2
Image shifts to the right when export the page to pdf 4

Members online

No members online now.
Total: 15 (members: 0, guests: 15)
Robots: 444

Forum statistics

Threads
473,770
Messages
2,569,583
Members
45,074
Latest member
StanleyFra

Latest Threads

Top