Unlock the Power of Coding:
HTML/CSS Essentials for Designers
Transform your design skills with basic coding knowledge.
Transform your design skills with basic coding knowledge.
Welcome to our "How to Code" workshop tailored for designers!
Are you a designer looking to enhance your skill set and unlock new creative possibilities? You're in the right place!
In this workshop, we'll dive into the fundamentals of HTML and CSS, empowering you to bring your design visions to life on the web.
Gain a wider range of career opportunities like web or email design.
Designers who can code can collaborate more effectively with developers.
Turn problems into manageable tasks and find solutions, which is beneficial both in design and development.
Learn to create headings, paragraphs, lists, links, and images.
Explore how to apply colours, fonts, margins, and padding to enhance your designs.
Understand how to make your designs adapt to different screen sizes and devices.
Get practical experience by building a simple web page with codepen.
Part 1 - Starting Point
This file includes the bare text that you'll use in your web page.
Open in new tab
Part 2 - Adding HTML tags
This file includes the basic text with HTML tags added for headings, normal text (paragraphs), links, etc.
Open in new tab
Part 3 - Adding basic CSS
Adding a few lines of CSS code to start customising your fonts.
Open in new tab
Part 4 - Adding sections and styling
Adding sections to our HTML and continuing with visual styling updates.
Open in new tab
Part 5 - Font Updates and Images
Starting to add updated fonts and how to add images.
Open in new tab
Part 6 - Button/Link Styling
Turning the boring blue link to a more interesting button style.
Open in new tab
AGDA Coding - Part 7 (Hero SVG)
Adding the hero SVG as a background to the header section.
Open in new tab
Currently Lead Designer at Ausmed, Darren’s specialty is digital product design (UI/UX) and has found understanding of the basics when it comes to HTML and CSS extremely helpful for his career.
Date: Wednesday 16th April 2024
Time: 5:30pm - 6:30pm
Location: Google Meet
Free for AGDA members, $15 for non-members
Limited seats available, so reserve your spot today!