(Assignment 4) Build and deploy a landing page website
Steps to Build a Website Using the Course Brochure
-
Upload the course brochure to Claude.
-
Give Claude a simple prompt asking it to generate a detailed meta prompt in Markdown format. The meta prompt should contain step-by-step instructions for building a professional landing page website using only HTML and CSS.
-
Create a new folder on your Desktop and open it in Cursor.
-
Inside that folder, create another folder named
images. -
Visit the Raj Computers official website and download the required assets such as:
-
Logo
-
Banner images
-
Any additional course-related visuals
Save all these files inside the
imagesfolder. -
-
Copy the generated meta prompt from Claude and paste it into Cursor Agent.
-
Drag and drop the entire
imagesfolder into the Cursor Agent chat so the AI can access the assets while generating the website. -
Cursor will generate the required website files, which may include:
-
index.html -
style.css -
Optional JavaScript files
-
Additional supporting files if needed
-
-
Once the generation is complete, open the project folder and verify that it contains:
-
The
imagesfolder -
HTML files
-
CSS files
-
Optional JS files
-
-
Compress the entire project folder into a
.zipfile. -
Deploy the website on Netlify by uploading the ZIP file or dragging the project folder directly into the Netlify dashboard.
-
After deployment, Netlify will generate a live website link that can be shared publicly.