chore: baseline of the live help4bis.com docroot as of 2026-10-23 (cockpit #168)

Excludes analytics/data, vendor, support, .env, ACME tokens.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-10-23 06:45:34 +10:00
co-authored by Claude Sonnet 5.5
parent 84c1a01338
commit 9e6a41fc5d
86 changed files with 20852 additions and 0 deletions
+629
View File
@@ -0,0 +1,629 @@
<!DOCTYPE html>
<!-- Version: 1.3.0 | Created: 2026-07-12 | Updated: 2026-08-16 -->
<html lang="en-AU">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your First Week With AI: A Free Beginner's Checklist | HELP4BIS</title>
<meta name="description" content="New to AI? This free step-by-step guide walks a complete beginner through their first week with an AI chat assistant. Plain English, no jargon, no sign-up.">
<meta name="keywords" content="AI for beginners, how to use AI chat, beginner AI guide, Claude beginner guide, ChatGPT beginner guide, new to AI checklist, how to write AI prompts">
<meta name="author" content="HELP4BIS">
<meta name="publisher" content="Dutch Digital Dynamics Pty Ltd">
<meta name="copyright" content="Dutch Digital Dynamics Pty Ltd">
<meta name="language" content="en-AU">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://help4bis.com/your-first-week-with-ai.html">
<meta property="og:type" content="article">
<meta property="og:url" content="https://help4bis.com/your-first-week-with-ai.html">
<meta property="og:site_name" content="HELP4BIS">
<meta property="og:title" content="Your First Week With AI: A Free Beginner's Checklist">
<meta property="og:description" content="New to AI? A free, plain-English, step-by-step guide for your first week with an AI chat assistant. No jargon, no sign-up.">
<meta property="og:image" content="https://help4bis.com/assets/images/og-social-card.jpg">
<meta property="og:locale" content="en_AU">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Your First Week With AI: A Free Beginner's Checklist">
<meta name="twitter:description" content="New to AI? A free, plain-English, step-by-step guide for your first week with an AI chat assistant.">
<meta name="twitter:image" content="https://help4bis.com/assets/images/og-social-card.jpg">
<link rel="icon" type="image/jpeg" href="assets/images/logo-favicon.jpg">
<link rel="stylesheet" href="assets/css/style.css">
<style>
/* Your First Week With AI, page extras */
.progress-row {
display: flex; align-items: center; gap: var(--sp-3);
margin-bottom: var(--sp-8);
max-width: 720px;
}
.progress-track {
flex: 1; height: 8px; border-radius: var(--r-full);
background: var(--grey-100); overflow: hidden;
}
.progress-fill {
height: 100%; width: 0%; border-radius: var(--r-full);
background: linear-gradient(90deg, var(--green), #16a34a);
transition: width .4s var(--ease-out);
}
.progress-label {
font-family: var(--font-head); font-size: 13px; font-weight: 700;
color: var(--grey-600); white-space: nowrap; font-variant-numeric: tabular-nums;
}
@media (prefers-reduced-motion: reduce) { .progress-fill { transition: none; } }
.step-item__left {
display: flex; align-items: center; gap: var(--sp-3);
flex: 1; min-width: 0;
}
.step-num {
flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%;
background: var(--grey-50); border: 1.5px solid var(--grey-200);
color: var(--red); font-family: var(--font-head); font-weight: 800;
font-size: 14px; display: flex; align-items: center; justify-content: center;
font-variant-numeric: tabular-nums; transition: all .22s ease;
}
.faq-item:has(.step-check:checked) .step-num {
background: var(--green); color: var(--white); border-color: transparent;
}
.faq-item:has(.step-check:checked) .step-item__left { opacity: .55; }
.step-item__right { display: flex; align-items: center; gap: var(--sp-3); flex-shrink: 0; }
.step-check {
width: 20px; height: 20px; accent-color: var(--green); cursor: pointer;
}
.faq-item__answer .prompt-box,
.faq-item__answer .why-callout,
.faq-item__answer ul { max-width: 640px; }
.prompt-box {
background: var(--grey-50); border: 1px solid var(--grey-100);
border-radius: var(--r-md); padding: 14px 16px;
display: flex; gap: 12px; align-items: flex-start; margin: var(--sp-3) 0;
}
.prompt-box p {
margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--grey-800);
flex: 1; font-style: italic;
}
.prompt-copy {
flex-shrink: 0; font-family: var(--font-head); font-size: 11px; font-weight: 700;
letter-spacing: .05em; text-transform: uppercase; background: var(--white);
color: var(--red); border: 1.5px solid var(--grey-200); border-radius: var(--r-sm);
padding: 7px 12px; cursor: pointer; transition: all var(--trans);
}
.prompt-copy:hover { border-color: var(--red); background: var(--red-subtle); }
.prompt-copy:focus-visible { outline: 2px solid var(--red); outline-offset: 2px; }
.why-callout {
border-left: 3px solid var(--red); background: var(--red-subtle);
padding: 12px 16px; border-radius: 0 var(--r-md) var(--r-md) 0;
margin: var(--sp-3) 0; font-size: 14.5px; color: var(--grey-800); max-width: 640px;
}
.why-callout strong {
display: block; font-family: var(--font-head); font-size: 11px;
letter-spacing: .08em; text-transform: uppercase; color: var(--red); margin-bottom: 4px;
}
.glossary-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: var(--sp-3); margin-top: var(--sp-5);
}
.glossary-card {
background: var(--grey-50); border: 1px solid var(--grey-100);
border-radius: var(--r-lg); padding: 18px 20px;
}
.glossary-card dt {
font-family: var(--font-head); font-weight: 800; font-size: 15px;
color: var(--red); margin-bottom: 4px;
}
.glossary-card dd { margin: 0; font-size: 14px; line-height: 1.6; color: var(--grey-600); }
</style>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "WebPage",
"@id": "https://help4bis.com/your-first-week-with-ai.html#webpage",
"url": "https://help4bis.com/your-first-week-with-ai.html",
"name": "Your First Week With AI: A Free Beginner's Checklist",
"isPartOf": {"@id": "https://help4bis.com/#website"},
"breadcrumb": {
"@type": "BreadcrumbList",
"itemListElement": [
{"@type": "ListItem", "position": 1, "name": "Home", "item": "https://help4bis.com/"},
{"@type": "ListItem", "position": 2, "name": "Your First Week With AI", "item": "https://help4bis.com/your-first-week-with-ai.html"}
]
}
},
{
"@type": "HowTo",
"@id": "https://help4bis.com/your-first-week-with-ai.html#howto",
"name": "Your First Week With AI",
"description": "A plain-English, step-by-step guide for someone opening an AI chat assistant for the very first time.",
"step": [
{"@type": "HowToStep", "name": "What is this, actually?", "text": "Understand that an AI chat is a program you talk to by typing, not a search engine and not a person."},
{"@type": "HowToStep", "name": "Find the box, say hello", "text": "Type a first message into the chat box and send it."},
{"@type": "HowToStep", "name": "Ask for one real thing, plainly", "text": "Write a request using role, context, command, and format: who it should act as, what it needs to know, what you want done, and how you want the answer back."},
{"@type": "HowToStep", "name": "Talk back, don't start over", "text": "Correct the AI in the same conversation instead of starting a new chat each time."},
{"@type": "HowToStep", "name": "Check anything that matters", "text": "Verify facts, dates, numbers, and anything medical, legal, or financial before acting on it."},
{"@type": "HowToStep", "name": "Keep your private information private", "text": "Avoid pasting passwords, medical details, financial details, or other people's personal information into a chat."},
{"@type": "HowToStep", "name": "Know what it's bad at", "text": "Recognise common beginner mistakes: expecting one message to be enough, and mistaking confidence for correctness."},
{"@type": "HowToStep", "name": "Five things to try today", "text": "Practise with real prompts covering an explanation, a message, a plan, and a proofread."}
]
}
]
}
</script>
</head>
<body>
<!-- ═══════════════════════════════════════════════
NAVIGATION
═══════════════════════════════════════════════ -->
<nav class="nav" role="navigation" aria-label="Main navigation">
<div class="container">
<div class="nav__inner">
<a class="nav__logo" href="index.html" aria-label="HELP4BIS home">
<img src="assets/images/logo-cropped.jpg" alt="HELP4BIS Logo" width="160" height="44">
</a>
<ul class="nav__links" id="nav-links" role="list">
<li class="nav__dropdown">
<button class="nav__trigger" aria-haspopup="true" aria-expanded="false">Services <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg></button>
<ul class="nav__dropdown-menu" role="menu">
<li class="nav__menu-group">WordPress</li>
<li><a href="managed-wordpress.html" role="menuitem">Tailored Website Management</a></li>
<li><a href="care-plans.html" role="menuitem">WP Care Plans <span class="menu-price">from $49/mo</span></a></li>
<li><a href="sos-fix.html" role="menuitem">WP SOS Fix <span class="menu-price">$97 flat</span></a></li>
<li><a href="ai-integration.html" role="menuitem">AI Integration</a></li>
<li><a href="plugin-development.html" role="menuitem">Custom Plugin Development</a></li> </ul>
</li>
<li><a href="about.html">About</a></li>
<li><a href="index.html#portfolio">Our Work</a></li>
<li><a href="index.html#pricing">Pricing</a></li>
<li><a href="blog/index.html">Blog</a></li>
<li><a href="your-first-week-with-ai.html">AI Guide</a></li>
<li><a href="contact.html">Contact</a></li>
<li class="nav__cta-mobile" aria-hidden="true">
<a href="contact.html" class="btn btn-primary">Get Started</a>
<a href="sos-fix.html" class="btn btn-secondary">SOS Fix, $97</a>
</li>
</ul>
<div class="nav__cta">
<a href="sos-fix.html" class="btn btn-secondary btn-sm">SOS Fix, $97</a>
<a href="contact.html" class="btn btn-primary btn-sm">Get Started</a>
</div>
<button class="nav__burger" id="nav-burger" aria-label="Open menu" aria-expanded="false" aria-controls="nav-links">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
</button>
</div>
</div>
</nav>
<!-- ═══════════════════════════════════════════════
PAGE HERO
═══════════════════════════════════════════════ -->
<section class="page-hero" aria-labelledby="hero-heading">
<div class="container">
<nav class="breadcrumb" aria-label="Breadcrumb">
<ol>
<li><a href="index.html">Home</a></li>
<li aria-current="page">Your First Week With AI</li>
</ol>
</nav>
<p class="eyebrow">Free Guide</p>
<h1 id="hero-heading">Your First Week With AI</h1>
<p>You are looking at a blank text box for the first time, and it is not obvious what to do with it. This guide walks you through it in order: what this actually is, what to type first, how to ask for things properly, and how to check whether you can trust what comes back. No sign-up, no jargon.</p>
</div>
</section>
<!-- ═══════════════════════════════════════════════
STEPS
═══════════════════════════════════════════════ -->
<section class="section" aria-labelledby="steps-heading">
<div class="container">
<div class="progress-row" aria-live="polite">
<span class="progress-label" id="progressLabel">0 of 8 done</span>
<span class="progress-track"><span class="progress-fill" id="progressFill"></span></span>
</div>
<p class="eyebrow">The Checklist</p>
<h2 id="steps-heading">Work through it in order</h2>
<p class="section-subtitle">Tick each one off as you go. It's fine to come back later, the tracker just runs in your browser for this visit.</p>
<div class="faq__list" role="list" style="margin-top: var(--sp-6);" id="stepList">
<details class="faq-item" role="listitem" open>
<summary class="faq-item__question">
<span class="step-item__left">
<span class="step-num">1</span>
<span>What is this, actually?</span>
</span>
<span class="step-item__right">
<input type="checkbox" class="step-check" aria-label="Mark step 1 done" onclick="event.stopPropagation()">
<span class="faq-item__icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
</span>
</span>
</summary>
<div class="faq-item__answer">
<p>An AI chat is a computer program you talk to by typing. You type a message, it types a reply. That is the whole idea. It is not a search engine handing you a list of links, and it is not a person on the other end.</p>
<p>It has read an enormous amount of writing, so it's very good at producing answers that sound right. It doesn't always know whether what it wrote is actually true. I've seen it be completely wrong while sounding completely sure of itself. Keep that one sentence in mind for every step below.</p>
<p>My advice before you start: you don't need a perfect first message. You need to send one. Every step after this one will help you write better prompts, but pressing send on something rough is what actually gets you moving.</p>
</div>
</details>
<details class="faq-item" role="listitem">
<summary class="faq-item__question">
<span class="step-item__left">
<span class="step-num">2</span>
<span>Find the box, say hello</span>
</span>
<span class="step-item__right">
<input type="checkbox" class="step-check" aria-label="Mark step 2 done" onclick="event.stopPropagation()">
<span class="faq-item__icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
</span>
</span>
</summary>
<div class="faq-item__answer">
<p>Somewhere on the screen, usually near the bottom, there is a text box waiting for you. Click into it, type a sentence, and press Enter or the send button.</p>
<div class="prompt-box">
<p>Hello. I am completely new to this. What are you able to help me with?</p>
<button class="prompt-copy" onclick="copyPrompt(this)">Copy</button>
</div>
<p>Send that. Read what comes back. That's it, you have now used AI. There is no setup and no manual you needed to read first.</p>
</div>
</details>
<details class="faq-item" role="listitem">
<summary class="faq-item__question">
<span class="step-item__left">
<span class="step-num">3</span>
<span>Ask for one real thing, plainly</span>
</span>
<span class="step-item__right">
<input type="checkbox" class="step-check" aria-label="Mark step 3 done" onclick="event.stopPropagation()">
<span class="faq-item__icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
</span>
</span>
</summary>
<div class="faq-item__answer">
<p>A message to an AI is often called a prompt. Beginners can get a long way with a simple four-part shape. You will not need all four every time, but knowing they exist means you can reach for whichever one is missing when an answer falls flat.</p>
<ul>
<li><strong>Role.</strong> Who should it act as? A blunt editor, a patient teacher, a tenant advocate.</li>
<li><strong>Context.</strong> What does it actually need to know? Your situation, the numbers, the background.</li>
<li><strong>Command.</strong> What do you want done, in plain words?</li>
<li><strong>Format.</strong> How do you want it back? A list, a short paragraph, a table, under 100 words.</li>
</ul>
<div class="prompt-box">
<p>Act as a patient, plain-speaking tenant advocate. My landlord hasn't fixed a leaking kitchen tap I reported two weeks ago. Write a short email asking him to fix it this week. Keep it under 100 words, polite but firm.</p>
<button class="prompt-copy" onclick="copyPrompt(this)">Copy</button>
</div>
<div class="why-callout">
<strong>Why this matters</strong>
A vague request gets a vague, generic answer. A specific one gets a useful one. The AI is answering the question you actually asked, which is usually vaguer than you meant it to be.
</div>
<div class="why-callout">
<strong>Speed up your learning</strong>
Whenever an answer turns out exactly right, ask it: "Write me the exact prompt that would have gotten me this answer straight away." It hands you back the shortcut for next time, so you improve without having to study anything.
</div>
</div>
</details>
<details class="faq-item" role="listitem">
<summary class="faq-item__question">
<span class="step-item__left">
<span class="step-num">4</span>
<span>Talk back, don't start over</span>
</span>
<span class="step-item__right">
<input type="checkbox" class="step-check" aria-label="Mark step 4 done" onclick="event.stopPropagation()">
<span class="faq-item__icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
</span>
</span>
</summary>
<div class="faq-item__answer">
<p>If the first answer is not quite right, do not delete everything and start a new question. Reply in the same conversation and correct it. The AI can see what was said earlier and will adjust, that's how I use it myself.</p>
<ul>
<li>"That's too long, cut it in half."</li>
<li>"Too formal, make it sound like me talking to a friend."</li>
<li>"You got the date wrong, it's the 14th, not the 4th."</li>
</ul>
<p>Most useful answers take two or three exchanges to get right. In my experience that's normal, not a sign you're doing it wrong.</p>
</div>
</details>
<details class="faq-item" role="listitem">
<summary class="faq-item__question">
<span class="step-item__left">
<span class="step-num">5</span>
<span>Check anything that matters</span>
</span>
<span class="step-item__right">
<input type="checkbox" class="step-check" aria-label="Mark step 5 done" onclick="event.stopPropagation()">
<span class="faq-item__icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
</span>
</span>
</summary>
<div class="faq-item__answer">
<p>AI can state something false while sounding entirely confident about it. This has a name, a hallucination, covered in the glossary below. It is not rare, and it looks like every other sentence.</p>
<ul>
<li>For facts, dates, prices, or numbers, ask "where does that come from" or check it yourself.</li>
<li>For anything medical, legal, or financial, treat the answer as a starting point, not advice. Confirm with an actual professional.</li>
<li>For names, links, quotes, or citations, check them independently. These get invented more often than you would expect, and they can look completely real.</li>
</ul>
<div class="why-callout">
<strong>Why this matters</strong>
The cost of double-checking a wrong recipe is low. The cost of double-checking a wrong figure on a form, a wrong dose, or wrong legal advice is not. Match how carefully you check to how much it would cost to be wrong.
</div>
</div>
</details>
<details class="faq-item" role="listitem">
<summary class="faq-item__question">
<span class="step-item__left">
<span class="step-num">6</span>
<span>Keep your private information private</span>
</span>
<span class="step-item__right">
<input type="checkbox" class="step-check" aria-label="Mark step 6 done" onclick="event.stopPropagation()">
<span class="faq-item__icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
</span>
</span>
</summary>
<div class="faq-item__answer">
<p>Once you have typed something into an AI chat, treat it as sent, the same way you would treat an email to a company you don't fully know. Do not paste in:</p>
<ul>
<li>Passwords, login codes, or security answers</li>
<li>Medical record details</li>
<li>Bank account, card, or tax file numbers</li>
<li>Someone else's personal details without their permission</li>
<li>Passport, licence, or Medicare numbers</li>
</ul>
<div class="why-callout">
<strong>Why this matters</strong>
Some AI providers may review or use conversations to improve future versions unless you've turned that off in settings. Private information typed into a chat can end up read by someone other than you. A simple rule of thumb: if you wouldn't say it out loud in a shop full of strangers, don't type it in either.
</div>
</div>
</details>
<details class="faq-item" role="listitem">
<summary class="faq-item__question">
<span class="step-item__left">
<span class="step-num">7</span>
<span>Know what it's bad at</span>
</span>
<span class="step-item__right">
<input type="checkbox" class="step-check" aria-label="Mark step 7 done" onclick="event.stopPropagation()">
<span class="faq-item__icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
</span>
</span>
</summary>
<div class="faq-item__answer">
<ul>
<li><strong>Expecting one message to be enough.</strong> Real use is a back-and-forth, not a single perfect question.</li>
<li><strong>Assuming it knows today's date, current prices, or recent events.</strong> Unless it tells you it has looked something up, treat "current" information as possibly out of date.</li>
<li><strong>Mistaking confidence for correctness.</strong> A calm, well-written sentence is not proof that it's true. See step 5.</li>
</ul>
</div>
</details>
<details class="faq-item" role="listitem">
<summary class="faq-item__question">
<span class="step-item__left">
<span class="step-num">8</span>
<span>Five things to try today</span>
</span>
<span class="step-item__right">
<input type="checkbox" class="step-check" aria-label="Mark step 8 done" onclick="event.stopPropagation()">
<span class="faq-item__icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
</span>
</span>
</summary>
<div class="faq-item__answer">
<p>Pick whichever one is actually true for you today. Real tasks teach you more than invented ones.</p>
<div class="prompt-box">
<p>Explain how interest on a savings account works, like I'm eleven years old.</p>
<button class="prompt-copy" onclick="copyPrompt(this)">Copy</button>
</div>
<div class="prompt-box">
<p>Help me write a text to a friend, cancelling plans for Saturday. Keep it warm, not cold.</p>
<button class="prompt-copy" onclick="copyPrompt(this)">Copy</button>
</div>
<div class="prompt-box">
<p>Give me a simple week of dinners for one person who does not enjoy cooking.</p>
<button class="prompt-copy" onclick="copyPrompt(this)">Copy</button>
</div>
<div class="prompt-box">
<p>I'm nervous about a phone call I have to make tomorrow. Help me plan what to say.</p>
<button class="prompt-copy" onclick="copyPrompt(this)">Copy</button>
</div>
<div class="prompt-box">
<p>Read this and tell me what's confusing about it: [paste in something you wrote]</p>
<button class="prompt-copy" onclick="copyPrompt(this)">Copy</button>
</div>
</div>
</details>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════════════
GLOSSARY
═══════════════════════════════════════════════ -->
<section class="section section--dark" aria-labelledby="glossary-heading">
<div class="container">
<p class="eyebrow">Reference, Not A Step</p>
<h2 id="glossary-heading">Words you'll keep hearing</h2>
<p class="section-subtitle" style="color: rgba(255,255,255,.55);">You do not need to memorise these before you start. Look them up here the first time you hit one.</p>
<dl class="glossary-grid">
<div class="glossary-card">
<dt>Prompt</dt>
<dd>The message you type in. Asking a good question is often called "prompting".</dd>
</div>
<div class="glossary-card">
<dt>Chat / conversation</dt>
<dd>The whole back-and-forth in one thread. The AI can see earlier messages in the same chat, which is why correcting beats restarting.</dd>
</div>
<div class="glossary-card">
<dt>Model</dt>
<dd>The actual AI system doing the answering. Different models exist, some faster, some more careful, roughly like different staff with different strengths.</dd>
</div>
<div class="glossary-card">
<dt>Hallucination</dt>
<dd>When the AI states something false while sounding completely confident. Not a glitch you'll be warned about, just a wrong sentence that reads like a right one.</dd>
</div>
<div class="glossary-card">
<dt>Context</dt>
<dd>Everything the AI currently has in view: your message, earlier messages, anything you've pasted in. More relevant context usually means a better answer.</dd>
</div>
<div class="glossary-card">
<dt>Token</dt>
<dd>A rough chunk of text, close to a short word or word piece. Mentioned mostly around cost and length limits. You can safely ignore it as a beginner.</dd>
</div>
</dl>
</div>
</section>
<!-- ═══════════════════════════════════════════════
PART TWO TEASER
═══════════════════════════════════════════════ -->
<section class="section" style="padding-top:0;">
<div class="container">
<div style="background: var(--grey-50); border: 1px solid var(--grey-100); border-radius: var(--r-xl); padding: var(--sp-6); display:flex; align-items:center; justify-content:space-between; gap: var(--sp-5); flex-wrap:wrap;">
<div>
<p class="eyebrow" style="margin-bottom:6px;">Once This Feels Easy</p>
<h3 style="font-family:var(--font-head); font-size:20px; margin-bottom:4px; color:var(--ink);">Ready for week two?</h3>
<p style="color:var(--grey-600); font-size:14.5px; margin:0; max-width:520px;">Master prompts, reusable system prompts, and a few control words that make answers noticeably more useful. Still plain English, still free.</p>
</div>
<a href="second-week-with-ai.html" class="btn btn-secondary">Read Part Two</a>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════════════
CTA BAND
═══════════════════════════════════════════════ -->
<section class="cta-band" aria-labelledby="cta-heading">
<div class="container">
<div class="cta-band__content">
<p class="eyebrow" style="color:rgba(255,255,255,.5)">Need more than a checklist?</p>
<h2 id="cta-heading">We build the AI tools this guide told you to be careful with.</h2>
<p>If you want AI set up properly on your own website, chatbots, content assistants, automation, submit a brief and we'll tell you what fits and what it costs.</p>
<div class="cta-band__actions">
<a href="contact.html?service=ai" class="btn btn-primary btn-lg">Submit a Brief</a>
<a href="ai-integration.html" class="btn btn-outline-light btn-lg">See AI Integration</a>
</div>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════════════
FOOTER
═══════════════════════════════════════════════ -->
<footer class="footer" aria-label="Site footer">
<div class="container">
<div class="footer__grid">
<div class="footer__brand">
<img src="assets/images/logo-cropped.jpg" alt="HELP4BIS" width="140" height="38">
<p>Managed WordPress hosting and maintenance for Australian small businesses. Brisbane-based, personal service, WordPress specialist, Brisbane.</p>
<p style="font-size:13px; color:rgba(255,255,255,.4);">Dutch Digital Dynamics Pty Ltd &middot; ABN 86 081 237 087</p>
</div>
<div class="footer__col">
<h4>Services</h4>
<ul class="footer__links">
<li><a href="managed-wordpress.html">Tailored Website Management</a></li>
<li><a href="care-plans.html">WP Care Plans</a></li>
<li><a href="sos-fix.html">WP SOS Fix</a></li>
<li><a href="ai-integration.html">AI Integration</a></li>
<li><a href="plugin-development.html">Plugin Development</a></li> </ul>
</div>
<div class="footer__col">
<h4>Company</h4>
<ul class="footer__links">
<li><a href="about.html">About Us</a></li>
<li><a href="index.html#portfolio">Our Work</a></li>
<li><a href="blog/index.html">Blog</a></li>
<li><a href="your-first-week-with-ai.html">Free AI Guide</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="footer__col">
<h4>Contact</h4>
<ul class="footer__links">
<li><a href="mailto:project@help4bis.com">project@help4bis.com</a></li>
<li><a href="contact.html">Submit a Brief</a></li>
<li><a href="sos-fix.html">Emergency Fix</a></li>
</ul>
<p style="margin-top:1rem; font-size:13px; color:rgba(255,255,255,.4);">
Brisbane, Queensland<br>
Response within 24 business hours
</p>
</div>
</div>
<div class="footer__bottom">
<span>&copy; 2026 HELP4BIS, a trading name of Dutch Digital Dynamics Pty Ltd &middot; ABN 86 081 237 087</span>
<span>
<a href="privacy.html">Privacy Policy</a> &middot;
<a href="terms.html">Terms</a>
</span>
</div>
</div>
</footer>
<button id="back-to-top" aria-label="Back to top" style="position:fixed;bottom:24px;right:24px;width:44px;height:44px;background:var(--red);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;box-shadow:var(--shadow-md);">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="18 15 12 9 6 15"/></svg>
</button>
<script src="assets/js/main.js"></script>
<script src="/analytics/tracker.js" defer></script>
<script>
(function () {
var boxes = document.querySelectorAll('.step-check');
var label = document.getElementById('progressLabel');
var fill = document.getElementById('progressFill');
function update() {
var total = boxes.length;
var done = document.querySelectorAll('.step-check:checked').length;
label.textContent = done + ' of ' + total + ' done';
fill.style.width = (total ? (done / total * 100) : 0) + '%';
}
boxes.forEach(function (box) { box.addEventListener('change', update); });
update();
})();
function copyPrompt(btn) {
var text = btn.previousElementSibling.textContent;
var original = btn.textContent;
function done(ok) {
btn.textContent = ok ? 'Copied' : 'Select & copy';
setTimeout(function () { btn.textContent = original; }, 1500);
}
if (navigator.clipboard && navigator.clipboard.writeText) {
navigator.clipboard.writeText(text).then(function () { done(true); }, function () { done(false); });
} else {
done(false);
}
}
</script>
</body>
</html>