How To Design A Website In Cpanel

Topics Map > Communication and Collaboration > cPanel Web Hosting

cPanel, How to create a simple one-page website

How to use cPanel's built in Site Publisher tool to create a simple one page website

If what you need is a single page site (for example, a resume or a placeholder while a larger site is in production), cPanel offers a simple system called Site Publisher that allows you to choose a design and enter basic content.

(Note: This page assumes that you've already created a web.illinois.edu account and logged in. SeecPanel, Free campus web hosting at web.illinois.edu for more information on getting started.)

Under theCommonly Used Features divider, chooseSite Publisher to get started.

The domain will be set to match the account you're currently logged in to, and you'll be given the choice of which design you'd like to use.

TheIllinois Personal theme offers an Illinois-branded single page site.
TheUnder Construction theme offers a placeholder while you're working on a more complex site that's still under development.
Choose a template that appeals to your needs.

Site Publisher design selection

The customization page you receive next will depend on which of the templates you selected. In this example, these are the customization options provided by the Under Construction template.

Site Publisher customizations for Under Construction design

After you fill these in and selectPublish, you'll be given the option to make another site or view your site's files.

If you choose to view your site's files, you'll be taken to the File Manager's view of your public_html folder, where Site Publisher will have created an index.html file and some other files related to the themes and visuals. From this point onward, you'll interact with the files using your preferred editor rather than the web interface, unless you want to "republish" a different site over it.

Note: You can republish if you wish, but Site Publisher will overwrite any file that shares the same name, including your index.html, in the process.

If you want to edit your pages within the web interface,select and right click on the file you'd like to edit. In this case we'll be looking at public_html/index.html.

Note

The Edit and HTML Edit options will both let you edit a text-based file within a browser window. Both are available from the right click menu and from the gray navigation bar.

Note that the names can be considered "backwards:"

TheEdit option takes you into a code view of the file. (This also allows you to edit non-HTML text files, but can be harder to read.)
TheHTML Edit option takes you into a graphical editor view of the file, not a code view. Many people will find this the more user-friendly option.

In both cases, there is no auto-save option; remember to clickSave Changes frequently.

When you save your changes, the changes will be visible in your website.