How do you make a website like this?

Discussion in 'Off Topic' started by Thundr, May 31, 2012.

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

    Thundr Notebook Evangelist

    Reputations:
    128
    Messages:
    414
    Likes Received:
    2
    Trophy Points:
    31
    A website that has this format where there is table of contents on the left and the contents on the middle without the need to press a button to go to the next section in the table of contents, but rather, simply scroll down? http://manual.calibre-ebook.com/xpat...xpath-tutorial

    Right now I don't know anything about making a website. Is there a way to make this kind of website without substantial amount of money going into it? I heard it's only a few dollars a month...
     
  2. key001

    key001 Notebook Evangelist

    Reputations:
    776
    Messages:
    657
    Likes Received:
    7
    Trophy Points:
    31
    javascript mouseover function or whatever
    your link doesn't work
     
  3. Primes

    Primes Notebook Deity

    Reputations:
    918
    Messages:
    1,735
    Likes Received:
    716
    Trophy Points:
    131
    I think he is meaning this website: http://manual.calibre-ebook.com/xpath.html

    First of all, That layout is done by using Frames.
    Your 2nd question I really don't understand. If you mean having it scroll down without clicking on a link? I think you could substitute the link code with a javascript so when your mouse hovers over the link it activates and goes to the next part.

    you can put simple webpages anywhere, like if your ISP gives you webspace to upload stuff to. There are also some webhosts that give you free space, but they put an advertisement at the top of your page. if you need a webhost that lets you run database stuff, or backend code such as a wordpress blog, you probably will have to pay. Usually those go for around $5/month for basic services.

    Here is how that page is coded:
    Basically you start with 3 html pages.

    page 1 (usually called index.html) is just the frame code:

    PHP:
    <html>
    <
    frameset cols="100,*">
      <
    frame src="frame_1.htm" name="menu" />
      <
    frame src="frame_2.htm" name="content" />
      </
    frameset>
    </
    html>
    which makes something like this: (you adjust the size in the framset code)
    Code:
    
    
    
     ------------------------
    |         |              |
    |         |              |
    | Frame 1 |   Frame 2    |
    |         |              |
    |         |              |
     ------------------------
    the next page will be would be your menu that is loaded into frame 1. its called "frame_1.htm" above.
    the third page would be your content page. its called frame_2.htm above.

    to get the right side menu links working your links have to specify the frame name they are to load into.
    if you want the content page to just be one long page, you put "name" anchors in the page, so that the link skips down the page to the area you want.

    here is an example with it all working together:

    menu link:
    PHP:
    [URL='#chapter2']Chapter 2 link[/URL]
    Now in your content page, where ever you want a new area that will be linked to, you put in a hidden anchor tag:
    PHP:
    <a name="#chapter2">
    this page explains the code:

    http://www.w3schools.com/tags/tag_frameset.asp
     
    Last edited by a moderator: Feb 2, 2015
  4. Thaenatos

    Thaenatos Zero Cool

    Reputations:
    1,581
    Messages:
    5,346
    Likes Received:
    126
    Trophy Points:
    231
    If you have access to port forwards on your router and have a spare computer then you can host your own website using dynamic dns. Sure the URL wont look as pretty (e.g. http://yourdomainname.dyndns.org) but its 100% free and you can even use IIS if your not big on linux, although Id rather eat dirt then use IIS for anything other then light development purposes.

    But if your familiar with linux it takes no time at all to setup a web server as its just a matter of installing LAMP during linux install and setting up a dynamic client like ddclient. Ddclient even has an auto configure, if you use Dyndns as your dynamic dns provider, that will create a configuration file so its really just a copy and paste then restart the service.
     
  5. masterchef341

    masterchef341 The guy from The Notebook

    Reputations:
    3,047
    Messages:
    8,636
    Likes Received:
    4
    Trophy Points:
    206
    The page is extremely simple. The whole thing is 9 lines. At the top, you specify the document type. Then, you just use basic html to specify the structure of the document. Extremely simple.

    To get this:

    Code:
    <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
    <html><head>
    <title>404 Not Found</title>
    </head><body>
    [h1]Not Found[/h1]
    [p]The requested URL /xpat...xpath-tutorial was not found on this server.[/p]
    [hr][/hr]
    <address>Apache Server at manual.calibre-ebook.com Port 80</address>
    </body></html>
    
    just type this:

    HTML:
    <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
    <html><head>
    <title>404 Not Found</title>
    </head><body>
    [h1]Not Found[/h1]
    [p]The requested URL /xpat...xpath-tutorial was not found on this server.[/p]
    [hr][/hr]
    <address>Apache Server at manual.calibre-ebook.com Port 80</address>
    </body></html>
    
     
    Last edited by a moderator: May 8, 2015
  6. Pai

    Pai Notebook Evangelist

    Reputations:
    464
    Messages:
    657
    Likes Received:
    0
    Trophy Points:
    30
    ^ Hahahahahha!
     
Thread Status:
Not open for further replies.

Share This Page