HTML & CSS Basics for Designers
Now You Can Code Interactive Responsive Website
Transform Website Design to
Actual Web Coding
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.
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
Learn to Code Stunning Web Design
|Date||:||2021/11/5 – 26 (Every Saturday morning)|
|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|
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.