www.webdeveloper.com
Results 1 to 4 of 4

Thread: Old Newbie Designing Websites

  1. #1
    Join Date
    Jan 2007
    Posts
    3

    Thumbs up Old Newbie Designing Websites

    Hello.

    I have been out of the web-design business for quite some time.

    When I was designing websites it was commonplace to use frames. Now it seems popular to use tables instead. I want to have a frame layout but use tables. I have seen many websites where there is a base page (menus and ads) and only a section in the middle changes with whatever information is being displayed from the link they chose. This used to be done with frames, but when I look at sourcecode it appears to be tablee.

    I didnt think you could assign a name face value to a table like you did to a frame. Is this being done with PHP, or JS?

    Any advice is realllllllly appreciated..

  2. #2
    Join Date
    Dec 2005
    Location
    American, living in Toronto, ON. CANADA
    Posts
    6,746
    Using "table" is a bit antiquated nowadays. Unless you are offering tabular data (like in a spreadsheet), what you're going to do is wade-down a browser's ability to sort things out and increase your bandwidth useage.
    I'd look into using <div> tags, and if you have alot of data to show, a server-side language could place smaller 'pages' of content in the viewing area (not too unlike what FRAMEs do). Or even use FRAMEs with a transitional !doctype if you must.
    Another method would be to use the <object></object> method, and have smaller 'pagelettes' placed inside of your larger 'main page'. You could state a width & height, and if the content exceeds this size, scrollbars would appear. that way, you could actually have several pages' worth of content 'squeezed inside of' the main page.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <meta http-equiv="Content-Script-Type" content="text/javascript" />
    <title></title>
    <style type="text/css">
    * {border:0; padding:0; margin:0;}

    </style>
    <script type="text/javascript"><!--
    // -->
    </script>
    </head>
    <body>
    <div style="width:760px; margin:10px auto;">

    <h1>My web sites and stuff</h1>
    <p>Some text and other descriptions, etc.</p>

    <object type="text/html" data="http://www.mySite.com/pageOne.html" style="width:751px; height:475px; margin:0 auto; border:3px double black;"></object>

    <object type="text/html" data="http://www.mySite.com/pageTwo.html" style="width:751px; height:475px; margin:0 auto; border:3px double black;"></object>

    <object type="text/html" data="http://www.mySite.com/pageThree.html" style="width:751px; height:475px; margin:0 auto; border:3px double black;"></object>

    </div>

    </body>
    </html>
    Here is a basic template suggestion (note that there are THREE "object" tags... each here point to the same site (which is not mine, but a host site I guess??) and they are displaced 'inside' of each "object" container's size...
    I build for: Firefox and tweak for IE

  3. #3
    Join Date
    Nov 2003
    Location
    Jerryville, Tejas
    Posts
    11,715
    As Joel says, tables are now out for page layout. Check the resources in my sig.
    "Debugging is twice as hard as writing the code in the first place. Therefore, if you write the code as cleverly as possible, you are, by definition, not smart enough to debug it." Brian W. Kernighan

  4. #4
    Join Date
    Jan 2007
    Posts
    3
    joel.
    thanks alot for the feedback.. the example you gave me is cool... I would want one object type in the middle of the screen and that would be where all my links would display.
    A menu on the outside of the box with every link on the menu displaying in that object type.. how would I direct links into the object instead of giving the object a defined link to display?

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles