any charitable hmtl guru needed!!

Discussion in 'HTML' started by cassiadenton@gmail.com, Dec 5, 2006.

  1. Guest

    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


    <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>
    , Dec 5, 2006
    #1
    1. Advertising

  2. Andy Dingley Guest

    wrote:
    > I am in the process of designing a website for my mother's business,


    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.
    Andy Dingley, Dec 5, 2006
    #2
    1. Advertising

  3. Guest

    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
    , Dec 6, 2006
    #3
  4. Andy Dingley Guest

    wrote:
    > I am doing it for a class, and am required to use
    > straight html code,


    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.


    I can't think of anything you could possibly do that would be worse.
    Andy Dingley, Dec 6, 2006
    #4
  5. Bergamot Guest

    wrote:
    > thanks, although...I am doing it for a class, and am required to use
    > straight html code,


    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...


    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,


    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.


    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".

    --
    Berg
    Bergamot, Dec 6, 2006
    #5
  6. Guest

    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
    , Dec 6, 2006
    #6
  7. Andy Dingley Guest

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


    You've already had it.

    I agree with every word of what Bergamot wrote.
    Andy Dingley, Dec 6, 2006
    #7
  8. Guest

    , Dec 6, 2006
    #8
  9. Guest

    , Dec 6, 2006
    #9
  10. JJ Guest

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

    On 6 Dec 2006 13:04:04 -0800, wrote:

    >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
    JJ, Dec 6, 2006
    #10
  11. Bergamot Guest

    wrote:
    >
    > I understand that straight html code is not exactly "up to date,"


    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


    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.


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

    --
    Berg
    Bergamot, Dec 6, 2006
    #11
  12. Bergamot Guest

    wrote:
    > 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


    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.

    --
    Berg
    Bergamot, Dec 6, 2006
    #12
  13. cassia Guest

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


    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... :(


    >
    > On 6 Dec 2006 13:04:04 -0800, wrote:
    >
    > >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
    cassia, Dec 6, 2006
    #13
  14. cassia Guest

    Bergamot wrote:
    > wrote:
    > > 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

    >
    > 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.
    >


    Fair enough :)


    > --
    > Berg
    cassia, Dec 6, 2006
    #14
  15. JJ Guest

    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?

    On 6 Dec 2006 14:00:33 -0800, "cassia" <> wrote:

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

    >
    >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... :(
    >
    >
    >>
    >> On 6 Dec 2006 13:04:04 -0800, wrote:
    >>
    >> >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
    JJ, Dec 6, 2006
    #15
  16. cassia Guest

    JJ wrote:
    > 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?


    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!!



    >
    > On 6 Dec 2006 14:00:33 -0800, "cassia" <> wrote:
    >
    > >
    > >JJ wrote:
    > >> isnt this supposed to be 'your' homework? did you write that code you
    > >> posted or did someone else..

    > >
    > >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... :(
    > >
    > >
    > >>
    > >> On 6 Dec 2006 13:04:04 -0800, wrote:
    > >>
    > >> >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
    cassia, Dec 6, 2006
    #16
  17. In article <>,
    wrote:

    > 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


    I use a 56k modem. The page took exactly one minute to load. That's a
    lot of time for so little content.

    Here's a couple of links that might help you on your journey.
    <http://www.w3.org/TR/html401/> for HTML
    <http://www.w3.org/TR/REC-CSS2/> for CSS

    leo

    --
    <http://web0.greatbasin.net/~leo/>
    Leonard Blaisdell, Dec 6, 2006
    #17
  18. cassia Guest

    Leonard Blaisdell wrote:
    > In article <>,
    > wrote:
    >
    > > 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

    >
    > I use a 56k modem. The page took exactly one minute to load. That's a
    > lot of time for so little content.
    >
    > Here's a couple of links that might help you on your journey.
    > <http://www.w3.org/TR/html401/> for HTML
    > <http://www.w3.org/TR/REC-CSS2/> for CSS
    >
    > leo
    >



    Thank you very much!!



    > --
    > <http://web0.greatbasin.net/~leo/>
    cassia, Dec 6, 2006
    #18
  19. Bergamot Guest

    cassia wrote:
    >
    > 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


    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.


    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.


    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


    Good luck, you'll probably need it.

    --
    Berg
    Bergamot, Dec 6, 2006
    #19
  20. JJ Guest

    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!
    On 6 Dec 2006 14:40:42 -0800, "cassia" <> wrote:

    >
    >JJ wrote:
    >> 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?

    >
    >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!!
    >
    >
    >
    >>
    >> On 6 Dec 2006 14:00:33 -0800, "cassia" <> wrote:
    >>
    >> >
    >> >JJ wrote:
    >> >> isnt this supposed to be 'your' homework? did you write that code you
    >> >> posted or did someone else..
    >> >
    >> >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... :(
    >> >
    >> >
    >> >>
    >> >> On 6 Dec 2006 13:04:04 -0800, wrote:
    >> >>
    >> >> >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
    JJ, Dec 6, 2006
    #20
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Sid
    Replies:
    4
    Views:
    578
  2. Nico Fluitsma

    Newby question: how convert hmtl -> jpg?

    Nico Fluitsma, Nov 6, 2003, in forum: HTML
    Replies:
    10
    Views:
    1,201
    informant
    Nov 9, 2003
  3. Simon Spencer

    study HMTL

    Simon Spencer, Oct 12, 2004, in forum: HTML
    Replies:
    3
    Views:
    555
  4. bolega
    Replies:
    12
    Views:
    695
    Keith Thompson
    Jan 15, 2011
  5. bolega
    Replies:
    12
    Views:
    475
    Keith Thompson
    Jan 15, 2011
Loading...

Share This Page