4/17/2010

How to build a LAMP test website on Ubuntu

You can use a LAMP (Linux, Apache, MySQL, and PHP) test server on Ubuntu to develop a website on your computer before you upload it to a website host. To build a LAMP test website on your Ubuntu PC, you need to install LAMP and KompoZer, access your LAMP test website through root, edit your test website homepage, edit your test website new pages, and then test your website.

Installing LAMP and KompoZer
After installing LAMP and KompoZer, you can build and test a website in your LAMP test server on your Ubuntu PC. To install LAMP and KompoZer, do the following:
  1. Install LAMP according to the instructions in How to Set Up a LAMP Test Server on Ununtu.
  2. Click System, select Administration, click Synaptic Package Manager, and then enter your password to display the Synaptic Package Manager window.
  3. In the Quick search field, type kompozer to display its package.
  4. Select kompozer and then click Apply to install the free KompoZer web-authoring software. Alternatively, you can install Bluefish. However, KompoZer is easier to use.
Accessing Your LAMP Test Website Through Root
Accessing your LAMP test website as a root user lets you add and edit HTML files to expand and modify your test website. To access your LAMP test website, do the following:
  1. Open Ubuntu, click Applications, select Accessories, and then click Terminal to display its window and a "~$" (tilde dollar-sign) prompt.
  2. At the flashing cursor immediately after the "~$" prompt, Type sudo nautilus to run Nautilus and display a root - File Browser window.
  3. Click File System, double-click var, and then double-click www to open it. As shown below, your www folder (your LAMP test website) should initially contain two files: index.html and testing.php.
Initial LAMP Test Website

Note: For information about the testing.php file, see How to Set Up a LAMP Test Server on Ununtu.

Editing Your LAMP Test Website Homepage
Edit you LAMP test website home page according your requirements. For example, your homepage should include hyperlinks to other pages in your test website. This simple example has only a homepage and two other pages.
  1. Access your test website through your root browser according to the section above.
  2. Right-click index.html, select Open with, and then click KompoZer to open it and display your initial homepage.
  3. Type over the first line ("It Works!") with This is Your Test Website Homepage!
  4. Type over the second line with Here is a link to New Page One. Select (highlight) New Page One, click Link to display a Link Properties window, type http://localhost/newpageone.html into the Link Location field, and then click OK to add the hyperlink and close the window.
  5. Add a new line and type Here is a link to New Page Two Select (highlight) New Page Two, click Link to display a Link Properties window, type http://localhost/newpagetwo.html into the Link Location field, and then click OK to add the hyperlink and close the window.
  6. Click File, and then click Save to save your new homepage in your LAMP test website.
  7. Click File; click Save As to display the Save Page As window; in the Name field, type newpageone.html; and then click Save to create your New Page One in your test website.
  8. Click File; click Save As to display the Save Page As window; in the Name field, type newpagetwo.html; and then click Save to create your New Page Two in your test website.
  9. Minimize the KompoZer window to redisplay the root www - File Browser. As shown below, your www folder (your LAMP test website) should now contain four files: index.html, newpageone.html, newpagetwo.html, and testing.php.
  10. Edit your test website new pages according to the section below.
Two New Pages on LAMP Test Website

Editing Your LAMP Test Website New Pages
Edit you LAMP test website new pages according your requirements. In each page, you should include links to Home and other pages in your test website. This simple example has only a homepage and two other pages.
  1. Redisplay the KompoZer window. Click File, click Open File to display the Open HTML File window, select newpageone.html, and then click Open to display the page in a new KompoZer tab.
  2. Type over the first line ("This is Your Test Website Homepage!") with New Page One!
  3. In the second line, type over New Page One with Home. Select (highlight) Home, click Link to display a Link Properties window, type http://localhost/index.html into the Link Location field, and then click OK to edit the hyperlink and close the window.
  4. Click File, click Open File to display the Open HTML File window, select newpagetwo.html, and then click Open to display the page in a new KompoZer tab.
  5. Type over the first line ("This is Your Test Website Homepage!") with New Page Two!
  6. In the second line, type over New Page One with Home. Select (highlight) Home, click Link to display a Link Properties window, type http://localhost/index.html into the Link Location field, and then click OK to edit the hyperlink and close the window.
  7. In the third line, type over New Page Two with New Page One. Select (highlight) New Page One, click Link to display a Link Properties window, type http://localhost/newpageone.html into the Link Location field, and then click OK to edit the hyperlink and close the window.
Testing Your LAMP Test Website
Each time you finish editing any page on your LAMP test website, you should test that page by opening your test website in a web browser, such as Mozilla Firefox. In this simple example, you edited three pages. Therefore, you should test all three pages as follows:
  1. Open your web browser, type http://localhost in its address line, and then press Enter to display your LAMP test website homepage.
  2. Click on the New Page One hyperlink to display your new page one, and then click on the Home hyperlink to display your home page.
  3. Click on the New Page Two hyperlink to display your new page two, and then click on the Home hyperlink to display your home page.
  4. Click on the New Page One hyperlink to display your new page one, and then click on the New Page Two hyperlink to display your new page two.
  5. Click on the New Page One hyperlink to display your new page one, and then click on the New Page Two hyperlink to display your new page two.
Note: If any hyperlinks are not working, edit your homepage and new pages according to the sections above.

4 comments :

  1. Very useful for starters, thanks!

    ReplyDelete
  2. Thanks for the information. Helped me test to see if my LAMP set up was done correctly

    ReplyDelete
  3. Anonymous12:33

    Just want to point out that kompozer is very old and hasn't been updated in several years. Perhaps you ought to update this post using a more recent editor.

    ReplyDelete