Lesson 10: Final Project & Going Live

Goal: Combine everything into a complete startup website and publish it.

Step 1: Plan

Business name and purpose, pages needed (Home, About, Services, Contact), colors and fonts, logo and images.

Step 2: Folder Structure

my-startup/

├── index.html

├── about.html

├── services.html

├── contact.html

├── css/

│   └── style.css

└── images/

    ├── logo.png

    └── team.jpg

Step 3: Page Contents

Step 4: Pre-Launch Checklist

• Every page has a <title> and meta description
• Every image has alt text
• All links work
• Looks good on mobile (viewport tag + media query)
• Filenames are lowercase with dashes
• Code is clean and indented

Step 5: Domain & Hosting

• Domain: the website address (e.g., mycompany.com.sa), registered through an authorized registrar
• Hosting: the server that stores your files
• Uploading: hosting File Manager, FTP, or free options like GitHub Pages or Netlify
• Connect the domain to hosting (DNS settings), then upload files to the public_html folder

What to Learn Next

1.   Advanced CSS (Grid, animations)

2.   JavaScript (interactivity)

3.   Bootstrap or Tailwind (faster design)

4.   Git and GitHub (managing code)

Course Summary