Website Basics With an AI Assistant
Understand website folders, HTML structure, CSS style, JavaScript behavior and a sitemap-led workflow without writing code.
Understand the idea before the settings
Build a clear picture of a website before asking an assistant to create one. Start with a prepared folder for a fictional service business, then recognize its pages, structure, style and behavior.
Plan backwards from a sitemap. Give every page a purpose, connect useful next steps, and keep a readable HTML sitemap for visitors and agent context. A search-engine sitemap is a related but different format.
Practice focused requests and labeled before-and-after review. Explore local browser activities, then optionally open prepared files in VS Code. No blank-page assignment, real enquiry submission or public launch is required.
Finish with a clean public release plan and continue into Domains and Website Hosting for the basics of domains, DNS, servers and updates.
Read prepared examples, choose a next step, and direct the work in ordinary language. No code writing, terminal commands, paid purchase, account connection, or live infrastructure change is required.
What this course helps you understand
- Recognize HTML, CSS and JavaScript by their roles.
- Plan a useful small website with a sitemap.
- Describe and review one change at a time.
- Distinguish a local demonstration from a connected business service.
- Prepare reviewed public files for a later hosting decision.
What you need
- A browser is enough for the guided examples.
- The VS Code beginner course is useful preparation for optional app practice.
- Any real hosting, domain, email or AI account remains a separate choice with its own terms and possible costs.
Complete written lessons are available. Recorded videos have not been added.
Open your prepared course folder
Start with the browser examples. When you want the practice files beside the lesson, download the Academy starter and extract it.
Open proscris-academy-starter/START-HERE.html for the course directory. Shared guidance lives in shared/; this course is in courses/website-basics-with-ai/. Its own START-HERE.html explains the included examples.
The ZIP contains prepared learning files. It does not install an application, connect an account or include paid subscriptions. Real-app actions are optional.
Your ten small steps
Follow the order, or return to the part you want to recognize again. The times are a rough guide, and there is no deadline.
- 01About 11 min
A Website Starts as an Ordinary Folder
Meet a prepared website folder and the business question it should answer.
- 02About 11 min
Plan Backwards From a Sitemap
Use a page map to plan the website before asking for designs.
- 03About 11 min
HTML Gives the Page Its Structure
Recognize headings, text, lists and links as the structure of a page.
- 04About 11 min
CSS Gives the Page Its Style
Describe color, spacing and layout without memorizing style rules.
- 05About 11 min
JavaScript Adds Behavior and Logic
Understand interactive behavior and distinguish a demo from a real service.
- 06About 11 min
Make the Pages Work as One Journey
Connect the home, service and contact pages with useful labels.
- 07About 11 min
Ask the Agent for One Website Change
Use a focused request, a before-and-after comparison and an updated preview.
- 08About 11 min
Know What Needs a Real Connection
Distinguish browser-only behavior from forms, payments and account systems.
- 09About 11 min
Review a Website as a Visitor
Check a small visitor journey, readable content and keyboard access.
- 10About 11 min
Prepare the Website for Hosting and Future Updates
Separate reviewed public files from planning materials and continue into hosting.
Connected courses
Keep learning with another focused course. Each has its own written lessons, examples and prepared files.
Domains and Website Hosting for Business Owners
Understand domain registration, DNS, hosting, HTTPS, email continuity and agent-assisted updates in ordinary business language.
10 written lessons · Guided browser activities · Free to read
Explore this courseBuild With AI Without Starting as a Programmer
Direct a small business tool from a clear brief through a local prototype, review and handoff without writing code.
10 written lessons · Guided browser activities · Free to read
Explore this courseKeep your place at your own pace
Checkmarks and lesson completion stay in this browser. They are personal learning notes, without grading, certification or account sync.
Use the course library to choose your next topic, or explore the readable skill methods.