Using Eclipse to Create a Simple Web Page

Set up cps004 Folder on ACPUB System

  1. Double-click MyComputer
  2. Double-click P:
  3. Double-click public_html
  4. Right-click -> new -> folder
  5. Name it cps004

Create Web Page

Italics indicate text you must type.
Bold indicates buttons or field you must click on or select
  1. Double-click on the ClassroomApplications folder.
  2. Double-click on the Eclipse icon.
  3. File -> new -> project -> simple -> next
  4. Project name: myWebPage -> finish
  5. In left panel, highlight (single-click on) myWebPage
  6. File -> new -> file
  7. Enter or select parent folder (should be myWebPage)
  8. File name: index.html -> finish
  9. Browser will come up. Kill this (click on x at top right).
  10. In left panel, right-click on index.html -> open with -> text editor
  11. You can now type text into main panel.
  12. Experiment with this. it is reasonably intuitive.
  13. Enter the following text: 
    
<html>
<body>
    <h1> This is a Major Heading </h1>

    <ul>
        <li> List item one
        <li> List item two
    </ul>

</body>
</html>
  • Save your text (use diskette icon or use file menu)
  • Highlight index.html
  • File -> export -> file system -> next
  • Check on myWebPage and index.html (may already be done)
  • To directory: (Browse to P:public_html/cps4) -> finish
  • Using browser, confirm page at http://www.duke.edu/~xyz99/cps4 (where xyz99 should be replaced by your login id)