Website Designing using HTML and CSS

  • Logo of HRD Corp Claimable Course
  • Logo of HRD Corp Registered Training Provider
  • Logo of Certiport Certified Testing Center
  • Logo of e-perolehan by MOF

Course Description

This intensive 3-day course is designed to equip you with the fundamental skills and knowledge to create and design beautiful, responsive websites using HTML and CSS. You will learn to navigate and utilize the VS Code editor, understand the basics of HTML and CSS and explore advanced web design techniques. By the end of the course, you'll be able to create a fully functional and visually appealing website, optimized for different devices and ready for publication.

Course Title: Website Designing using HTML and CSS
Duration: 3 Days
Time: 9am - 5pm
Venue: Leisure Commerce Square, PJ / Zoom Meeting
Trainer: Ms Shamini

Learning Outcomes

Upon completing this course, you will be able to:

  • Navigate and utilize the VS Code editor, including its user interface, tools panel and extensions
  • Comprehend the basics of CSS, distinguish between HTML and CSS formatting and apply CSS styling effectively
  • Develop a new website, including evaluating design options and drafting content
  • Create a responsive HTML page layout adaptable to different screen sizes using media queries
  • Work with text, lists and tables in HTML, including spell-checking webpages and finding and replacing text
  • Incorporate images into a webpage, adjusting their positions with CSS classes
  • Implement effective navigation using hyperlinks and create destination links within the same page
  • Utilize the Bootstrap framework for advanced design, optimizing websites for mobile and ensuring consistent navigation across all pages
  • Publish a website online, including defining a remote site, cloaking folders and files and performing final checks on all page components

Training Investment and Advantages

The course fee is RM2700 per participant (RM2100 for online sessions).

Benefits include:

  • Assurance of competency
  • Official Certificate of Completion
  • Three months of post-training support
  • Options for personalized in-house training sessions

Please fill in the details to download brochure.

Course Outline

  • Getting to Know the VS Code Editor
    • User Interface
    • Tools Panel
    • Extensions/Browser
  • HTML Basic
    • What is HTML?
    • History of HTML
    • What’s new in HTML5?
  • CSS Basics
    • Difference between HTML and CSS formatting
    • Applying CSS styling
    • Using multiple selectors, classes and IDs
  • Web Design Basics
    • Developing a new website scenario
  • Creating a Page Layout
    • Evaluating page design options
    • Mapping the Design Idea
    • Drafting Content
  • Designing a Page
    • Creating an HTML Page
    • Implementing responsive design
    • Adapting the site for different screen sizes
    • Working with media queries
  • Working with Text, Lists and Tables
    • Previewing the completed file
    • Creating lists and styling text and tables
    • Spell-checking web pages and using find and replace
  • Working with Images
    • Understanding web image basics
    • Inserting and adjusting images
    • Positioning images with CSS classes
  • Working with Navigation
    • Understanding hyperlink basics
    • Creating links and targeting page elements
    • Adding destination links within the same page
  • Bootstrap Framework
    • Linking to Bootstrap CSS
    • Utilizing Bootstrap Classes
    • Navigation with Bootstrap
    • Mobile Optimization
    • Implementing Bootstrap across all pages
  • Publishing to the Web
    • Defining a remote site
    • Cloaking folders and files
    • Uploading your site online
  • Wrapping Things Up
    • Running a functionality checklist on all page components
    • Correcting content and mistakes
    • Testing across multiple display sizes

Who Should Attend this Course?

This course is designed for anyone with a vague interest in Web Designing, especially for :-

  • Design professionals who wants to develop Web
  • Graphic & Multimedia students content design, printing and publication
  • Entrepreneurs who wishes to launch their own website
  • Editors who want to create online editorial page
  • Authors who wants to create publish or sell thier book online
  • Anyone who wishes to learn to build website

The Instructor

Shamini Devi Muniandy

Shamini Devi Muniandy holds a B.Sc. (Hons) in Computer Science from De Monfort University and numerous professional certifications from Autodesk® and the Department of Skills Development, including Autodesk® 3ds Max® and Maya®. She has held various roles throughout her career, such as an IT Development Manager, Lecturer and Administrator and is currently serving as a Trainer. Shamini has a wealth of experience in training and media production, IT development and lecturing, specializing in software like Autodesk® Maya®, Autodesk® 3ds Max®, Adobe® Creative Suite, Vray®, Unity3D®, Nuke® and Rhino®. She has conducted various training projects for institutions and companies, focusing on areas like 3D animation, games art design, architectural visualization and soft skills training. Fluent in English, Malay and Tamil, Shamini is also involved in strategic planning, blended learning and effective communication, making her a versatile and highly skilled professional in her field.

For more information and to register,
kindy email to or
Call us at 03 7865 6272