Class - Learn Web Design ( Part 1 )

Discussion in 'General Webmaster Support' started by DDRtists, Apr 19, 2007.

Thread Status:
Not open for further replies.
  1. hobo218

    hobo218 Meh

    Ratings:
    +75 / 0 / -0
    Ok, here's mine.
    I pretty much just did the basics of you were looking instead of putting other things in since I was somewhat rushed for time.
    Also, I considered black a color and I have my image as the background...
    :p

    Oh, and next time don't make us do so many different colored fonts. Makes the page look kinda ugly...
    ;)

    [EDIT]
    Just did a slight update to my page. The updated version is now attached.
     
  2. Tonks

    Tonks New Member

    Ratings:
    +159 / 0 / -0
    Count me out. I don't have enough time, as it turns out.
     
  3. New_U.S.

    New_U.S. ITS OVER 9000!

    Ratings:
    +124 / 0 / -0
    Here my version, it doesn't follow your rules to well, but it uses the same ideas. It a bad 'About me' For Jigsaw :D
     

    Attached Files:

  4. pheonixashes

    pheonixashes Those who misplace trust in gods learn their fate.

    Ratings:
    +65 / 0 / -0
    Ok, here are a couple things I don't exactly understand:

    I get how to fill in the rows of the data with the tables, but how do you fill in the columns? I know you denote them with <td>, but how do you format it so you know which column matches with which row, etc?

    If I just type text, it will show up as text right? Nevermind, I got it.

    And finally, apparently the table doesn't show too well...

    EDIT: Nevermind, I viewed the online lessons and I figured it out.
     
  5. DDRtists

    DDRtists ɹoʇɐɹǝpoɯ ɹǝdns Staff Member

    Ratings:
    +413 / 0 / -0
    Guys, I'll help you out later.

    My girlfriend of 1 1/2 years just broke up with me, so I'm really not in a stable mood to help with coding. I'm sorry.

    The class will continue, but I will be a bit slow on replsy. :(
     
  6. Mr Zero

    Mr Zero Junior Regular (Got the T-shirt)

    Ratings:
    +64 / 0 / -0
    Hmm... I dont get it with the table.
    Row is sideways while columns goes downwards, right?
    While you are write it like it was backwards...

    Anyway:
    HTML:
    <table>
    <tr>
    <td>Color</td>
    <td>Name</td>
    <td>Hex Code</td>
    </tr>
    <tr>
    <td><img src="http://img341.imageshack.us/img341/6044/unavngivetgr6.png"/></td>
    <td><FONT COLOR="#FF0000">Red</FONT></td>
    <td>#FF0000</td>
    </tr>
    <tr>
    <td><img src="http://img150.imageshack.us/img150/1342/unavngivetwa5.png"/></td>
    <td><FONT COLOR="#0000FF">Blue</FONT></td>
    <td>#0000FF</td>
    </tr>
    <tr>
    <td><img src="http://img262.imageshack.us/img262/3347/unavngivetgu1.png"/></td>
    <td><FONT COLOR="#800080">Purple</FONT></td>
    <td>#800080</td>
    </tr>
    <tr>
    <td><img src="http://img295.imageshack.us/img295/3423/unavngivethd4.png"/></td>
    <td><FONT COLOR="#00FF00">Green</FONT></td>
    <td>#00FF00</td>
    </tr>
    </table>
    Simple :eek:...
     
  7. DDRtists

    DDRtists ɹoʇɐɹǝpoɯ ɹǝdns Staff Member

    Ratings:
    +413 / 0 / -0
    Oh wow, I did. :eek:

    Good job, though. :)
     
  8. IKilledKEnny

    IKilledKEnny Guest

    Ratings:
    +0 / 0 / -0
    PHP:
    <table>
    <
    tr>
    <
    td>What is you name?</td>
    <
    td>Favorite color?</td>
    <
    td>Hobbies?</td>
    </
    tr>
    <
    tr>
    <
    td><img src="http://www.adamtierney.com/CG/blah.gif"/></td>
    <
    td><FONT COLOR="#FFcc00">Blizzard's Yellow</FONT></td>
    </tr>
    <tr>
    <td><img src="http://img150.imageshack.us/img150/1342/unavngivetwa5.png"/></td>
    <td><FONT COLOR="#0000FF">Blue</FONT></td>
    <td>#0000FF</td>
    </tr>
    <tr>
    <td><img src="http://blah.de/bilder/blah-postkarte-vorderseite.jpg"/></td>
    <td><FONT COLOR="#0cfcba">Random color</FONT></td>
    </tr>
    <tr>
    <td><img src="http://www.explodingdog.com/dumbpict51/blah.gif"/></td>
    <td><FONT COLOR="#55FF22">Variation of green</FONT></td>
    </tr>
    </table>
    My try, hopes it ok.
     
  9. monoVertex

    monoVertex I'm back!

    Ratings:
    +459 / 0 / -0
    My page

    Btw, sorry to hear about your gf, happened to me as well a couple of weeks ago. And don't worry, we'll have the patience :).
     
  10. DDRtists

    DDRtists ɹoʇɐɹǝpoɯ ɹǝdns Staff Member

    Ratings:
    +413 / 0 / -0
    Meh, all is good. :p

    By they way, the next lesson will be much harder, I just wanted to make sure you all had basic ideas on how HTML is formed. :p
     
  11. phyrex1an

    phyrex1an Staff Member and irregular helper Staff Member

    Ratings:
    +446 / 0 / -0
    You forgot to mention that the alt attribute is required in the img tag, also if you are teaching xhtml (and since you are using the self close tag I suppose you do) then all tags should be in lower case, font instead of FONT. Btw, while the font tag maybe have a educational purpose I rather not see it in any new web pages. It's already deprecated and if you want to take advantage of the next generation of (x)html standards then you better forget it.

    Even if this is a very basic lesion I see no reason why these fundamentals should be left out.
     
  12. monoVertex

    monoVertex I'm back!

    Ratings:
    +459 / 0 / -0
    Btw, indeed, why is the alt attribute required?... The page is not screwed up in any way... :confused:
     
  13. Jindo

    Jindo Self

    Ratings:
    +462 / 0 / -0
    Computer Broken :(, I'll find another way to upload to my site ;).

    Edit =D
     
  14. phyrex1an

    phyrex1an Staff Member and irregular helper Staff Member

    Ratings:
    +446 / 0 / -0
    >why is the alt attribute required?
    Because the most recent (x)html standards says so.

    >The page is not screwed up in any way...
    Most browsers handle errors like this pretty well. However, it's not defined in any standars how browsers should handle errors (the html recommendation is that browsers should 'handle them as good as possibly') so it's not the browsers error is they replace all images with missing alt tag with pictures of the development team of the browser.
    When the choose stands between writing correct markup (with well defined rules how browser should display it) and incorrect markup (browsers can deal with the markup as they want) the choose is pretty easy imo.

    Also, the alt tag has the nice behavior that if the browser can't load the image (maybe it's a text browser or the user just uses a slow connection) it will display the alt text instead thus giving the user an idea on what they are missing :p
     
  15. monoVertex

    monoVertex I'm back!

    Ratings:
    +459 / 0 / -0
    Ok, thanks for the explanation :).
     
  16. DDRtists

    DDRtists ɹoʇɐɹǝpoɯ ɹǝdns Staff Member

    Ratings:
    +413 / 0 / -0
    I was unaware of the font thing. :p

    What do you suggest instead of font?
     
  17. phyrex1an

    phyrex1an Staff Member and irregular helper Staff Member

    Ratings:
    +446 / 0 / -0
    >What do you suggest instead of font?
    Css, it was made for styling unlike html.
     
  18. Ur-Quan

    Ur-Quan Guest

    Ratings:
    +0 / 0 / -0
    I got my page tried and ready:
    Code:
    <table>
    <head>
    <title>Ur-Quan</title>
    </head>
    <table border="1">
    <tr>
    <td>Name: </td>
    <td>Some</td>
    <td>One</td>
    </tr>
    <tr>
    <td>Age: </td>
    <td>Some</td>
    <td>Thing</td>
    </tr>
    <tr>
    <td>Color: </td>
    <td><FONT COLOR="#00FF00">Green</FONT></td>
    <td> </td>
    </tr>
    <tr>
    <td>Professons: </td>
    <td>Learning</td>
    <td> XHTML </td>
    </tr>
    <tr>
    <td>Picture: </td>
    <td> </td>
    </tr>
    <tr>
    <td><img src="http://www.thehelper.net/forums/customavatars/avatar13287_1.gif" /></td>
    </tr>
    </table>

    <Hint>
    You can just go view google page in the source,
    remove its code,
    add yours,
    press apply changes
    and you have your code tested
    </hint>
     
  19. pheonixashes

    pheonixashes Those who misplace trust in gods learn their fate.

    Ratings:
    +65 / 0 / -0
    DDRtists, I might not be able to make the time limit, my comp is acting a bit weird, along with my handling of images.

    I'll probably get it in at around 10:00 PM, GMT-8.
     
  20. DDRtists

    DDRtists ɹoʇɐɹǝpoɯ ɹǝdns Staff Member

    Ratings:
    +413 / 0 / -0
    Kay, haha. :)
     
Thread Status:
Not open for further replies.

Share This Page