PS PageSection Sign In

How (Web Dev) Students Can Host Sample Websites

author_image
By PageSection Support Team
Updated 24 February 2022

There is always a need for online solutions to host web-development projects, whether temporarily or permanently. This may include everyone coding a website or web-application (web-app) and submitting it for grading. While developing can easily be done using localhost as a test server, submitting and presentation of the final creation needs a much better method. And what better way to view a web project than online directly in your web browser.

With our service, each student (even the tutor, or any other individual) can upload a web project and get a (URL) web link to it. You can link a single file as a web asset, or an entire HTML website project.

Upload your web project ~ Get a web url link

Step 1: Create the web project

This can be a website, web-app, css, js, font file, image or any other file you need to be live and accessible via the internet. Create your project and include as many files and front-end functionality as you would like to have. However for the sake of easy upload and download, watch out for the file size(s). Neither you or your users would like to waste time and data dealing with large files over a internet.
Please note that for complex programs that require back-end functionality (such as access to hardware or file systems), we advise you find a web host and rent your own server as we cannot (currently) handle dynamic back-end programming from users. This is meant to protect our own servers from unforeseen damages.

Create your web project. And decide what you want to link to.
Create your web project

Step 2: Prepare the files to upload

To link an entire website In case of a website or webapp, create a zipped file, ending with .zip file extension, that contains all the files of your web project. Include all the local resources required by the project as you will have to upload them all together.

To link an entire website, zip all the website-files and upload them
To link an entire website, zip all the website-files and upload them
To link one file (or resource) For a single file like a js, css, image, or any resource file that you need to link to, simply have the file in an accessible location and get ready to upload it. No need to create a zip, we only zip in case it is a website. File size limits

Step 3: Upload the file (Or upload the website as a zip)

Upload the file to create a link to it. You will be asked to give the project a unique name so as to create a unique link for each uploaded project. The project can be edited, or even deleted, later. So no need to worry about any current values.

Upload the file
Upload the file

Step 4: Receive a web link

If you upload a .zip file, we will assume that it contains a website thus it will be extracted. The url created will link to the index page of that website. Therefore please include an index (index.html) page in your web project.
If you uploaded a file (that is not a zip), the url created will link to the contents of that file. When clicked, the contents of the file are returned. Again, these are not download links, they are links to the contents of the file(s). Therefore certain file types that you upload will be returned in unusable formats by default, for example PHP will be returned as text. That is why we do not expect you to submit back-end programs, only your front-end projects are supported.

Link
Receive a url link

Step 5: Submit (share) the link

Finally, submit or share the link with whoever you want to view the web project. Let them see what you have created. In case of web files, you can even directly use the link as the src in your code on different projects. The file is now accessible over the internet, so your work is done.

How to link
Uploaded files (or resources) can also be linked to and used in your code while programming


Conclusion

Upload your web project and create a link. It's that easy. We offer a free trial period after you sign up and create your account. At no extra cost. Use it to test out the platform, subscribe later. In conclusion, feel free to contact us via email support@pagesection.com in case of any extra questions.





For more related content

Visit our blog page