Quantcast How do you make a website like this?

+ Reply to Thread
Results 1 to 6 of 6
  1. 31st May 2012, 04:43 PM #1
    Thundr
    Thundr is offline
    Notebook Consultant
    Thundr's Avatar
    Join Date
    Mar 2012
    Posts
    298
    Rep Power
    4

    Default How do you make a website like this?

    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...
    15'' MacBook Pro, 2.66 GHz, 4GB RAM, 320 GB HD (early 2010); 15'' HP Pavilion g6 AMD A8, 4GB RAM, 650GB.
    Reply With Quote Reply With Quote
  2. 31st May 2012, 05:11 PM #2
    key001
    key001 is offline
    Notebook Evangelist
    key001's Avatar
    Join Date
    Sep 2007
    Location
    Lolcation
    Posts
    651
    Rep Power
    16

    Default Re: How do you make a website like this?

    javascript mouseover function or whatever
    your link doesn't work
    Laptop: Inspiron 1505, 1.66 Core Duo, 3GB RAM, external XFX Radeon 5750 1GB + PE4L, 23" 1920x1080
    Reply With Quote Reply With Quote
  3. 1st June 2012, 01:02 AM #3
    S.Prime
    S.Prime is offline
    Notebook Deity
    S.Prime's Avatar
    Join Date
    Mar 2008
    Location
    Michigan, USA
    Posts
    755
    Rep Power
    16

    Default Re: How do you make a website like this?

    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.

    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...
    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 Code:
    <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 Code:
    <a href="#chapter2" target="content">Chapter 2 link</a> 
    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 Code:
    <a name="#chapter2"> 
    this page explains the code:

    http://www.w3schools.com/tags/tag_frameset.asp
    Last edited by S.Prime; 1st June 2012 at 01:16 AM.
    Sony Vaio SR290 CTO 13.3" with Samsung 830 SSD upgrade ~ [Linux Mint 14 x64]
    Reply With Quote Reply With Quote
  4. 1st June 2012, 09:13 PM #4
    Sphinx
    Sphinx is offline
    NBR Resident Redneck.
    Sphinx's Avatar
    Join Date
    May 2006
    Location
    Deer stand back in the pines.
    Posts
    5,003
    Rep Power
    39

    Default Re: How do you make a website like this?

    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.

    Main rig: Dell precision m4600 - 2860QM, firepro 5950, 16GB 1600mhz RAM 9-9-9-28, WLED FDH+, Intel 520 240GB mSata OS, Seagate hybrid 750GB storage.
    Home Web/FTP/SSH Server: Dell precision m4400 Debian squeeze
    Reply With Quote Reply With Quote
  5. 2nd June 2012, 05:16 AM #5
    masterchef341
    masterchef341 is offline
    The guy from The Notebook
    masterchef341's Avatar
    Join Date
    Jul 2006
    Posts
    8,618
    Rep Power
    53

    Default Re: How do you make a website like this?

    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:
    

404 Not Found


    Not Found
    

    The requested URL /xpat...xpath-tutorial was not found on this server.
    

    

    Apache Server at manual.calibre-ebook.com Port 80
    just type this:

    HTML 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>
<address>Apache Server at manual.calibre-ebook.com Port 80</address>
</body></html>
    Ye Ole Macbook Air | Yonder Gaming Desktop
    Reply With Quote Reply With Quote
  6. 2nd June 2012, 05:14 PM #6
    Pai
    Pai is offline
    Notebook Evangelist
    Join Date
    Feb 2008
    Location
    Texas
    Posts
    584
    Rep Power
    15

    Default Re: How do you make a website like this?

    ^ Hahahahahha!
    Reply With Quote Reply With Quote
 

 
« Previous Thread | Next Thread »

Posting Permissions

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

Forum Rules

All times are GMT -4. The time now is 04:36 AM.
Powered by vBulletin® Version 4.2.0
Copyright © 2013 vBulletin Solutions, Inc. All rights reserved.
SEO by vBSEO 3.6.0