How to generate webpages using CGI scripts?
Last Updated :
04 Jan, 2024
In this article, we will explore the process of generating webpages using CGI scripts. Furthermore, we will discuss the importance of CGI script implementation in facilitating dynamic content creation. Additionally, we'll delve into the intricacies of linking one page to another by creating multiple pages within Python CGI scripts, ensuring a seamless and well-implemented navigation experience.
What are Webpages?
Webpages are documents or files accessible on the World Wide Web, typically formatted in HTML (Hypertext Markup Language). These documents are displayed in web browsers and can contain a variety of content such as text, images, videos, and hyperlinks. Webpages are the building blocks of websites, and users interact with them to consume information, access services, or engage in various online activities. The content of a webpage is often designed and organized using a combination of HTML, and CSS (Cascading Style Sheets).
Generate Webpages Using CGI Scripts
Here, we will walk through a step-by-step implementation guide on how to generate webpages using CGI scripts. Follow the steps below for generating webpages using Python CGI scripts:
Required Installation
Here, we will install the following things to start with generating webpages using CGI scripts:
- Install Python
- Install Python CGI
Create Folder
First, create a folder named “Webpage” in the “htdocs” directory. Inside this “Webpage” folder, create three files: python1.py, python2.py, and python3.py.
In the “python1.py” file we created the home page, In the “python2.py” file we created the about page and In the “python3.py” file we created the contact page, write a CGI script to retrieve page from one page to other page.
Create a file to Write Python CGI Script
python1.py: Below code is a Python CGI script that generates an HTML webpage. It specifies the Python interpreter's location, sets the content type to HTML, and then prints an HTML document with a title, styling, and content.
The webpage welcomes users to the GeeksforGeeks home page, displaying a brief description and navigation links to "About" and "Contact" pages.
Python3
#!C:\Program Files\Python311\python.exe
print("Content-type: text/html\n\n")
print("""
<!DOCTYPE html>
<html>
<head>
<title>GeeksforGeeks - Home</title>
<style>
body {
font-family: Arial, sans-serif;
}
h2 {
color: #2e8b57; /* GeeksforGeeks green color */
}
</style>
</head>
<body>
<h2>Welcome to GeeksforGeeks - Home Page</h2>
<p>This is the home page content.</p>
<p><a href="python2.py">About</a> | <a href="python3.py">Contact</a></p>
</body>
</html>
""")
Output:
python2.py: This Python CGI script generates an HTML webpage for the "About" section of GeeksforGeeks. It specifies the Python interpreter's location, sets the content type to HTML, and then prints an HTML document with a title, styling, and content.
The webpage provides information about GeeksforGeeks, including a brief description and navigation links to the "Home" and "Contact" pages.
Python3
#!C:\Program Files\Python311\python.exe
print("Content-type: text/html\n\n")
print("""
<!DOCTYPE html>
<html>
<head>
<title>GeeksforGeeks - About</title>
<style>
body {
font-family: Arial, sans-serif;
}
h2 {
color: #2e8b57; /* GeeksforGeeks green color */
}
</style>
</head>
<body>
<h2>About GeeksforGeeks</h2>
<p>This is the about page content.</p>
<p><a href="python1.py">Home</a> | <a href="python3.py">Contact</a></p>
</body>
</html>
""")
Output
python3.py : This Python CGI script generates an HTML webpage for the "Contact" section of GeeksforGeeks. It specifies the Python interpreter's location, sets the content type to HTML, and then prints an HTML document with a title, styling, and content.
The webpage includes information about contacting GeeksforGeeks and provides navigation links to the "Home" and "About" pages.
Python3
#!C:\Program Files\Python311\python.exe
print("Content-type: text/html\n\n")
print("""
<!DOCTYPE html>
<html>
<head>
<title>GeeksforGeeks - Contact</title>
<style>
body {
font-family: Arial, sans-serif;
}
h2 {
color: #2e8b57; /* GeeksforGeeks green color */
}
</style>
</head>
<body>
<h2>Contact GeeksforGeeks</h2>
<p>This is the contact page content.</p>
<p><a href="python1.py">Home</a> | <a href="python2.py">About</a></p>
</body>
</html>
""")
Output
Configuration and Start the Xampp Server
You can refer Create a CGI Script for complete configuration and how we can start the server to run out CGI Script.
Run the CGI Script
In this step, we will run the CGI Script by using the following command in your web browser
http://127.0.0.1/Webpage/python1.py
Video Demonstration
Conclusion
In conclusion, this step-by-step guide has provided insights into the process of generating webpages using CGI scripts. By setting up the server environment, creating a CGI script, and configuring permissions, users can dynamically generate HTML content for their webpages. The flexibility of CGI scripts allows for the incorporation of dynamic elements and the seamless handling of form submissions, enhancing the overall interactivity of web content. Embracing CGI scripts empowers developers to create dynamic, responsive, and engaging webpages, contributing to a more interactive and user-friendly online experience.
Similar Reads
How to Create Form using CGI script
HTML forms are a fundamental part of web development, allowing users to input data and interact with web applications. Web developers often use Common Gateway Interface (CGI) scripts to process and send the data submitted through these forms. In this article, we'll explain what Python CGI scripts ar
3 min read
How to generate basic HTML output using CGI scripts?
In this article, we will explore the process of generating basic HTML output using CGI scripts. Specifically, we will focus on creating a simple HTML web page using Python. The objective is to provide a step-by-step walkthrough, detailing the entire process of creating and utilizing CGI scripts to g
3 min read
How to create a simple CGI script?
In this article, we will explore how to create a simple CGI (Common Gateway Interface) script on a Windows machine but before that, we need some basic ideas about these technologies ( CGI Script, HTTP, Web Server ).CGI Script: A CGI script is a program that runs on a web server and generates dynamic
2 min read
How to Clone webpage Using pywebcopy in Python?
Sometimes we need a handy web page on your local hard drive. So, here we are going to write a simple Python script to Scrap a web page. Web scraping is used for extracting data from websites for offline reading, storage, or whatever reason. Before writing the script we need to know pywebcopy. pywebc
1 min read
Extract title from a webpage using Python
Prerequisite Implementing Web Scraping in Python with BeautifulSoup, Python Urllib Module, Tools for Web Scraping In this article, we are going to write python scripts to extract the title form the webpage from the given webpage URL. Method 1: bs4 Beautiful Soup(bs4) is a Python library for pulling
3 min read
How to create a coming soon page using JavaScript ?
What is the Coming Soon Page? First, we need to know what is the meaning of the Coming Soon Page, Coming Soon is a term that means something that is going to take place as scheduled or expected to happen in the near future. Hereby, we get to the conclusion that the Coming Soon Page is a type of webp
3 min read
How to print a web page using JavaScript ?
Javascript is the world most popular lightweight, cross-platform, interpreted compiled programming language, along with a scripting language for web. It facilitates the dynamic functionality that helps to make the interactive website. As all the Morden browsers use the Javascript & is a client-s
2 min read
Random String Generator using JavaScript
JavaScript is a lightweight, cross-platform, interpreted scripting language. It is well-known for the development of web pages, many non-browser environments also use it. JavaScript can be used for Client-side developments as well as Server-side developments. In this article, we need to create a Ran
7 min read
How to get the source code of a web page using PHP ?
Given a webpage, for which we need to find its source code using PHP. For this, we are going to use the PHP htmlspecialchars() function which converts any predefined characters to their subsequent HTML entities. Example 1: Suppose we take a sample website that looks like the below image, let us see
2 min read
How to create a nested webpage in HTML ?
When the content of one completely different webpage is embedded into another webpage, it is called a nested webpage. In simple words, a webpage that is inside another webpage of a completely different domain. In this article, we are going to learn how to create a nested webpage. There are two metho
2 min read