During this workshop, you’ll teach participants the structure and syntax of basic HTML and CSS. Participants will receive a skeleton of a portfolio website and will update the HTML to include information about themselves and edit the CSS to style and position elements on their page! Then, they’ll deploy their new website.
HTML is the skeleton of every website on the internet and nearly all websites use CSS for styling. Learning HTML and CSS is the first step toward building a personal website, becoming more technically fluent, or beginning a career in web development or design!
While learning to edit HTML elements and CSS properties is an important first step toward making a website, there are more steps to getting a website publicly available on the internet. In this workshop, participants will use a simple deployment tool to get their website live before they leave!
Participants will be required to have a computer that can connect to the Internet and run the following software:
System Requirements:
- MacOS, Linux, or Windows 8 or higher
This workshop is designed for absolute beginners! There are no prerequisites.
Welcome the participant and wait for the participant to crowd.
| Duration | 5 minutes |
| Time | 19.10 - 19.15 |
| Presenter | Kulkul's Moderator (TBD) |
Breakout session where participant divided into three groups (assuming 30 participants it will be 10 participants each).
| Duration | 15 minutes |
| Time | 19.15 - 19.30 |
| Presenter | Kulkul Team Facilitator (TBD) |
In this section the speaker would present a gentle and hands-on introduction to HTML. Things like semantic HTML and the DOM will be discussed here. In this section we will introduce how HTML acts as the foundational structure of the document in the world wide web.
| Duration | 15 minutes |
| Time | 19.30 - 20.00 |
| Presenter | Kulkul's Speaker (TBD) |
In this section, our speaker would present a gentle introduction to the CSS and how it complements the HTML as the aesthetic element of the document in the world wide web. If the HTML is the wall, window, and a ceiling of a house, CSS would be the painting or ceramics that make the house more aesthetic.
| Duration | 15 minutes |
| Time | 20.00 - 20.30 |
| Presenter | Kulkul's Speaker (TBD) |
In this section the speaker would present multiple ways to deploy our website to the internet, from the temporary way using localtunnel or ngrok and using a free GitHub or Gitlab pages for our advantage.
| Duration | 15 minutes |
| Time | 20.30 - 21.00 |
| Presenter | Kulkul's Speaker (TBD) |
In the last section we will recap what we have learned and announcing future workshops and opportunity to develop our web development skills.
| Duration | 15 minutes |
| Time | 21.00 - 21.15 |
| Presenter | Kulkul's Moderator (TBD) |
This event is a MLH Localhost Event.