HTML & CSS Basics for Designers

Now You Can Code Interactive Responsive Website

Figma Design Certificate in Business Design Greentomato Academy UX Design UI Design Wireframe Prototype Adobe XD
HTML5 CSS3 GreenTomato Academy

Transform Website Design to
Actual Web Coding

Course Overview

In this crash course, you will learn the fundamentals in website design and front-end development with HTML (Hyper Text Markup Language 5) and CSS (Cascading Style Sheets 3) coding.

You will learn and practice coding for responsive website design that are suitable for viewing on desktop, tablet computers, as well as smart phone devices. The technique can also be applied to other web related designs such as landing page and edm design.

Key Topics

Content: Software setup and learn the fundamentals of HTML5 and CSS3 coding language.

Workshop: Code the basic structure of the website design

Content: Understand the concept of RWD and create adaptable layouts across multiple digital devices using media query, flex-box and grid.

Workshop: Coding responsive website with CSS Media Query

Content: Control design styling of typography, colors, spacing, buttons and other UI elements across the entire website with CSS.

Workshop: Adding design style with CSS ID and Class selectors

Content: Enhance user experience by adding animation and micro-interaction to the website with CSS Animation and Hover State.

Workshop: Adding interaction with CSS animation

Course Aim and Outcome

On completion of this course, learners will be able to:

  • code responsive website design with HTML5 that is suitable for viewing on desktop, tablet computers, and smart phone devices
  • employ CSS3 to control the style of the entire website design
  • add micro-interactions to UI elements to enhance user experience

The course is intended for designer eager to obtain the skills of a front-end website developer, allowing you to transform website design layout to actual web coding.

  • Face-to-Face: engage with instructor and industry professionals
  • Online Lessons: classes and Q&A sessions can be held via online streaming
  • Online Resources: learning materials can be accessed via online learning platform

On completion of this course/workshop, learners will receive a digital version of the Certificate of Completion issued by GreenTomato Academy.  GreenTomato Limited is well recognized by the industry and the knowledge and skills obtained from GreenTomato Academy will serve as a solid stepping stone for your career development.

Marco Ho, GreenTomato Academy
Proficient in managing online marketing campaigns from strategic planning to execution.  Cross-disciplinary skills in Marketing, Advertising, Design and Digital Communications.  Experienced in education and training in creative thinking, marketing management, digital marketing and design.

  • Programme Leader, Digital Marketing, HKDI/IVE
  • Deputy Programme Leader, Business with Design Management, HKDI/IVE
  • External Examiner, HD in Design (Graphic Design), Department of Design, CBCC
  • Master’s Degree, Design Strategies, Hong Kong PolyU
HTML5 CSS3 GreenTomato Academy

Learn to Code Stunning Web Design

Course Detail

Course Code : DE4010
Date : 2021/11/5 – 26 (Every Saturday morning)
Course Calendar : View
Time : 10:00 am –1:00 pm (3 hr each class)
Duration : 12 hour (Total 4 classes)
Venue : Live online classes
Fee : HK$2,380 (Early Bird Discount HK$2,140*)
Language : Cantonese + English supporting materials
Prerequisites : Applicants should be computer-literate with a sound working knowledge of the Windows/Mac operating system
Equipment : Bring your own laptop with Wi-Fi connectivity
*Enroll before October 28


Complete the following form to apply for this course. Applicants will be notified by email with confirmation details and payment methods.

All personal data collected shall be used for purposes relating to the business of Greentomato Academy and all practical measures will be taken to ensure that personal data collected are safeguarded. Read our Personal Information Collection Statement for details.

1st and 2nd Cohort (Completed)
2020 (Completed 2 Cohort)
Nov (Enrolled)
Same as HKID

GreenTomato Academy reserves the rights to revise or cancel the regarding event. For inquiries, please contact us.
GreenTomato Academy is a Subsidiary of Green Tomato Limited.