Back to All Courses
Creative Media
Website Design
Duration
16 Weeks
Fees
GHC 2,750
Course Overview
The Website Designing Course is designed to equip students with the practical knowledge and skills required to plan, design, develop, publish, and maintain modern websites.
The course introduces students to the fundamentals of web development, including HTML, CSS, responsive web design, website hosting, domain names, and basic website management. Students will learn through practical projects, allowing them to move from creating simple web pages to developing complete, professional and responsive websites.
Course Curriculum
Module 1: Introduction to Website Designing
- What is a website?
- What is web designing?
- What is web development?
- Types of websites
- Static vs dynamic websites
- How websites work
- Web browsers
- Web servers
- Internet and World Wide Web
- Front-end vs back-end development
- Introduction to web technologies
- Website development workflow
Module 2: Web Design Tools and Development Environment
- Introduction to code editors
- Installing Visual Studio Code
- Understanding the development environment
- Creating folders and files
- File and folder organization
- Naming web files correctly
- Introduction to browser Developer Tools
- Previewing webpages
- Debugging basic webpage problems
Module 3: HTML Fundamentals
- Introduction to HTML
- HTML document structure
- HTML elements and tags
- Headings
- Paragraphs
- Line breaks
- Text formatting
- Comments
- Links and hyperlinks
- Images
- Lists
- Tables
- Forms
- Buttons
- Audio and video
- HTML attributes
- Div and span
Module 4: CSS Fundamentals
- Introduction to CSS
- Inline, internal and external CSS
- CSS syntax
- Selectors
- Colors
- Backgrounds
- Fonts and typography
- Text styling
- Borders
- Margins
- Padding
- Width and height
- Box model
- Display properties
- Positioning
- Shadows
- Opacity
- CSS units
- Classes and IDs
Module 5: CSS Layout Design
- Understanding webpage layouts
- CSS Flexbox
- CSS Grid
- Columns and rows
- Navigation bars
- Headers and footers
- Sidebars
- Cards
- Image galleries
- Content sections
- Hero sections
- Website page structure
- Creating modern layouts
Module 6: Website Graphics and Media
- Preparing images for websites
- Image formats: JPG, PNG, SVG, WebP
- Image compression
- Using icons
- Using web fonts
- Basic graphic optimization
- Video integration
- Embedding YouTube videos
- Creating website banners
- Optimizing media for faster loading
Module 7: Website Navigation and Multi-Page Development
- Creating multiple webpages
- Linking webpages
- Navigation menus
- Home page
- About page
- Services page
- Contact page
- Gallery page
- FAQ page
- Creating reusable sections
- Organizing website files
- Website footer design
Module 8: Forms and User Input
- HTML forms
- Text fields
- Email fields
- Password fields
- Dropdown menus
- Radio buttons
- Checkboxes
- Text areas
- Submit buttons
- Form validation
- Contact forms
- Registration forms
Module 9: Introduction to WordPress
- What is WordPress?
- WordPress.com vs WordPress.org
- Installing WordPress
- WordPress dashboard
- Themes
- Plugins
- Pages
- Posts
- Menus
- Widgets
- Media library
- Users
- Basic customization
- Website settings
- WordPress security basics
- Website backups
Module 10: Domain Names and Web Hosting
- What is a domain name?
- Domain extensions
- Choosing a good domain
- What is web hosting?
- Types of hosting
- Shared hosting
- VPS hosting
- Cloud hosting
- Domain and hosting relationship
- DNS basics
- Nameservers
- cPanel introduction
- Creating email accounts
- Uploading website files
- Connecting a domain to hosting
- Installing SSL
Module 11: Website Deployment
- Preparing a website for publication
- Website file management
- FTP introduction
- cPanel File Manager
- Uploading website files
- Connecting databases where applicable
- Domain configuration
- Testing a live website
- Fixing broken links
- Website backup
Module 12: Basic Website SEO
- Introduction to SEO
- How search engines work
- Keywords
- Page titles
- Meta descriptions
- Headings
- Image alt text
- SEO-friendly URLs
- Internal linking
- Mobile-friendly websites
- Website speed
- Sitemap
- Search engine indexing
- Introduction to Google Search Console
Module 13: Client Project and Professional Practice
- Understanding client requirements
- Gathering website information
- Preparing a website proposal
- Website planning
- Creating a sitemap
- Designing wireframes
- Client communication
- Project pricing
- Website quotation
- Project deadlines
- Handling revisions
- Website delivery
- Client training
- Website maintenance contracts
Career Opportunities
- Web Designer
- Front-End Web Developer
- WordPress Developer
- Website Administrator
- Website Content Manager
- Web Support Specialist
- Freelance Web Designer
- Digital Agency Assistant
- Junior Web Developer
- E-commerce Website Designer
- SEO Assistant
- Website Maintenance Specialist